how to use a html slider in puzzles

Tagged: puzzles slider

This topic has 8 replies, 2 voices, and was last updated 3 months, 1 week ago by thierry.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
2024-08-10 at 11:48 pm #76496

thierry
Participant

hi all,

im quite new to verge3d, ive made a slider in html like this:

I would like to use it to drive a puzzle variable, ive tried to do it like this:

What am I doing wrong? any help is appreciated.

Attachments:
You must be logged in to view attached files.

2024-08-11 at 4:12 am #76499

xeon
Customer

I think you will find you have created a slider…you can validate that by looking at the HTML and sliding the slider. You can also validate the input is updating your variable by using print to console using your variable and watch the values change as you use the slider.

If you want to see the effects more directly you could use a Set Cube Rotation and then assign the variable to one of the three axis and then when you move the slider it will rotate the cube.

And perhaps you have done all this…but from what I can see it should be working

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2024-08-11 at 10:34 am #76500
thierry
Participant
when I print the variable to console it says as a value: undefined
- This reply was modified 3 months, 1 week ago by thierry.
2024-08-11 at 3:47 pm #76503

xeon
Customer

Any chance you can share your project ?

1. Does the slider appear when you test your app?
2. Is the html slider apart of the project html or another page?
3. Are you implementing this in an ifarme and your slider is in the main page housing your iframe?
4. Where in your puzzles did you put the print console puzzle? Is it after your set variable?

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2024-08-11 at 9:26 pm #76507

thierry
Participant

1. the slider does appear, picture attached.
2. the slider is in index.html which I made as a site ui, the buttons in the same file do work.
3. im not sure, iframe is also implemented in index.html.
4. picture attached

I could share the project, im unsure how to.
thank you for the help!

Attachments:
You must be logged in to view attached files.

2024-08-11 at 9:28 pm #76510
thierry
Participant
here is index.html and the project html, if it helps. The other files are too big im afraid
- This reply was modified 3 months, 1 week ago by thierry.
- This reply was modified 3 months, 1 week ago by thierry.
2024-08-11 at 11:13 pm #76513

xeon
Customer

Ok…so attached is a image that will help you with what you need and get it working. What I mean by that is the information will appear in the console and it should move the associated objects in the list.

The issue is how you have laid out the puzzles. In your example the print to console commands are outside of the event input puzzles…so it will only give you the value at the start of the applicaiton. To make it give you the data you need it has to be inside the event input puzzle. This also is true for the set object position puzzles. They currently do not have any reason to execute other than on initial load.

Hope this helps.

Attachments:
You must be logged in to view attached files.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2024-08-13 at 4:56 pm #76554

thierry
Participant

Thank you! that fixed it.

2024-08-13 at 5:07 pm #76555
thierry
Participant
–
- This reply was modified 3 months, 1 week ago by thierry.
Author

Posts