Forum Discussion
Ask the Magic 8 Ball
What does your future hold? Ask the Magic 8 Ball!
I wanted to try making a Magic 8 Ball to provide answers to questions entered by the user. There are 20 possible responses provided by a variable.
I am still tweaking this, but the main function works the way I want it to. I also experimented with using SSML markup to enhance "Jonah's" speech; pitch, tone, volume, etc.
8 Replies
This is such a cool example! I'm so curious where you envision something like this being applied for engagement in a learning module? Maybe, giving people randomized scenarios to apply knowledge to?
- JenniferVinc986Community Member
Noele_Flowers I originally planned to use it in a course on planning for retirement; the premise being a younger coworker is helping an older coworker clean out his office and the various artifacts prompting discussion.
Oh, that's such a fun idea! I think I've seen some other folks in this space creating "escape room" concepts in Storyline, and this now strikes me as a great artifact as part of an escape room puzzle :) Thanks so much for working on this and for sharing.
This is such a creative example JenniferVinc986! Thanks for sharing. I'd love to know more about how you created this ✨
- JenniferVinc986Community Member
Thanks for your interest, KellOrding!
8-Ball Visual Design
I made a .png of an 8-Ball in Illustrator thinking I'd use it as-is, but after I animated it, the animation looked very flat, 2-D and unrealistic. I kept tweaking and ended up using the Donut Shape, adjusting and filling it with the .png so that the white circle and number were cut out. I also added a drop shadow in Storyline. A video clip from the library of a sort of purple misty swirl lies behind it to emulate the purple fluid in a Magic 8-Ball. The white circle with the 8 is a separate layer on top of it all that uses the Shake animation and fades away.20 Answers
Between the ball and video layer is a rounded triangle with text. This is where the magical responses appear. I grouped the text and triangle so stay together as the animated answer "floats" to the surface. The text layer has 21 states. Normal provides the instructions that "answers appear here." Each of the other 20 states is a standard Magic 8-Ball reply; the actual toy contains a 20-sided die. I created a variable to set the answer to a random number between 1 and 20. Then I created triggers to change the state of the text layer to the corresponding variable number. I created other variables to hold the question entered in the text field and the user's name.SSML
I used text to speech for the audio responses. I wanted Jonah to sound more excited on positive responses and a bit disappointed on negative responses, so I adjusted the pitch for each response audio clip to evoke those tones/feelings.Wishlist
Something I'd like to be able to accomplish is to record all of the questions and answers to show the user on the final screen. I'm thinking that would likely involve JavaScript, which I'd say I have a "Kindergarten" level knowledge with.Very cool! Thanks for sharing and explaining some of the processes you used. Would love an update if you get around to your wishlist item ✨
- JenelleGillisCommunity Member
I love this! What a funtastic idea. Thanks for sharing. Super cool.
- JenniferVinc986Community Member
Thanks, JenelleGillis!