Guide
13 posts
This simple geography game asks the user to drag and drop the continents onto the world map.
The originality is that the drag sources appear one by one in a random order each time a learner attempts the game.
This game is made responsive so anyone can enjoy it on any device
This project is based on a simple one to one Drag and Drop interaction. When the game starts, a random drag source is displayed. Object actions on the drop targets are used to trigger an advanced action which randomly displays the next drag source of the interaction.
This system ensures that the game is different for each attempt.
The scoring system uses regular Captivate variables and Advanced action as well as a little touch of JavaScript to make it more exciting!
Guide
13 posts
Thanks for sharing! I think this is a fun way to learn/review names of continents. The timer is a nice feature. My only suggestions is to either slow it down a bit or have it start a bit later. (It seems like it’s impossible to every earn 10 or 9 points… but maybe that is the way to get learners to ID the continent as fast as possible.)
Thanks for your reply Daniel. Slowing down the timer, or even delaying the start of the timer is perfectly possible. It requires just a few changes in the JavaScript file.
This sample project was only created for demonstration purposes, but feel free to download it (and the accompanying JS file) and tweak it the way you want!
Cheers.
Nice, clean, and simple to use.
A simple, but effective approach to a drag and drop assessment. I like that the colors are engaging for learners as well.
The timer is a nice touch, but I feel that it would exacerbate anxiety levels. Are there repercussions for not finishing in the time allotted, and is there a reward for finishing “faster”? Overall, good design though.
Yeah, once I realized that the clock starts ticking immediately, my stress levels perked up a tiny bit
I agree about the timer. Even as a child I responded poorly to timed short quizzes and had to take them during recess.
Damien, I’m thinking about buying Captivate, but it’s a big investment. I noticed you wrote you used Javascript for this. How important would you say coding is to making learning modules with Captivate? (I don’t code, but want to be able to make awesome stuff like this, and am wondering if Captivate is for me!) Thanks
Coding is not important at all and certainly not a requirement for using Adobe Captivate. Most Captivate users don’t know anything about coding and have build amazing training modules with the built-in features of Captivate!
That being said, if you are into JavaScript, you’ll be able to leverage an additional layer of power in Captivate. In this example, I have used JavaScript to generate random numbers and make the game more interesting (there is no random number generator available by default in Captivate). My goal was to demonstrate that it is possible to do it and to show people that are into coding how to do it. But I could have developed this game without any JavaScript at all… Just that it would not be randomized…
Hope it helps…
Short and simple. Thank you for explaining what the JavaScript you used functioned to add to the game. I was wondering if it is possible to hide the timer while playing and only reveal time upon completion? I know I was a high stress/anxiety child and being timed completely paralyzed me during activities like this.
Ah, that is interesting about Captivate not having a random number generator. I was working on a project using Storyline that used random variables, but hit a roadblock. I dipped my toes into learning JS a while ago, so I think I’ll take a look at yours. Thanks again for sharing!
Simple, interactive and well-designed. Thanks for sharing.
Great idea – just wanted to point out – it’s ANTARCTICA.
Oops..; My bad.. Sorry!
Nicely done. I like that it’s simple and effective!
Downloaded this. Looking forward to digging into how you’ve created this.
Great interactive. Thank you for sharing.
Nice work. Thank you for sharing 🙂
nice work how can I download and implement on web
You can download the .cptx file from this very page. Then, use Captivate to publish the project as a SCORM package that you can integrate to your LMS.
Thank you for sharing, just the concept I was looking for.
Thanks for sharing this. I am looking to do something similar for a project for a history course. I like the randomness.
This is kind of what I was looking for for a project that I’m just undertaking. Thanks for sharing.
How long have you been a captive user and how much time did this project take to complete? I love the design!
I’ve been using Captivate since version 1 (2004). Took me about a day to complete everything, from handpicking the images to stock image sites to developing the JavaScript, creating the CP project, testing it out and everything… Glad you like ti!
Wow , so much expert, I will download this project for sure.
That was good, enjoyed that. More please Pheraps Cities around the world
Very nice and simple. Subtle way of telling you when you are wrong
it is the JavaScript function that randomizes the order in which the drag sources appear. So each time the game is played, the continents appear in a random order!
I love the image art on the enter screen and of course the game is very nice simple and engaging.
Wonderful starter project to help me get my e-learning business kicked off. Thanks! 🙂
The game worked well for me. I didn’t care for the instructions and points having the yellow background though. Hurts my eyes. It’s a very nice game though.
The click sounds are the biggest turn off with Captivate Prime.
Already have Captivate CS6 installed, every time try to install free projects it tries to reinstall Captivate
This project was created with Captivate 2019, so you need Captivate 2019 (or newer) to open it.
The available Captivate versions are Captivate 9, Captivate 2017 and Captivate 2019 (Captivate 8 and earlier are considered legacy versions). Of these versions only Captivate 2019 can open this file.
Also note that Captivate CS6 never existed (Captivate Is not part of the Creative Suite or Creative Cloud). We had a version called Captivate 6 back in 2012, but it is not anymore supported.
Hope it helps.
True!
But it is easy to modify the JavaScript so that the count down of the score starts with a little delay…
Use the window.setTimeOut( ) method to do do.
it’s a great game. Thanks
I am in Belgium (Europe, between France, the Netherlands and Germany). But I can teach and work around the world in French and English!
Glad you like my little project.
Happy Captivating!
Great game, very motivating to repeat and practise.
Thanks a lot for your comment. Glad you like my little project!!
Thanks for your comment. Glad you like this little project.
Good suggestion on the accessibility. Will keep it in mind for future projects.
Thanks for this great ressource !….
The javascript code to display the drag object one by one will be very useful !…
😉
Glad you like it!
Happy Captivating!!
