Processing.jsを利用してアニメーション&インタラクティブなWebページ背景をつくってみた : だらっと学習帳

Processing.jsを利用して、Webページで使えるアニメーションな背景をつくってみました。 花のアニメーションな背景ページ 花がくるくる回りながら、浮かびあがったり透明になったりします。 色が変わるインタラクティブな背景ページ 四角をクリックすると、背景に浮かんでいる円がそれぞれの色に変化します。 このようなインタラクティブな背景ページも作ることができます。 設置方法について解説していきます。 まずはhead内についての記述です。 1、Processing.js本体を読み込む<script src="Processing.js本体へのパス"></script> Processing.js本体を読み込みます。 パスを正しく書いてください。 2、canvasを画面いっぱいに表示するためにJSとCSSを記述 canvasを全画面に表示する | 2GRAVITY こちらのページを参考に、J