このnoteのメモは随時更新され書き足されていきます。 p5.jsはそもそもhtmlとDOM API, <canvas>の仕組みをうまく使って動いている。 htmlのDOM APIのHTMLElementをwrapperしたという形になっているのがp5.Element。 p5.jsでdomを変数に入れて扱いやすいようにできる。メソッド ...

Course page at O'Reilly: https://learning.oreilly.com/live-events/creative-coding-with-javascript-and-p5js-bootcamp/0636920094064/ This course is designed to provide ...

p5.jsとは「Processing」というプログラミング言語をJavaScriptで使用できるようにしたライブラリです。 プログラミングの基本的な考え方を学ぶことができ、ブラウザ上で表示できるインタラグティブなグラフィックス作品を容易に作成することができます。

（株）インプレスは5月3日、書籍『p5jsで学ぶJavaScript入門』（田中 賢一郎 監修、青木 樂、國見 幸加 著）をNextPublishingから発売した。価格は電子版が1,980円、単行本が2,860円。 本書は、初心者でも手軽に扱えるJavaScript言語をベースにしたビジュアル作成 ...

Last week we created a textured paper canvas and got a healthy dose of the P5 API and JavaScript’s Math.random() function. This week, we’re going to look at a specific element of watercolor to see if ...

Last week I introduced the concept of generative art, P5.js, and some of the setup woes with P5.js. I left you with a scaffolding repository that gets all the project setup headache out of the way, ...