What tool is best to create an 'interactive' image? Can Articulate do that?
Here's what I'd like to create, but I want the user to be able to control the time, by either clicking on the dial in the correct location to achieve 45, or click and drag the dial until it reaches 45 (with the image displaying each second as 1, 2, 3, all the way to 59). Flash?
This can be done with Storyline, using at least one variable for the seconds, an object with states that 'redline' the seconds and hotspots (one for each second), As you 'drag' the mouse over the hotspots, the corresponding state of the stop watch is displayed.
Come to think of it, if you can provide a PhotoShop file of the stopwatch, I wouldn't mind taking a stab at this myself...seems like an interesting challenge.
So this one sparked my interest and I've had a pop at it. I've only done the first 10 seconds on the clock but I have the other 50 images ready to go in (I just haven't got spare time at the moment to create all 60 hotspots and triggers). Just click on the time sections on the clock face.
I created it from a Vector image that I edited in Illustrator with the time segments on separate layers, sorry its not the same images you posted up. You could add the numbers into the actual image file if you didn't want to worry about variables.
I was trying to figure out how to count it backwards from the time you set but I'm stumped on that one at the moment, maybe a bit of Javascript could do something with it.
For what it's worth, here is my (not quite complete) version, which I cobbled together from your bitmap. I didn't look at David's file, but I don't think my version is dramatically different from his approach....there are only so many ways you can do timers :-)
I wish I could just come look over your shoulder while you do these. Perhaps my tools are insufficient to create what you've done (I have MS Paint and a few days left on my SnagIt trial).
I have successfully taken the clock time (numeric display in center) up to 45 in Storyline 2, but I don't think either Paint or SnagIt are sufficient to continue the coloring.
Actually I didn't use any tool othe ten Storyline. I started by importing your jpg image. The red 'pie' shape is a Storyline shape, so are the sec. lines on the stopwatch face. No Paint or Snagit needed :-)
No WAY!!! Woot-woot!!! This sucker kept me up half the night trying to figure out what tool to use to create the 35 additional images with the red 'pie' shape. Hot-diggity-dog, thank you so much! Your help is immensely appreciated.
Incidentally, I have managed to work with (and understand) the variable, as well as the sec. lines - and got all that up to 45. All that was left was the red part.
Thanks for starting my day on such a great note. ;-)
This module deals with time/temp, so my next quest will be something similar for a thermometer...but I think, with the helpful tips y'all have given me, I should be good on the thermometer.
14 Replies
This can be done with Storyline, using at least one variable for the seconds, an object with states that 'redline' the seconds and hotspots (one for each second), As you 'drag' the mouse over the hotspots, the corresponding state of the stop watch is displayed.
Nice! As soon as that "spare time" to create it comes around, that's what I'll try.
Thanks, Michael!
I would love to see what you come up with!
Come to think of it, if you can provide a PhotoShop file of the stopwatch, I wouldn't mind taking a stab at this myself...seems like an interesting challenge.
PhotoShop - also in my dreams...<sigh>
Meanwhile, here are the images - all I have is .jpg. Now I want to see what YOU come up with. :)
So this one sparked my interest and I've had a pop at it. I've only done the first 10 seconds on the clock but I have the other 50 images ready to go in (I just haven't got spare time at the moment to create all 60 hotspots and triggers). Just click on the time sections on the clock face.
I created it from a Vector image that I edited in Illustrator with the time segments on separate layers, sorry its not the same images you posted up. You could add the numbers into the actual image file if you didn't want to worry about variables.
I was trying to figure out how to count it backwards from the time you set but I'm stumped on that one at the moment, maybe a bit of Javascript could do something with it.
Output - http://stitchmedia.co.uk/elearning/dave/clock/story.html
Story File - http://stitchmedia.co.uk/elearning/dave/clock/clock.story
Hope this helps at bit.
David - HOLY COW!!!
You inspire me, sir. That is awesome. Thanks for tinkering with this, your ideas have given me ideas, and I can't wait to mess around with it.
For what it's worth, here is my (not quite complete) version, which I cobbled together from your bitmap. I didn't look at David's file, but I don't think my version is dramatically different from his approach....there are only so many ways you can do timers :-)
Michael and David,
I wish I could just come look over your shoulder while you do these. Perhaps my tools are insufficient to create what you've done (I have MS Paint and a few days left on my SnagIt trial).
I have successfully taken the clock time (numeric display in center) up to 45 in Storyline 2, but I don't think either Paint or SnagIt are sufficient to continue the coloring.
Actually I didn't use any tool othe ten Storyline. I started by importing your jpg image. The red 'pie' shape is a Storyline shape, so are the sec. lines on the stopwatch face. No Paint or Snagit needed :-)
Oh and the sec. indicator in the center is a textbox with a reference to a variable.
No WAY!!! Woot-woot!!! This sucker kept me up half the night trying to figure out what tool to use to create the 35 additional images with the red 'pie' shape. Hot-diggity-dog, thank you so much! Your help is immensely appreciated.
Incidentally, I have managed to work with (and understand) the variable, as well as the sec. lines - and got all that up to 45. All that was left was the red part.
Thanks for starting my day on such a great note. ;-)
This module deals with time/temp, so my next quest will be something similar for a thermometer...but I think, with the helpful tips y'all have given me, I should be good on the thermometer.
For a thermometer, you shoul be able to use a vertical slider. Here are some slider examples.
This discussion is closed. You can start a new discussion or contact Articulate Support.