クリエイティブコーディングの勧め

created:

updated:

thumbnail

以前こんなツイートを見て、自分でも色々と身近な問題を解決できるのではないかと思った。

そこで、p5jsとTonejsを使って以下2つのサイトを作成した。

1つ目は子どもの勉強のために2桁の足し算の繰り上がりを視覚化したもの。
これは2桁のうちの1桁がどのように繰り上がるかアニメーションで見えるようにしてみた。
Addition

もう1つは大好きな絵である、千住博のWaterfallをブラウザで再現したもの。
これは動的に水滴を垂らして、背景にホワイトノイズを出すことで滝らしさを出している。
Waterfall