Description: Building a Tower Defense Game while experimenting the Three.js library.

Note: Each chapter is based on the code of the previous chapter.

Draw and rotate a simple cube.
Live here.

Animate a grid of spheres.
Live here.

Lihts and reflection on objects.
Live here.

Camera moves around the scene.
Live here.

A maze generator.
Live here.

Detects mouse events to do action on the maze.
Live here.

Mobs are coming !
Live here.

Build towers on the map.
Display text with Pixi.js library (directly on the canvas)
Add a bit of 'gameplay': money + score + remaining lives
Live here.

Missiles are flying through the map !
Live here.

Add particules effect on missile explosion.
Add physics (Ammo.js)
Add shadows
Live here.

Huge update to use modules
Zoom in/out
Rotate the map
Add a builder mob + list of tasks to do (build towers)
It takes some time to build a tower
Live here.

Add the energy concept:

• the builder produces energy
• building a tower consumes energy
• towers in 'attack mode' are consuming energy
  Live here.

Choose the tower you want to build Add different tower types (+ missiles):

• normal
• rocket
• laser
• speed bump
• machine gun
• poison ?

A tower can be upgraded (improve GUI)
Introduce tower experience

Add energy buildings (producer, capacitor/storage)
Live here.

Create predefined levels (Beginner / Intermediate):

• map
• initial money
• mob generation

Select the level you want to play (display a preview)

• PWA
• Improve paths with smooth angles
• Rotate the towers
• Rotate the mobs
• Try to reduce polygons (group adjacent walls into one larger rectangular wall)
• Overview of the map in a corner
• Collision detection missiles / walls (higher difficulty mode)