I’ve been tasked with creating a puzzle where people can put together a 3D car. There will be 8 pieces that can be placed together to make the final car.
At the minute I’m importing one model with everything in, including background and the car (fully assemble). I’m not sure if this is the best way to go but it’s where I have started. I’ve disassembled one part of the car by hard coding (testing) it’s position away from the main part of the car. I’ve now hooked up THREE.DragControls but each individual item is being moved instead of the collection of objects.
If you look at the console output (from game.js line 74) you will see the items that I would like to be able to drag and move around.
You’ll see in various bits of commented out code that I have tried a few things, but no luck so far.
My other challenge is the dragging of the pieces into position and slotting the pieces together. If anybody has any suggestions I would greatly appreciate it. Alternatively, if anyone know’s of a website that achieves something similar I would love to check it out.
I have a public repo accessible here for the code.