I wanted to see who else is working on some great "Gamification" and "Game-themed" projects out there and any challenges you have faced, both graphically and development-wise. Attached are still shots of examples I have worked on. I personally use, Flash, Photoshop, Illustrator, Premiere Pro, After Effects and Storyline (2 coming later this week) to develop.
Nice work as well Ryan! I am glad gamification has been moving forward in the past several years since its inception. I created game-themed training as well as gamification since the 90's, but nobody had a name attached to it!
Here is something I hastily put together for the Guru contest. It has several gamification elements like scoring, leveling up, and an actual game in it.
Very nice Jerson! I love the "Asteroids" feel of one of the game modules. Something I played a lot at the arcade as a kid. Well designed too. Good luck in the contest!
Here's something I created over 1 month ago in Storyline 2. This CAR RACING Game has three levels. The user has to cross each level by saving his car from colliding with other vehicles. The user can collect coins to increase his score. Right now, each level has unlimited attempts.
Since then I have been asked by some little people (9-11 year olds) to make it into a 'proper game' as they described it. So, in my spare time I decided to take on the task and have planned to make it into a 7 section, 21 level e-learning game. Currently I have the first 2½ levels in, which are just an introductory set of levels getting the user accustomed to the function of jumping. Once they have completed these 3 levels they'll get onto the nitty gritty and after performing an action of a jump/catch they will have a question to answer.
A correct answer will net them 10 rings, a wrong answer will lose them 10 rings. Ive started compiling question banks and each world/level will have a specific quiz category (maths, english, science etc). A level multiplyer is in place so you get bigger bonuses for the longer sequences of correct answers you get.
Only once I started developing this I realised exactly how much work will be involved in getting this fully up and running! What I have so far is here https://dl.dropboxusercontent.com/u/41230603/story.html and once finished I will post to the forums (whenever that may be!!)
* if playing the current published output the game stops mid-way through level 1.3 and Sonic just runs and runs so just quit out once no more objects appear.*
Great job Darren! The level of skill using AS is humbling here at e-Learning Heroes! Take small chunks at a time, build solid code (triggers) and you will see your game quickly to completion. Thanks for sharing!
Collision between two cars is the key feature of this game. Here, I have used the timeline reaches option.
I have taken three different instances (left, right, and center) of the Taxi. Say suppose if the left and the right taxi are hidden and the moving car approaches the taxi in the center (timeline reaches 3 seconds), then collision occurs. But, if either the left or right car is enabled, then collision will not occur.
Brian, In this game like project I posted earlier this year, I built a PHP leaderboard that works with Wordpress taking variables from storyline using js.
The goal was to get the highest points after reviewing videos and taking knowledge checks.
We created for PepsiCo 2013 - 2014 a gamification project who promote their companies to interact between them and learn to work by proccesses.
Ita was an implementation for 300-500 people divided into teams of 5 every time the game started. It had to be played daily and with and divided into two phases (2 weeks and 3 weeks) 5 weeks total, each team member had to keep working his station and some days to watch and respond some learning capsules so they can continue playing.
We developed it with Flash+PHP+3D max+Photoshop and Hand Illustrations Some stored Procedures at the server sent daily status, ranking and info to everyone playing and a global status to their boses. We developed some applications so the bosses and HR can see and filter results on how everyone goes.
The support was 24/7, and the development team also played as ghost team to test and ensure everyday the game was running as expected.
Our project results: - 84% finished the 5 week training - 9.3 over 10 ranked from players as engaged and fun - +3,500 people trained over 2 years - Learners increase knowledge from 5.4 to 8.2 - 10 times seting up the game
NICE! I'm new to all of this. I've used Articulate Studio a few years ago to develop a module for EMT/Paramedic training. I'd like to design a game using Storyline. Lots of great info here.
Hi Tristan, currently I use to build my graphics, video and more intense animation for gamification: Photoshop, Illustrator, Flash, Blender 3D and/or Lightwave 3D, Premiere Pro, and Audition. I do use Articulate Storyline 2 for some graphics, but for more "stylized" designs I will build them as vectors or raster images and import them.
Do you know any of these additional apps? Illustrator is also great at building stylized 3D objects you can use; such as game pieces (dice, tokens, race car, top hat, etc.)
You can always modify a stock image you find, but be careful it isn't copyrighted and is for non-commercial use only.
Next year my book will be coming out on Gamification design using AS2 and all of the above apps mentioned. If you have any questions in the meantime, don't hesitate to reach out to me. Always willing to help.
These look fantastic, Brian! We use Construct 2 game engine to add game mechanics to Storyline. For example, Construct 2 has built-in physics. We used that for a game, where learners select the correct answer (answers are in different shapes). If they are correct, the shapes disappear. If not, they stay and they stack up. It's like a Candy Crush meets Tetris meets Stack the States :)
Another example is a negotiation game, where learners practice a set of negotiation steps and need to hire different level of applicants. We used Construct 2 as an artificial intelligence engine to create the pool of candidates (the game engine has a great feature of "families", where you can add behaviors to multiple characters who belong to the same family).
The games are wrapped in Storyline via webobjects and communicate via JavaScript.
But here's two that only uses Storyline:
Work out loud project (not finished but the patters are there):
23 Replies
Nice work Brian.
I created a game board roadmap that links 11 stages to a web community Badge system, currently working on version 2 with significant more game play.
http://www.jmp.com/en_us/new-user-welcome-kit.html
Nice work as well Ryan! I am glad gamification has been moving forward in the past several years since its inception. I created game-themed training as well as gamification since the 90's, but nobody had a name attached to it!
Hey Brian,
Here is something I hastily put together for the Guru contest. It has several gamification elements like scoring, leveling up, and an actual game in it.
https://visual-e-learning.com/my-2015-guru-contest-entry/
Very nice Jerson! I love the "Asteroids" feel of one of the game modules. Something I played a lot at the arcade as a kid. Well designed too. Good luck in the contest!
Nice Work Brian,
Here's something I created over 1 month ago in Storyline 2. This CAR RACING Game has three levels. The user has to cross each level by saving his car from colliding with other vehicles. The user can collect coins to increase his score. Right now, each level has unlimited attempts.
This game is iPad and desktop compatible.
Here is Demo Link:
http://amarkulshreshtha.blogspot.in/2015/09/car-race-game-in-storyline-2.html
Hi Brian
I had a quiet afternoon a few weeks ago and decided to create a demo that took the gameplay and features of an old console platform type game and create something 'e-learning-ish' from it. https://community.articulate.com/discussions/articulate-storyline/wip-demo-game-arcade-style-platform-e-learning-game
Since then I have been asked by some little people (9-11 year olds) to make it into a 'proper game' as they described it.
So, in my spare time I decided to take on the task and have planned to make it into a 7 section, 21 level e-learning game. Currently I have the first 2½ levels in, which are just an introductory set of levels getting the user accustomed to the function of jumping. Once they have completed these 3 levels they'll get onto the nitty gritty and after performing an action of a jump/catch they will have a question to answer.
A correct answer will net them 10 rings, a wrong answer will lose them 10 rings. Ive started compiling question banks and each world/level will have a specific quiz category (maths, english, science etc). A level multiplyer is in place so you get bigger bonuses for the longer sequences of correct answers you get.
Only once I started developing this I realised exactly how much work will be involved in getting this fully up and running! What I have so far is here https://dl.dropboxusercontent.com/u/41230603/story.html and once finished I will post to the forums (whenever that may be!!)
* if playing the current published output the game stops mid-way through level 1.3 and Sonic just runs and runs so just quit out once no more objects appear.*
Nice work Amar! What did you do to show as a collider in AS2? JavaScript or straight triggers? Good job!
Great job Darren! The level of skill using AS is humbling here at e-Learning Heroes! Take small chunks at a time, build solid code (triggers) and you will see your game quickly to completion. Thanks for sharing!
Hi Brian,
Collision between two cars is the key feature of this game. Here, I have used the timeline reaches option.
I have taken three different instances (left, right, and center) of the Taxi. Say suppose if the left and the right taxi are hidden and the moving car approaches the taxi in the center (timeline reaches 3 seconds), then collision occurs. But, if either the left or right car is enabled, then collision will not occur.
Very cool. I will have to try that. Thanks for sharing!
Brian, In this game like project I posted earlier this year, I built a PHP leaderboard that works with Wordpress taking variables from storyline using js.
The goal was to get the highest points after reviewing videos and taking knowledge checks.
https://community.articulate.com/discussions/building-better-courses/storyline-2-elearning-food-science-game
Client NC Stae, Raleigh NC
wonderful examples!
We created for PepsiCo 2013 - 2014 a gamification project who promote their companies to interact between them and learn to work by proccesses.
Ita was an implementation for 300-500 people divided into teams of 5 every time the game started.
It had to be played daily and with and divided into two phases (2 weeks and 3 weeks) 5 weeks total, each team member had to keep working his station and some days to watch and respond some learning capsules so they can continue playing.
We developed it with Flash+PHP+3D max+Photoshop and Hand Illustrations
Some stored Procedures at the server sent daily status, ranking and info to everyone playing and a global status to their boses.
We developed some applications so the bosses and HR can see and filter results on how everyone goes.
The support was 24/7, and the development team also played as ghost team to test and ensure everyday the game was running as expected.
Our project results:
- 84% finished the 5 week training
- 9.3 over 10 ranked from players as engaged and fun
- +3,500 people trained over 2 years
- Learners increase knowledge from 5.4 to 8.2
- 10 times seting up the game
Development team:
- 2 Instructional Designers
- 2 Designers
- 4 Programmers
- 2 Animators
Development time:
6 months / 1rst test
2 months / tests, beta team, and bugs correction
NICE! I'm new to all of this. I've used Articulate Studio a few years ago to develop a module for EMT/Paramedic training. I'd like to design a game using Storyline. Lots of great info here.
Wow, very cool Paul. I am slowly working into leaderboards using PHP to deliver the results as well. Very impressive!
Here's a destination themed game to be used in the travel industry to educate staff about resorts/attractions etc.
https://eb89c48fda108a25119c28ae211706419b101da4.googledrive.com/host/0Bzqd9HfmCkSHSkVhLVpNcWpCZlU/
Great project Paul Penichet, I love the travel metaphor James, fun interactions.
Great job James! Good job with the onboarding as well.
These are awesome!
I've only had the opportunity to include elements of gamification and a couple of learning games for primary aged students so far...
I have thought about building something as a demo but not sure how to go about getting the engaging graphics.
Hi Tristan, currently I use to build my graphics, video and more intense animation for gamification: Photoshop, Illustrator, Flash, Blender 3D and/or Lightwave 3D, Premiere Pro, and Audition. I do use Articulate Storyline 2 for some graphics, but for more "stylized" designs I will build them as vectors or raster images and import them.
Do you know any of these additional apps? Illustrator is also great at building stylized 3D objects you can use; such as game pieces (dice, tokens, race car, top hat, etc.)
You can always modify a stock image you find, but be careful it isn't copyrighted and is for non-commercial use only.
Next year my book will be coming out on Gamification design using AS2 and all of the above apps mentioned. If you have any questions in the meantime, don't hesitate to reach out to me. Always willing to help.
These look fantastic, Brian! We use Construct 2 game engine to add game mechanics to Storyline. For example, Construct 2 has built-in physics. We used that for a game, where learners select the correct answer (answers are in different shapes). If they are correct, the shapes disappear. If not, they stay and they stack up. It's like a Candy Crush meets Tetris meets Stack the States :)
Another example is a negotiation game, where learners practice a set of negotiation steps and need to hire different level of applicants. We used Construct 2 as an artificial intelligence engine to create the pool of candidates (the game engine has a great feature of "families", where you can add behaviors to multiple characters who belong to the same family).
The games are wrapped in Storyline via webobjects and communicate via JavaScript.
But here's two that only uses Storyline:
Work out loud project (not finished but the patters are there):
http://rabbitoreg.com/2015/08/04/gamified-storyline-all-myths-must-die-amymd/
A simple Rock-Paper-Scissors game with a twist.
http://bit.ly/1KUliI1
Very impressive Zsolt! I haven't heard of Construct 2 before, but definitely will look into. Thanks for sharing!
I've created some Christmas Themed Games for fun. Feel free to check it out.
http://www.sanalmg.com/showcase/RunSantaRun/story.html
http://www.sanalmg.com/showcase/ShootSnowFlakes/story.html
This discussion is closed. You can start a new discussion or contact Articulate Support.