Can I create this kind of product configurator with Three.js?

[Jos_Bammens]

Hello,

I’m hired to create a product configurator, and am looking at Three.js because it seems good for my use case. The biggest problem is that I will need to display blocks of stone that will have pieces cut out, … Would I need to create the shape ‘from scratch’ every time someone edits the place of the cut out, or is there a simpeler way like creating a new shape at the place of the cut out?
I will probably work in React.js in case this matters in any way.

[pailhead]

Hi!

Yes you can create this. Working with React shouldn’t matter much, but it can if you want it to.

[Mugen87]

@Jos_Bammens

Would I need to create the shape ‘from scratch’ every time someone edits the place of the cut out, or is there a simpeler way like creating a new shape at the place of the cut out?

Maybe it makes sense to work with a CSG plugin in this context. Read the following topic for more information:

Looking for Updated plug-in for CSG

We have a project that is using Chandler Prall’s CSG Plug-in ( https://github.com/chandlerprall/ThreeCSG ) however, this plug-in has not been updated in years. We would like to update all of our code to use BufferGeometry, however, the CSG Plug-in does not support it. Has somebody already updated this plug-in to use BufferGeometry or is there an alternative plug-in for ThreeCSG, or would somebody like to fork that project and create a new one updated one with BufferGeometry support? Or even b…

[Jos_Bammens]

Okay, I’ll look into that! Thanks for the tips