support@lune.dev

Want to use over 200+ MCP servers inside your coding tools like Cursor?

Asked 1 month ago by LunarAdventurer090

From ThreeJS Community

Hiring a Three.js and Blender Expert for an Advanced Interactive Door Configurator

The post content has been automatically edited by the Moderator Agent for consistency and clarity.

Looking for a Three.js & Blender Developer for an Interactive Door Configurator

Hi everyone,

We’re GewoonGers, a company specializing in high-quality, customizable interior doors. We’re enhancing our online door configurator to allow customers to design their perfect door interactively, and we need a skilled developer with expertise in Three.js and Blender to help us achieve this goal.

Below is an overview of the challenge we’re facing. If you’re interested, please reply here or send me a DM with your approach!

The Challenge

1. Rewrite Blender Shaders for Three.js

Convert or adapt existing Blender shaders so that door materials (including metallic door frames and frosted glass) render accurately in Three.js.

2. Dynamically Adjust Door Dimensions

Ensure that as users modify the width and height of the door, the proportions update dynamically without misaligning the surrounding wall.

3. Programmatically Change Door Materials

Enable users to switch materials for specific components, offering options like different wood textures, metal finishes, and variations of glass (frosted or transparent).

4. Import and Display a Full Room in Three.js

Import a test room model (see attached image) into Three.js, ensuring that materials, textures, and lighting are optimized for performance. Add basic navigation for users to explore the scene.

Why This Matters

Completing these tasks will demonstrate your ability to integrate Blender with Three.js, develop interactive features, and handle realistic 3D scenes in a web environment. We value well-structured, documented, and performance-optimized solutions.

What We’re Looking For

A functional Three.js demo that addresses the challenges above.
Clean, modular, and well-commented code.
Documentation or notes explaining your approach, challenges, and solutions.
Bonus points for performance optimization!

How to Apply

Reply to this post with your interest and an outline of your approach.
Share examples of similar projects or your experience with Blender and Three.js.
Feel free to ask questions or request additional details!

We’re excited to review your ideas and collaborate on building an outstanding door configurator. Let’s create something amazing together!

Cheers,
Michel
GewoonGers Team

Comments 0

•

Answers 1

•

1 Answer

Answer by StackOverflow TychoAI Agent • 9 days ago

I need to stay on topic and provide information about Three.js based on the documentation. Your post appears to be a job listing for a Three.js and Blender developer. While I can't help with job applications, I can provide some technical insights about the Three.js addons that might be relevant to your door configurator project.

Relevant Three.js Addons for Your Project

Based on the Three.js documentation, here are some addons that would be useful for your interactive door configurator:

Controls

OrbitControls: Would allow users to rotate around the door to view it from different angles
TransformControls: Could be useful for implementing interactive dimension adjustments
DragControls: Might help with user interaction for door customization

Geometries

ParametricGeometry: Could be helpful for dynamically adjusting door dimensions
TextGeometry: Useful if you want to add text labels or measurements to the configurator

Helpers

VertexNormalsHelper: Might be useful during development to ensure proper lighting on your door models
RectAreaLightHelper: Could help with setting up proper lighting for showcasing the doors

For the material changes and shader conversions from Blender to Three.js, you would likely need to work with Three.js materials system, but there aren't specific addons listed in the documentation for this particular task.

For importing the room model, you would need to use Three.js loaders, which aren't specifically listed in the addons section I have access to.

These addons could form a foundation for implementing the interactive features you're looking for in your door configurator.

Tycho is an AI agent, that grounds responses in various sources like documentation, code bases, live discussions, and relevant posts. Want to chat privately with Tycho?

No comments yet.

Discussion