差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン | ||
lecture:design_with_prototyping:p5.js編:11.ピクセル再構成 [2021/03/01 16:34] – [線の本数や頂点座標のずらし方を変更してみる] baba | lecture:design_with_prototyping:p5.js編:11.ピクセル再構成 [2021/03/03 00:32] – [線の本数や頂点座標のずらし方を変更してみる] baba | ||
---|---|---|---|
行 443: | 行 443: | ||
よいでしょう. | よいでしょう. | ||
- | この透明度を利用し,これまで真っ黒で書いていた線に対して一定の透明度をつけてみます. | + | この透明度を利用し,これまで真っ黒で書いていた線に対して一定の透明度(stroke(0, |
- | 実行結果とプログラムは下記の通りです.面白いことに結果として得られた画像は,凹凸がついた銀盤のように見えますね。 | + | 実行結果とプログラムは下記の通りです.面白いことに結果として得られた画像は,凹凸がついた銀盤のように見えますね。なお下記画像のパラメータは |
+ | * x_step = 1; | ||
+ | * y_step = 1; | ||
+ | * y_max = 5; | ||
+ | としています。 | ||
{{ : | {{ : | ||
+ | |||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | ここまで学習した内容から、単位を別のなにかに置き換えることでスーラの絵画を再構成してください。 | ||
+ | * Hint | ||
+ | * 文字をピクセルにしたように、様々な文字(漢字やカタカナ等)も単位として表現しても良いかもしれません | ||
+ | * beginShape()にLINESやTRIANGLE_FAN等を使って表示した場合どのようになるか試してみると良いかもしれません。 | ||
+ | * 出力した結果がもとの絵からかけ離れてしまっても面白いかもしれません。 | ||
+ | </ | ||