2-3で並べた円 の色を変えてみましょう。.colorの値の計算にfor文のカウンタx, yを使います。


  1. .colorの値にxとyを用いて計算します。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
func design( screen:PGScreen ) {
   for y in 0 ..< 7 {
       for x in 0 ..< 7 {
           PGCircle()
           .color( red: Double( x ) / 7.0,
                 green: Double( y ) / 7.0,
                  blue: Double( x + y ) / 14.0 )
           .scale( width:50, height:50 )
           .position( cx:-210 + x * 70,
                      cy:-210 + y * 70 )
       }
   }
}
  1. 「コードを実行」を押します。

目標

  • 丸の色が徐々に変わって表示されたら成功です。

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


実行例

result-1-2-6.png