export default makeScene2D(function* (view) {
  const circle = createRef<Circle>();

  view.add(<Circle ref={circle} size={320} fill={"lightseagreen"} />);

  yield* all(circle().scale(0.5, 1), circle().fill("magenta", 1));

  yield* circle().position(new Vector2(-100, -100), 1);
  yield* circle().position(new Vector2(100, 100), 1);

  yield* all(
    circle().scale(100, 2),
    circle().position(new Vector2(-1000, -1000), 1),
    circle().fill("white", 1)
  );

  const text = createRef<Txt>();

  view.add(
    <Txt
      ref={text}
      text={"Mountain Sakura"}
      fill={"rgba(0, 0, 0, 0)"}
      zIndex={2}
      scale={0}
      position={new Vector2(0, 0)}
      fontFamily={"JetBrains Mono"}
      fontWeight={700}
    />
  );

  yield* all(text().fill("rgba(0, 0, 0, 1)", 1), text().scale(3, 1));

  yield* text().position(new Vector2(0, 300), 1);

  const img = createRef<Img>();

  view.add(
    <Img
      ref={img}
      src={mosa}
      scale={0}
      zIndex={2}
      position={new Vector2(0, -100)}
    />
  );

  yield* img().scale(4, 1);
});