FROGGER

Build a game in Lectora? Challenge… accepted! But which game to choose?! So many good ones, but for this I really wanted to see what Lectora could do, are there any limits to it’s magnificence?! So for the past month it has been my mission to recreate the old arcade game Frogger.

For the design, I wanted to create the old skool retro feel, so all of the graphics were made with the original version in mind. I created the graphics in Illustrator, imported them into Lectora and began the coding! Might I add that no Javascript was used in the making of this game, but to be honest I’m not sure if that’s a good or a bad thing!

The rules of the game are simple, get the frog to the other side of the river… 4 times! Each time you will be presented with a question (about frogs of course!), for every correct question you shall receive bonus points *woo!*. Sounds easy right? Wrong! In your way are many crazy cars as well as a rampaging river. Be sure to hop on the turtles and logs to get across. Oh, and not forgetting you only have 60 seconds to do it…mwahahaha!

After your awesome adventure you’ll receive a high score (be sure to post it in the comments below!). Now go get hopping!

P.S. Don’t forget to crank the music up!

Preview image

Tags: , , ,

Comments

  1. Katie

    Can I bother you with how you created this? I’m new to eLearning and I’m trying to learn how to make custom games/content/interactions from scratch for employees, but I feel like everything I’m doing so far is so basic! I’d love to know how to start generating content like this!

    1. Profile photo of Jack Gayler
      Jack Gayler Post author

      Hi Katie! You can download the Lectora file to have a nose around 🙂 This course is made up of a number of different elements. The cars/logs move with ‘On Show Move’ actions on a loop with a 0.1s delay. The Frog moves by adding/subracting 50 pixels from a custom X and Y variable. To get the Frog to interact with the cars/logs, multiple variables with IF actions are used to check if the Frog is in the same position as the car/log.

      The key to making content like this is variables. And the best way to practise is by doing, so have a play around and see what works. If you have any questions, I’m sure the forums on here have some of the answers. I work for an e-learning company called Transition Associates and we’ve really been embracing content like this recently. So if you’d like any help with what you are doing, be sure to get in touch 🙂

  2. Profile photo of Andy Lockwood
    Andy Lockwood

    Whoa. Mind blown!
    You have really raised the bar on the sort of things that can be produced in Lectora – especially without using any JS. I previewed it before I looked at the AWT, and was sure that you had to be using JS to do this.
    Congrats on an amazing display of your ability!

    1. Profile photo of Jack Gayler
      Jack Gayler Post author

      Thanks, Andy! Yes, a lot of work went into that little Frog. I still have flashbacks now and then from trying to make the logs work xD I’m currently working on a similar project which will be responsive, mobile gaming, woo! So look out for that in the future 😀

Your email address will not be published. Required fields are marked *