Linear Spring and Damper (Suspension)

const renderLayers = {
  foreground: 1 << 0,
};

const gravity = new Vector2(0, -600);

export const createLinearSpringDamperGame = async (): Promise<Game> => {
  const { game, world, renderContext, time } = createGame('demo-game');

  createCamera(world, {
    isStatic: true,
    cullingMask: renderLayers.foreground,
    verticalWorldUnits: DEMO_VERTICAL_WORLD_UNITS,
  });

  const physicsWorld = new PhysicsWorld({ gravity });

  await createSuspensions(world, renderContext, renderLayers.foreground);

  // `createResetEcsSystem`, `createLinearSpringEcsSystem`, and
  // `createLinearDamperEcsSystem` must all run before
  // `createPhysicsSyncEcsSystem`, which is what steps `physicsWorld`: a
  // reset applied (or spring/damper force computed) this tick needs to be
  // applied before that step happens (see the Applying Forces guide's
  // registration-order caution). `createSpringLineEcsSystem` only needs to
  // run before `createRenderEcsSystem`, so its updated line is reflected in
  // this tick's render.
  world.addSystem(createResetEcsSystem(time));
  world.addSystem(createLinearSpringEcsSystem(time));
  world.addSystem(createLinearDamperEcsSystem(time));
  world.addSystem(createSpringLineEcsSystem());
  world.addSystem(createCameraEcsSystem(time));
  world.addSystem(createRenderEcsSystem(renderContext));
  world.addSystem(createPhysicsSyncEcsSystem(physicsWorld, time));

  return game;
};