I’m looking for some help on a product configurator for an architectural project. I’m a 3D visualization artist but new to javascript so I’m looking for someone to help me get started with the code. I’ve found tutorials for most of the code, but thought it might be a bit much to take all this on at once. See description below. If you interested let me know and then we can figure out the best format to move this forward and what that would cost. Thanks!
Product Features MVP:
Product UI
Small 2d icons to change from walkthrough to editing mode
Walk through mode
Similar to matterport (https://matterport.com/industries/gallery/2-pieces-i-avenue-des-magnolias-06400-nice-i-ref-584)) or google maps functionality
Looking Around
Click and press to look around
See 360 lookaround camera | Learn PlayCanvas
Moving from one place to another
Click on a surface to move in that direction
Modify (https://developer.playcanvas.com/en/tutorials/point-and-click-movement/Code Highlight) script so that it works on a camera object to move user through space
Editing Mode
Locations to Edit Carousel
Brings up a carousel of numbered steps to edit
See (https://matterport.com/industries/gallery/2-pieces-i-avenue-des-magnolias-06400-nice-i-ref-584) "open Highlight carrot on the lower left) and (https://configurator.creatomus.com/project/tube?tab=generaltab)
Clicking on an step teleports you to a certain location, say the kitchen
Display Information Hotspots
Once at the location, a number of hotspots appear on items that can be customized.
Information hotspots | Learn PlayCanvas
Display Options Carousel
Once a hotspot is pressed, a carousel drops down from the top with a selection of options such as images of different material options
Changing Materials
Clicking on an image in the carousel changes the texture maps on the model
See [(https://developer.playcanvas.com/en/tutorials/htmlcss---live-updates/)