Demo: Put out the fire
Apr 14, 2014
Hey Everyone,
I just wanted to get some feedback from other developers here. This is a portfolio sample I've been working on for a couple of days now. I tried to create a screenr for this but the site isn't detecting Java on my computer (even though I installed it three times) so I'll have to write out the instructions.
EDIT: Here is the screenr with instructions - https://player.vimeo.com/video/149188922
(Thanks Owen!)
The objective: You have to successfully discharge the fire extinguisher in 3-5 second bursts at the base of the fire for a total of three times.
Drag the Fire Hose within range of the fire. Use the Spacebar to open and close the hose.
Screen Display
On the bottom you have-
On Target: This lets you know if you are aiming at the base of the fire. It will turn green if you are aiming it correctly.
Pressure: This indicate the pressure left in the tank. If this gets empty, you fail this assessment.
On top -
You have 3 check marks: You get a check mark every time you successfully discharge the fire extinguisher. Get three and you win.
Timer: when you turn on the hose (spacebar) you will get a timer on the top right corner showing how many seconds have passed. It goes away when the hose is closed.
Here is the demo.
P.S. Something I noticed. If you let go of the drag object, when you try to drag it again, it acts really weird. I think this is due to the odd shape of the different states. If this happens, just reset the slide (a couple of times) or just reload the site.
12 Replies
Hey Jerso, See if this helps you fix your screenr/java error: Link
Very nice, Jerson. Took me a few tries to find the sweet spot, but once I did, I had no problem putting out the fire. Very cool simulation.
Thanks Owen,
That fixed it. Just updated the original post with the screenr demo.
Just uploaded the storyline file in case anybody wanted to look at the triggers.
Thanks so much Jerson. This is a great example of interactivity even though I haven't managed to put out the fire yet
Remind me not to hand you the fire extinguisher then.
The "center" of the drag object (hose) acts up when you release it. It seems that the alignment of the drag object and the drag over object gets moved due to the hose being really long and that the state changes when you turn it on. I might have to rethink this exercise and just have the user practice 3-5 second bursts.
Did it first time! I think I've found a new career.
Very nicely done Jerson, it's a great interactive piece. Surprisingly I really like the introduction of the use of a separate button (Spacebar) in order to control different elements.
Thanks Joshua,
The spacebar was kind of tricky. I originally attempted to do this with a true and false variable. After some failed attempts I realized I had to create some switch layers ( my term for layers that switch back and forth to control a status of an object). I created two layers that were there only turn the hose on and off. This way you can use the same key to control the item and not have to have two separate keys.
Hey Jerson - Just wanted to let you know we featured your example in Friday's Live webinar. It's a great example of how custom menus can be used.
That’s awesome. You know was created with Storyline 1 and one of the first serious demos I created. I think I still have the file somewhere if you would like to take a look at it.
We'd be happy to take a look at it!
I'll get this example added to our Examples hub next week.
I just noticed that I had previously shared the demo in one of the responses.
This discussion is closed. You can start a new discussion or contact Articulate Support.