p5.jsライブラリ+空のスケッチ(テンプレート)

p5.jsのライブラリと空のスケッチを入れた、テンプレート一式です。

ダウンロード方法
1. このページの一番下のリンクから「p5.zip」をダウンロードします。
2. ダウンロードした「p5.zip」を解凍します。
3.「p5」というフォルダができます。

p5フォルダの中身

readme.txt 説明
/sketch_example/ スケッチフォルダ(これをコピーして使う)
index.html HTMLファイル(実行する時はこれをブラウザで開く)
sketch.js スケッチファイル(プログラムを書くところ)
style.css スタイルシートファイル
p5.min.js p5.jsのライブラリ(触らない)
p5.sound.min.js p5.jsのサウンドライブラリ(触らない)

この「p5」というフォルダの中には、サンプルのスケッチ「sketch_example」が入っています。このサンプルスケッチをもとにして、今後様々なスケッチを作っていきます。

動作確認
「sketch_example」フォルダの中にある「index.html」をWebブラウザで開きます。

新しいスケッチを作る
新しいスケッチを作りたい場合はを「sketch_example」をフォルダごとコピーし、好きな名前に変えてから「sketch.js」ファイルを編集してください。