I’m really new to Needle Engine, so please be gentle
I’m working on a character personalization site for a project, where I want users to be able to modify a model’s features (like height, chest width, weight, etc.).
Is there a way to use regular, stylized HTML sliders to control these model changes? (no 3d objects)
You can indeed use HTML sliders to control the character features without displaying any 3D objects in Needle Engine. You need to handle the values from the sliders and use them to update the relevant properties of your character dynamically.
Here’s an outline of the implementation steps:
HTML Sliders: Create sliders in your HTML for different character attributes, such as height, chest width, and weight.
JavaScript: Use JavaScript to listen for changes on the sliders and read their values.
Update Character Properties: When a slider is adjusted, update the relevant parameters of your character model based on the slider’s value.
In this setup, you’ll replace the console.log logic in updateCharacter function with actual logic to affect your character model using Needle Engine’s API.
If you need further guidance or have specific feature requirements, feel free to ask! You can also explore more examples in the samples repository (see the documentation).
1 replies left - Get a PRO license for more AI replies. thread_QOhIK98HcYv2LzWFViWpJDqg Reply to this message to continue the conversation
Hi, checkout this little sample here. I set it up so it should be easy to copy the relevant stuff to your local project
You can style the HTML elements just as any regular HTML website
We regularly work with sveltekit and react for our projects for those kind of UI heavy apps (we have templates that you can select in Unity when creating a new web project or that you can checkout on Needle Engine · GitHub)