- This topic has 3 replies, 2 voices, and was last updated 2 hours, 1 minute ago by
.
-
Hello Verge3D team and community,
In an e-learning application, I’ve created a timeline using the HTML section of the Verge3D puzzles. I would like to implement a feature where a pointer or marker is placed on the timeline wherever the user clicks, similar to the functionality shown in the reference image, where a raycast is used to determine the click point.
Could you please guide me on how to achieve this same behavior with my custom HTML-based timeline? Specifically, I’m looking to capture the user’s click position on the timeline and update the pointer position accordingly using Verge3D puzzles.
Any help or example implementations would be greatly appreciated.
Thank you!
Hi,
You might use “click” handler to obtain “offsetX” with the relative position of the click point. Then you can divide this value by the div element size to get progress/timeline ratio (percentage).
hello,
I’m trying to set the left CSS property for an HTML element, but it’s not positioning as expected. Could you guide me on the correct approach to accurately set the left value when working within the Verge3D environment?Attachments:
- You must be logged in to reply to this topic.