p5js入門

p5js入門

p5jsはビジュアル・アートに適したオープンソースプロジェクト「Processing」同等の機能をJavaScriptで実装したライブラリです。
主にアーティスト、デザイナー、教育機関関係の人達がビジュアルな表現をプログラムできるような機能をもつライブラリになっています。

p5jsはグラフィックス関係の機能が豊富に揃っています。
主に次の事ができます
・四角、円等プリミティブな図形の描画
・ベジェ曲線、多角形の描画
・画像の描画、色のブレンド
・拡大、回転等の変形処理
・タイポグラフィ(WEBフォントを使ったテキスト描画が可能)
・3D図形の描画
・ベクトル計算、数学計算、データ処理
・マウス、タッチ等のイベント処理

その他、ライブラリを追加することでサウンド機能、スプライト機能、ビデオ機能を追加することもできます。

p5jsはJavaScriptで記述されていますのでブラウザ上で動かす事ができます。エディタとブラウザがあればお手軽に試すことができますし、p5jsの本家サイトではWEBエディタも用意されていますのでブラウザだけでもお試しすることができます。

p5js基本編

2D図形

p5js入門 SKETCH:CODING ことのはのあゆみ