Today we are going to build this
Don’t worry, it’s easier then you think just 3 puzzles
First, we need to create an HTML input color tag that generates hex code whenever we change its color, must assign that with an id so you can use it in verge 3d later. Paste this code into your HTML file.
As I said before the input color tag is generating hex code whenever we input color in it, that hex code stores in a property known as a value, so we need to store that value property in a variable.
Must check the parent doc checkbox, if you are working with external HTML file
Use set color puzzle and from its advanced settings check the “use CSS color code” checkbox. And now paste your variable next to CSS color:
Now we need to update these puzzles whenever we input color in the input color tag. So we need to use “on event of input” puzzle and inside that puzzle paste the two puzzles, that we created.
That much easy it is to create real-time material changing