Hi all, I am looking for a developer that can work European time zone, that can support us to build a 3D web view for our SaaS solution.
I have included the requirements below. It need to look very cool, but also functional as it is primarly for mechanical engineers.
Start immidiatly
It would be great if you could send me some references, your experiance and an estimate of the below.
- Core Features
a. 3D Model Loading
β’ Support for various 3D file formats such as GLTF/GLB, OBJ, FBX, STL, etc.
β’ Option to drag and drop files into the viewer.
β’ Display loading indicators during the model loading process.
b. Camera Controls
β’ Implement intuitive controls using OrbitControls:
o Rotate
o Zoom (scroll or pinch)
o Pan
β’ Option to reset the camera to a default view.
c. Scene and Lighting
β’ Add scene elements for proper visualization:
o Ambient light for base illumination.
o Directional or point lights for highlights and shadows.
o Adjustable light settings for user customization.
d. Rendering and Performance
β’ Optimize performance with:
o Efficient geometry and textures.
o Use of WebGL extensions.
o Adjustable rendering quality (high/low quality toggle).
- Model Interaction
a. Annotations
β’ Allow users to add and view annotations on the model.
β’ Show labels or markers at specific points on the model.
b. Structure Viewer
β’ Display a hierarchical structure/tree view of the model (e.g., GLTF scene graph).
β’ Allow users to hide/show specific parts of the model.
c. Material and Texture Editing
β’ Enable real-time changes to materials, such as color, texture, and roughness.
β’ Allow users to apply custom textures or use predefined ones.
d. Measurement Tools
β’ Add distance measurement tools for real-world applications (e.g., architectural models).
β’ Include units and scaling.
- User Interface
a. UI Components
β’ A toolbar with essential actions (load model, reset camera, etc.).
β’ A sidebar for model structure, layers, or settings.
β’ A settings panel for controlling lighting, background, and rendering quality.
b. Customization Options
β’ Change background color or add a background environment (HDRI for realistic lighting).
β’ Add multiple rendering modes:
o Wireframe
o Solid
o Transparent
c. Screenshots and Export
β’ Enable users to take screenshots of the current view.
β’ Provide options to export edited models.
- Advanced Features
a. Animations
β’ Support model animations (e.g., GLTF animations).
β’ Play, pause, and seek animation controls.
b. AR/VR Integration
β’ Add support for WebXR for augmented reality (AR) and virtual reality (VR) experiences.
c. Physics
β’ Include basic physics for collision detection and interaction (optional).
d. Scene Saving and Sharing
β’ Save the current state of the scene, including camera position and annotations.
β’ Allow users to share their saved scene via a link.
- Performance Optimization
β’ Use tools like three.jsβs DRACOLoader to compress models.
β’ Implement lazy loading for large models.
β’ Limit the number of draw calls and optimize material and light usage.
- Documentation and Help
β’ Add tooltips or an interactive tutorial for first-time users.
β’ Include a help section or FAQs for troubleshooting.