月: 2019年12月

描画 生成的描画プログラム。 (注：入門的な「ハローp5」カテゴリに含まれてはいますが、内容は上級者向けです) sketch.js // すべてのパス let paths = []; // 今描いているかどうか let […]

続きを読む

保存されたJSONの読み込み Bubbleクラスを作成し、JSONファイルからのデータを使って、複数の泡(バブル)をインスタンス化し、結果を画面に表示します。Webブラウザがファイルを保存する場所はブラウザによって異なる […]

続きを読む

時計 現在の時刻は、second()やminute()、hour()関数で読み取ることができます。このサンプルでは、 sin()とcos()値を使って、時計の針の位置を設定しています。 let cx, cy; // 時計 […]

続きを読む

タイポグラフィ(Typography)とは、Webデザインにおいては、「文字を情報として読みやすく伝えやすく、美しく並べる技術」を言うようです(参考：「伝わるサイトは文字のデザインに理由あり。タイポグラフィの基本」)。 […]

続きを読む

移動 translate()関数を使用すると、キャンバス内のどこにでもオブジェクトを移動させることができます。１つめのパラメータはX軸のオフセットを設定し、２つめのパラメータはY軸のオフセットを設定します。このサンプルは […]

続きを読む

連続線 マウスのクリック&ドラッグで線が描けます。 function setup() { createCanvas(710, 400); background(102); // 線の色は最初白 stroke(‘ […]

続きを読む

斜面に対する反射 processing.org/examplesからの、David Blitzによる”Reflection 1“サンプルの移植版。式(R = 2N(N・L)-L)にもとづく。Rは反 […]

続きを読む