Blog Post

Discover
1 MIN READ

Storyline: Easy Spinning Wheel Activity

PeterVitez's avatar
PeterVitez
Community Member
4 years ago

Do you have content your learners can view in any order? Or perhaps you want them to draw one random slide from a number of different options? A spinning wheel interaction can be a great fit for these situations and add light gamification to your course.

Many designers use triggers and variables in Storyline 360 to randomize the content they serve up, but did you know you can also do this with question banks? That’s something great about Storyline 360: there’s often more than one way to solve a development challenge.

This example shares a simple four-step process you can follow to make a spinning wheel interaction in just a few minutes. Here’s what that looks like:

  1. Create a new question bank.
  2. Add a slide for each screen of content you want to have in the mix.
  3. Customize each slide with your content and a simple animation showing how the wheel spin turns out.
  4. Add a question draw to your course.

 

And that’s all there is to it! The question bank will automatically handle all randomization for you. 



Curious about other ways to use this approach? Then check out this dice rolling interaction. While it might look completely different, it was made using the exact same process.

Published 4 years ago
Version 1.0
  • Can you please confirm how you coded the spinning wheel.

    My understanding is:
    1. Set the animation spin to occur on the main slide dial when user clicks "spin the wheel"
    2. When use clicks "spin the wheel", it jumps to a random question in your bank.
    3. Each question bank has the spin animation at the stat of the start of the timeline, then lands on the specific question/slide number.
    4. A number for the wheel appears and moves to the concern to reveal the slide information.
    5. Click next and it continues to spin to go over all the questions.

    Is there any coding that is important to this design that I am missing?
  • CarolStout's avatar
    CarolStout
    Community Member
    I love this interaction. I wish that the download template file had the six pie pieces as shown. It only has 5 :(
    • BWoods's avatar
      BWoods
      Former Staff
      Hi Carol. Thanks for letting us know! The download file has been updated with the six pie piece version.
    • PeterVitez's avatar
      PeterVitez
      Community Member
      Open the question bank and delete or add questions to suit.
      The number of questions in the question bank dictates the total number of stops the wheel will perform. You will need to replace the "wheel.png" graphic to suit your final number of pie slices.
      You will also have to visit each question in the question bank and rotate wheel.png to show the at-rest number for that question.
  • PaulKern's avatar
    PaulKern
    Community Member
    Same as Louise S above. It only has 5 not 6 options to use.
  • JamesThompson's avatar
    JamesThompson
    Community Member
    The original of this is at UTHealth Sciences in Houston Texas. I designed and used it for a project there.
    • PeterVitez's avatar
      PeterVitez
      Community Member
      Hi James - awesome that you created something similar. If your version has any potential improvements or ideas that might benefit the community, please do share.
  • JamesThompson's avatar
    JamesThompson
    Community Member
    The pie is easy to expand, do it exponentially for the next piece you add to it. Its like following the Yellow Brick Road
      • JamesThompson's avatar
        JamesThompson
        Community Member
        Wheel of Fortune was my original idea. I created it actually in Photoshop and shared with Articulate to get ideas snd learn the programming behind a wheel I had seen on the WEB
  • This is a really easy way of creating the wheel of fortune without the programming hassle - thanks for sharing Peter
  • NatalieCHEVRY's avatar
    NatalieCHEVRY
    Community Member
    C'est une excellente interaction, simple à réaliser, merci pour le partage !
  • Hi Peter! Thank you for sharing your spinning wheel activity. Is there an easy way to have the question bank items come up in order (i.e., 1, then 2 etc. through 6)? It is set to random, but I don't see a way to force the items to come up each one time, but in order. Thank you in advance for any tips.
    • PeterVitez's avatar
      PeterVitez
      Community Member
      Open the question bank, un-check the 'Draw questions randomly' checkbox and then arrange the rows of the question bank in the order you'd like them to appear.