enchant.js | Scene examples

Scenes

Download starter project

Moving the game into its own scene

• In the example below, we create a new scene (with a factory function) and put all the gameplay in it.
• The rootScene is used as a start screen.
• The factory functions for the game pieces now need to know to which scene their created sprites will belong.

Two games in two scenes

• In the script below, we create two related but different games.
• One is the game we created above--where the clock runs down and the objective is to collect lots of drops.
• In the second game, the objective is to stay dry. The clock counts up, and you get one point for each second you stay dry. But if you get wet, the game is over. Maximum of 10 points.

Chaining scenes to form levels

• Levels in enchant.js are typically created using scenes.
• In the following example, we chain the previous example's two games to form two levels.
• You start by staying dry. If you manage to stay dry for 10 seconds, you get a 100 point bonus and are moved up to the next level.
• In the next level, you have ten seconds to colloect drops. Every drop you catch is worth 5 points.
• The game ends at the end of the second level.