テキストダウンロード

Media Art Course
Lesson 62
『ステージに模様をつけよう！』
今までのアニメーションの知識を応用して、
Lesson6-1で作ったステージに模様をつけてみよう！
1
線の色
②の写真で赤枠になっている「stroke」
から始まる行で線の色を決めています。
線の色を変えたいときは、この行のRGB
を変更すれば変えることができます。
2
まず、最初にステージのデザインを考えて、ワークシート
に書き込んでみましょう。今回は、上の写真の赤線のよう
な模様をステージにつけていきます。
3
『stage』タブを開きます。 // Draw Pattern と
書いてある数行下の stroke(255,255,255) と書
かれているコードの下に、模様をつけるコードを描
いていきます。
4
③で先ほど書いたコードの下に
上の写真のように5行コードを書きます。このコードは
線を書くコードで、
noFill();
line(始点のx座標 , 始点のz座標 , 終点のx座標 , 終点のz座標);
となっています。
5
とコードを追加します。円を描く前に必要なコード
です。
6
④で先ほど書いたコードに下に
ellipse(0,0,500,500);
とコードを追加し、円を描きます。
実行してみましょう！
ステージに模様がきちんと表示されていればOKです。
自分でオリジナルの模様を作ってみましょう！

Download Report