Games and a slider from the beta
May 09, 2012
There were several projects that I created during the beta that I wanted to share now that Storyline has been released. Two of these are games and the third is a slider control that changes the size of a circle. Below is a short description of each project followed by a link to the published content and the project file.
The slider is a dragable control that will change the state of a circle based on the position of the slider's handle. This project uses states, variables, and drag objects to complete the effect.
This matching game uses 9 animal pictures with 18 cards in all. The cards are randomly placed so each time you take it, the cards will be in a different location. In all, this project only using four variables, two to keep track of what is selected, one to track the total number of attempts, and a final variable to determine when all matches have been made. States and layers play a key role in resetting when there is no match and hiding the cards when there is a match. To randomize the placement of the shapes, I converted the slide to a freeform pick many question, made all the cards choices, and set the Shuffle property to Answers.
Once you have published the Reversi project you will need to add a reference to the included reversi.js file included in the project zip by following the steps below:
- Open story.html in your favorite text editor
- Find the line listed below:
- Right above this line, add the following code:
- Your code should now look similar to the following:
- Copy the included reversi.js file to the story_content folder.
This discussion is closed. You can start a new discussion or contact Articulate Support.