We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

how to use a html slider in puzzles

Home Forums Puzzles how to use a html slider in puzzles

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.
    #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

    #76500
    thierry
    Participant

    when I print the variable to console it says as a value: undefined

    • This reply was modified 4 months, 1 week ago by thierry.
    #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

    #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.
    #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 4 months, 1 week ago by thierry.
    • This reply was modified 4 months, 1 week ago by thierry.
    #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

    #76554
    thierry
    Participant

    Thank you! that fixed it.

    #76555
    thierry
    Participant

    • This reply was modified 4 months, 1 week ago by thierry.
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.