1-6. 組み合わせる

2023-12-16 · 2023-12-16 | Edit

前ページまでのアニメーションを組み合わせてみましょう。

四角PGRectangle() を使います。
続けて .deltaPosition(dx:dy:), .deltaScale(dw:dh:), .deltaColor(red:green:blue:), .deltaAngle(degrees:), .deltaAlpha() を追加して、以下の例のように書きます。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


func design( screen:PGScreen ) {
   PGRectangle()
   .deltaPosition( dx:0.2, dy:0.5 )
   .deltaScale( dw:0.4, dh:-0.1 )
   .deltaColor( red:0.002,
              green:0.003,
               blue:0.001 )
   .deltaAngle( degrees:2.0 )
   .deltaAlpha( -0.002 )
}

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

目標

形、位置、色を変えながら消えていく四角が表示されたら成功です。

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

Note: ここまでで取り扱ったdeltaシリーズの関数は初期値は0です。0であるため、フレームが進んでも値は変化しません。

実行例