How To Link a Slider to a Property in a 3D Scene Plus a First Look at JavaScript ES6
This tutorial shows how to use a slider interface component to move an object up and down in a 3D scene.
This tutorial looks at using ES6, a newer version of JavaScript, supported by Blend4web version 17.12 onwards. The tutorial shows how to use the new ES6 code/syntax to make the simple application.
With the release Blend4web version 17.12 the example code snippets were updated to handle modules using a newer standard syntax/code. This will Make it easier to integrate modules from other JavaScript libraries.
In times of rapid development, the code snippets have been updated (to ES6 module handling) but not the Project Manager starter JavaScript file.
To use the new code, a new project is created from a code snippet (the instancing code snippet). The code relevant to the instancing snippet is stripped out, the remaining framework is used to make the new app.
Example code from the W3Schools site was used to make a simple range slider -
https://www.w3schools.com/howto/howto...
Once the code to make the slider element is added, the value of the slider has to be ‘connected’ to the Z value of the object’s location.
The files used in the tutorial can be downloaded from my website -
http://blender.freemovies.co.uk/intro...
Download blend4web from -
https://www.blend4web.com/en/