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)