前回マスク画像を試しました。このBooks内に用意している他のマスク画像を紹介します。これらの画像はBooks内で自由に使えます。以下のコードで練習してみましょう。


  1. 以下の例のようにPGMask()を複数作ります。読み込む画像名は"mask-star", “mask-snow”, “mask-sparkle”, “mask-smoke"です。色は.color( .white )を指定します。

  2. 背景色は screen.clearColor =.darkGrey にします。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
func design( screen:PGScreen ) {
   screen.clearColor = .darkGrey

   PGMask( "mask-star" )
   .scale( square:128 )
   .position( cx:-128, cy:128 )
   .color( .white )

   PGMask( "mask-snow" )
   .scale( square:128 )
   .position( cx:128, cy:128 )
   .color( .white )

   PGMask( "mask-sparkle" )
   .scale( square:128 )
   .position( cx:-128, cy:-128 )
   .color( .white )

   PGMask( "mask-smoke" )
   .scale( square:128 )
   .position( cx:128, cy:-128 )
   .color( .white )
}
  1. 「コードを実行」を押します。

目標

  • 4つのマスク画像が表示されたら成功です。

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


実行例

result-1-3-3.png