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

This is a simple drawing website, free, anybody can use and should be easy to learn with, just extract the package somewhere on your computer and you can start editing the sketch.js, and that is where ...

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 ...

For the last few years, I’ve been running into presentation after presentation on generative art, meaning art created with code. Two talks at the Strange Loop 2018 conference in September were the ...

ゲームを作る時などデータをまとめて使いたい場合は配列を使うと便利なことがあります。配列の使い方をまとめてみます。 配列 (Array) は、複数のデータを一つの変数名にまとめて保持するための強力なツールです。プログラミングにおいて、似た種類の ...