Workshop › Missile Command-style Defense › Step 35 of 35

Build it yourself: a crosshair

What we are doing

Your game, your rules. Aiming is easier with a crosshair: show one wherever the pointer is over the sky.

Your turn

Keep the pointer position (in canvas pixels, also when the canvas is shown at another size) and draw a crosshair there every frame: two short lines crossing at the pointer, or a small circle centered on it.

Skills: Keyboard and mouse input, Drawing on a canvas

All steps

  1. Six cities to protect
  2. Your missile base
  3. Draw again and again
  4. Cities that can fall
  5. Rubble
  6. Move towards a point
  7. Launch an enemy missile
  8. One missile a second
  9. Missiles on their way
  10. Smoke trails
  11. Impact
  12. Fire an interceptor
  13. Click the sky
  14. Interceptors fly
  15. An explosion that grows and shrinks
  16. Explode on arrival
  17. Draw the explosions
  18. Impacts explode too
  19. Caught in the blast
  20. Chain reactions
  21. Only your explosions count
  22. Points for every missile
  23. Show the score
  24. Limited ammo
  25. Waves
  26. Each wave is harder
  27. The end of a wave
  28. The end
  29. Play again
  30. Wave, ammo and messages
  31. Launch from anywhere
  32. Some missiles will split
  33. Split into three
  34. A high score
  35. Build it yourself: a crosshair