Looking for a Three.js & Blender Developer for an Interactive Door Configurator
Hi everyone,
We’re GewoonGers, a company specializing in high-quality, customizable doors for interiors. We’re currently working on improving our online door configurator, which helps customers design their perfect door interactively. To achieve this, we’re looking for a skilled developer with expertise in Three.js and Blender to help us take this configurator to the next level.
Below is a case that represents the kind of work we need help with. If you’re interested in tackling this challenge, feel free to reply here or DM me. We’d love to see your approach!
The Challenge
1. Rewrite Blender Shaders for Three.js
- Blender uses its own shading system, but we need these shaders to work in a Three.js environment.
- Your task: Adapt or rewrite the shaders for the door materials so they look as close as possible to the original Blender materials.
- The materials include metallic door frames and frosted glass, so attention to detail is key!
2. Dynamically Adjust Door Dimensions
- Our configurator allows users to change the width and height of the door.
- The challenge: Ensure the door’s proportions adjust dynamically while the surrounding wall remains intact and aligned.
- Realism and smooth interactivity are essential.
3. Change Door Materials Programmatically
- Users need to be able to customize the materials of specific door components, such as the frame and glass.
- Task: Implement material changes programmatically for options like wood textures, metal finishes, and frosted/transparent glass.
4. Import and Display a Full Room in Three.js
- Using a test room model (see the attached image), import the entire scene into a Three.js environment.
- Ensure all materials, textures, and lighting are optimized for performance.
- Add basic navigation controls so users can explore the room.
Why This Matters
These tasks reflect real-world challenges in creating an immersive and functional configurator. Completing this case will show us your ability to:
- Work with Blender and Three.js seamlessly.
- Develop features that enhance user interactivity and customization.
- Optimize and display complex 3D scenes in a web-based environment.
What We’re Looking For
- A functional Three.js demo showcasing your solutions for the tasks.
- Well-organized, modular, and commented code.
- Documentation (or notes) explaining your approach, any challenges, and how you solved them.
- Bonus points for performance optimization!
How to Apply
- Reply to this post with your interest and how you’d approach the challenge.
- Share any similar projects or experience you have with Blender and Three.js.
- Feel free to ask questions or request additional details!
We’re excited to see your responses and discuss how you can contribute to making our configurator better than ever. Let’s build something amazing together!
Cheers,
Michel
GewoonGers Team