1-1. 位置のアニメート

このBookでは、LilyPlaygroundで描いた図形を動かすプログラミングを学びます。 工夫をこらして、美しいアニメーションをつくっていきましょう。

LilyPlaygroundでは、1秒間に最大60回、画面をリフレッシュします。その1回ごとに図形のパラメータを変えることで、動きを表現します。 1回ごとに加算する値を delta と呼びます。たとえば、 position の加算値は deltaPosition です。

てはじめに deltaPosition を使ってみましょう。

1. design関数内に、 PGCircle() を書きます。

2. PGCircleに .deltaPosition(dx:dy:) を追加します。

1
2
3
4

func design( screen:PGScreen ) {
   PGCircle()
   .deltaPosition( dx:0.5, dy:1.0 )
}

3. 「コードを実行」を押します。

目標

• 中心から右上に移動する円が出たら成功です。

終わったら次のページへ進みます。