An interactive analog clock with draggable hands.
Interactive analog clock with draggable hands. A little more functionality.
This is the second of two projects with an analog clock as the main attraction.
Project is not designed for mobile devices.
This project features the following things.
- Audio with On/Off toggle switch – Default is off.
- Analog clock with snap positions at every 1 minute increment
- Analog clock has draggable hands in order to modify the time
- Two learner tasks of higher difficulty
- A label to display the time as currently set by the clock
- A button to toggle the time display on and off
- A subtle tip when you are close to the right hand positions
- An option to perform the tasks again will become available upon successful completion of both tasks
- A short video explaining the creation of the JavaScript code
Discussion is welcome.
Yes – I think I remember you were working on trying to rotate the ruler and then drag it to measure some lines and the issue was that the ruler would always distort.
In this case – I think the touch capabilities are broken when you place the animation into Captivate via the HTML5 Animation. Perhaps something related to being in the iFrame. I can load the exact same resources to the web as a standalone file and they rotate on an iPad beautifully – just not within Captivate.
I finally managed to drag and rotate the ruler as expected !!…
https://elearning.adobe.com/2019/08/measure-lenghts-captivate/
(But using a button to make the rotation… So this is ok if you have only 1 object to move…)
I’m still struggling to do the same, like a puzzle (with many objects so) that you could be able to drag and rotate… (Like in the tangram game)… Also manage to do it but not on mobile… Even when I tried to implement a javascript function for dragging and rotating on mobile devices… Hope the next version of Captivate will correct this ???!…
So your next challenge could be to realize such a Tangram game !!!????…
…
Hello Greg !…
I’m happy to see you back here to share your projects !… As usual, this one is great !… But too bad it doesn’t work on mobile devices… As you know I was trying to drag and rotate objects for so long within Captivate… And just like you, managed to do it, but never on mobile…
I also worked on this “analog clock project” and done a few ones… These could be find here :
http://soutien67.fr/math/activites/heure/heure%2001.htm
(I made them long ago and will have to update them, now that I start to know more about Captivate and will use your project for sure, so thanks for sharing !…)
Stay safe !…
Happy Captivating !…
😉
…
You must be logged in to post a comment.