Workshop › Scorched Earth-style Artillery › Step 4 of 23

The barrel

What we are doing

Each tank gets a barrel, a thick 14-pixel line from the top of the tank in the direction of its angle.

```js
ctx.strokeStyle = t.color
ctx.lineWidth = 3
ctx.beginPath()
ctx.moveTo(t.x, t.y - 8)
ctx.lineTo(t.x + Math.cos(t.angle) * 14, t.y - 8 + Math.sin(t.angle) * 14)
ctx.stroke()
```

What it means

Your turn

In the tank loop, after the body, draw the barrel.

Skills: Drawing on a canvas, Velocity and gravity

All steps

  1. The ground
  2. Hills
  3. Two tanks
  4. The barrel
  5. The game loop
  6. Aim
  7. Angle and power
  8. Fire!
  9. Flight
  10. Boom
  11. Craters
  12. Falling tanks
  13. Damage
  14. Taking turns
  15. The computer's shot
  16. Hitting a tank
  17. Win or lose
  18. Wind
  19. The computer aims
  20. Aim with the mouse
  21. Drag and let go
  22. The atan2 trap
  23. Build it yourself: a trail