Skip to content

Javascriptライブラリーp5.jsを触ってみよう!

p5.jsは、Processingの Javascriptライブラリーです。

Processingは、デジタルアートやデータ可視化などビジュアルに特化したプログラミング言語です。

キャセイ・レアスさんとベンジャミン・フライさんのよるオープンソースプロジェクトです。

2008年に1.0リリースされ、現在は、2015年9月にリリースされた3.0が最新です。

 

 

p5.js公式サイト

ライブラリーのダウンロードやドキュメントがあります。無料でオープンソースソフトウェアです。

https://p5js.org/

 

p5.jsを実際に動かしてみよう!

 

2つのファイルを作ります。

・p5test.html
・test.js

 

今回は、p5.js CDN版を使います。<head>タグ内に次のように記述し、p5jsを読み込みます。

p5test.html

 

test.js

 

ブラウザーでp5test.htmlを開きます。

 

結果

丸が書けました。すごく簡単ですね。

 

One Comment

コメントを残す

%d人のブロガーが「いいね」をつけました。