キャンバスに点を描画するには、point()関数を使用します。次のコードはキャンバスの真ん中に1ピクセルの点を描画します。 function setup() { createCanvas(480, 120); } fun […]
続きを読む日別: 2019年2月7日
2_1：p5.js 描画
p5.jsが得意とするビジュアル表現には、HTML5の<canvas>要素が使用できます。<canvas>要素は前出のcreateCanvas()関数で作成します。createCanvas()関数 […]
続きを読む1_3：p5.js 複数の円をマウスで描く
次のJavaScriptコードをsketch.jsに記述します。 function setup() { createCanvas(480, 120); } function draw() { console.log(mo […]
続きを読む1_2：p5.js 円を描く
p5.jsを使用するには、p5.jsライブラリをWebブラウザに読み込む必要があります。そのためには、次の<script>タグを、<head>タグ内に挿入します。 <script src=” […]
続きを読む1_1：p5.js スタート
「processing/p5.js」のp5.js overviewには、次のように書かれています。 p5.jsは、アーティストやデザイナー、教育者、初心者などがプログラミングをする際、そのコードの記述のハードルをできるだ […]
続きを読む