差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン | ||
lecture:design_with_prototyping:p5.js編:14.グリッドの再構成 [2021/03/10 14:59] – [再帰関数で描けるもの] baba | lecture:design_with_prototyping:p5.js編:14.繰返しの再構成 [2021/03/10 18:10] – [繰返しの再構成] baba | ||
---|---|---|---|
行 1: | 行 1: | ||
- | ====== | + | {{ : |
+ | ====== | ||
+ | 繰返しと言われて皆さんなにを思い浮かべるでしょうか?一般的には同じことを何度もすることを意味しているわけですが、朝昼夜、春夏秋冬、デザイン思考等など、 | ||
+ | 繰返しとは様々なプロセスにおいて一般的に語られるプロトコルであり私達の身の回りにあふれる概念です。このページでは繰返し処理をテーマにいくつかの視覚的な表現に関するコードをスケッチしてみたいと思います。 | ||
+ | |||
+ | ===== Composition | ||
ピエト・モンドリアンの作品の中で最も有名とも言える,Compositionという作品群があります. | ピエト・モンドリアンの作品の中で最も有名とも言える,Compositionという作品群があります. | ||
> | > | ||
行 90: | 行 95: | ||
では実際に記述してみます。 | では実際に記述してみます。 | ||
+ | <WRAP group> | ||
+ | <WRAP half column> | ||
<file js sketch.jg> | <file js sketch.jg> | ||
function setup() { | function setup() { | ||
行 107: | 行 114: | ||
} | } | ||
</ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | <WRAP half column> | ||
+ | {{ : | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <WRAP center round todo 60%> | ||
+ | html上のUIを利用して、反復回数や、lengthの減衰値、角度などを動的に変化させて生成される木の種類を観察してみましょう。 | ||
+ | </ | ||
+ | |||
====== Reference ====== | ====== Reference ====== |