一般的にプログラミング学習の初期段階では、単純な幾何図形を描画することから始まります。しかし、実は単純な形態を組み合わせることによって多彩な表現が可能です。このスタディでは、「直線(線分)」という単純な要素を組み合わせることによって、どのようなバリエーションを作り出せるかを探求します。
2.7.1 課題
1ピクセル幅の直線(線分)を使って5種類のバリエーションを作る
目的
- 単純なストライプという形態の要素のみで、どれだけバリエーションを生み出せるかを競う
- 形態の可能性を試行錯誤によって発見する
条件
- 線は黒のみ
- 線の角度は自由
- 5パターンのバリエーションは、単純なアルゴリズムから出発し複雑にしていく
- 画面は400×400ピクセル
- 10パターン作りたい人は作ってもいい。その方が勉強になる
- 次のテンプレートを出発点とする
図2.7-a
リスト2.7-a
size(400, 400);
background(255);
for (int y = 0; y < 10; y ++) {
//y座標が150から始まって10回繰り返す
line(0, 150 + y*10, width, 150 + y*10);
}
2.7.2 サンプル1
画像をクリックするとサンプルのコードを見ることができます
スタディ2.7-a
スタディ2.7-b
スタディ2.7-c
スタディ2.7-d
スタディ2.7-e
作成:小澤太一
2.7.3 サンプル2
スタディ2.7-f
スタディ2.7-g
スタディ2.7-h
スタディ2.7-i
スタディ2.7-j
作成:三上航平