NOT NEED ANY MORE: Freelance needed: Comprehensive 3D web viewer application in Three.js

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.

  1. 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).

  1. 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.

  1. 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.

  1. 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.

  1. 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.

  1. Documentation and Help
    β€’ Add tooltips or an interactive tutorial for first-time users.
    β€’ Include a help section or FAQs for troubleshooting.
6 Likes

Hi @Simon_Nielsen, as a three.js developer, I can help you.
Please DM me.

4 Likes

hey, simon
I already sent private message to you.
looking forward to hearing from you
Best!

Hi, Simon.

I am very excited about the opportunity to collaborate on your project.
Let’s discuss more details.
TLG: (Telegram: Contact @webguru0)

Looking forward to hearing from you.
Best,
Wada

5 Likes

Hi Simon, i have experience with threejs for both desktop and XR experiences. LinkedIn and Github

Hi, I have developed/worked on many 3d and 2d editors.

I am not in the European time Zone, but with my previous experience with other clients, it will not matter.

Hi Simon.

:heavy_check_mark: My expertise includes:
● Proficient in 3D web technologies, including Three.js and WebGL.
● Experience with loading and rendering various 3D file formats (GLTF, OBJ, FBX, STL).
● Skills in implementing intuitive UI components and camera controls.

:heavy_check_mark: I have successfully developed a 3D web viewer for a SaaS solution, focusing on performance optimization and user-friendly features tailored for mechanical engineers. My recent project involved creating an interactive model viewer that included annotation features and real-time material editing.

:heavy_check_mark: For this project, I propose utilizing Three.js to support the loading of diverse 3D models, implementing efficient geometry management for performance optimization, and incorporating user-centric features like annotation and measurement tools. This will ensure that the application is both visually appealing and functional for your target audience.

I can work full time in your time zone and I can start immediately.

Looking forward to hearing from you.

Thanks a lot. :+1:
Nicolas

skype:live:.cid.53d2a9a47b4c694f

Hi Simon,
I have sent you a message regarding the project.
Please let me know if you require any further information.
Many thanks,
Tony.

Hi Simon,
I hope you are doing well.’
We are 3D solutions Consultants and have an entire team of Three.js experts who can work alongside you to develop the web-based 3D viewer.
We recently worked on a similar project for an automotive client.
We also have a our own developed white-label web-based 3D viewer which can be customised per your requirements and integrated with your system.
it has all the features you mentioned above.
Please let me know if this sounds interesting you and if you would like to connect.
here is my email- gauri.nimbalkar@optellix.com

Hello Simon

How are you?
I can help you with your requirements for the same we have 5+ years of experience developers
lets connect
skype :live:.cid.aa3beecddc7a527f

waiting for your response
Thanks

Hi Simon

I have a lot of experience developing Technical / CAD 3D viewers for the web.
Sent you a DM.

Best

Tom