Here’s a quick tip on using the HTML 5 Worldrace game.
(Note: This is the same game logic and steps to edit the path on the Gridlock and Marathon games also.)
Let’s say that you want the game piece to follow a custom path around the world map. Maybe you want it to start in Utah USA, and then go through Rome IT, Sydney AU, Rio BR, Mexico City MX, and finish back in Utah. (Just in case you’re wondering, eLearning Brothers is based in Utah.) Here’s a demonstration of our customized game.
Game Path Logic
Important: First you need to understand that there are 2 different “path logics” that the game can use to create the game path.
Path Type 1: Percent
Basically you set various “path points” around the map. The game will calculate the total distance around the map if it were to follow the points. It will then take that entire path length and divide it by the number of questions that you have. The game piece with then travel an equal distance each time it moves. The game defaults to this path type. So if you have 20 questions the game piece will move a smaller distance each time than if you only had 10 questions. This method makes it easy to change the number of questions but it’s difficult to ensure that a game piece will stop on a specific location.
Path Type 2: Point to Point
This path type allows you to specify exactly where the game piece will stop each time. Put in the x,y coordinates where you want the game piece to stop for each question. The first set of points will be where you start and the last set will be your finishing point and determine where the finish flag is located. You will always have one more set of path points than you have number of questions.
Steps to create a custom path:
In our example we want to start in Utah USA and then travel through Italy, Australia, Brazil, Mexico and then finish back in Utah USA. So we’ll need 6 sets of path points. (1st set is where the game piece starts. The last set is where the game pieces moves to after the last questions is answered. It also determines where the finish flag is placed. So for this example we’ll have 5 questions that travel our 6 sets of path points.)