Workshop › Lunar Lander › Step 14 of 31

Tilt

What we are doing

The left and right arrows tilt the lander. Angles are in radians: 0.05 per frame, about 3 degrees.

```js
const SPIN = 0.05 // radians per frame

  if (keys.ArrowLeft) lander.angle -= SPIN
  if (keys.ArrowRight) lander.angle += SPIN
```

What it means

While an arrow is held, the angle changes by SPIN every frame: left makes it smaller, right bigger.
On the canvas a positive angle turns clockwise, so the right arrow tilts the lander to the right.

Your turn

Above const FEET write the SPIN constant.
In update, under the if (state !== 'flying') return line and its empty line, write the two arrow lines.

Skills: Keyboard and mouse input

← Remember held keys The engine →

All steps