p5.js
マトリックスの文字の雨が降るシーンを再現するポイントを解説します。
今回のモチーフは花火です! 季節はまだ春にもならない2/21ですが... 前に、javascriptで花火を30分で作る方法みたいなのを見たことがあって作ってみたかったんですよね。季節外れではありますが、結構かわいい花火が作れるので、是非参考にしてみてください…
今回はNode.jsとSocket.ioを使ってサーバーとクライアントの双方向通信を可能にしたペイントを作ります。WindowsでNode.jsを始めてやったのですが右も左も分からない状況で、エラーが出ずに動くようになるまで大変でした。参考にした記事も載せておくのでWin…
p5.jsとprocessing.jsをつかったプログラミングに興味を持たれた方のために、p5/processingの始め方を紹介します。つまずいてしまうことが多いところなので、分からなかったら質問してください。 最も簡単な方法 OpenProcessingに直書き PC版:基本の始め方…
今回はWebカメラを使います! カメラから受け取ったイメージを1200個のチェックボックスがチェックのオンとオフだけで表現するんです! 使用したのはp5.jsの方です。プログラムの内容は簡単な方ですが、chromeだとローカルサーバー上で動かす必要があるので…
今回は拡散律速凝集(かくさんりっそくぎょうしゅう:DLA)とよばれるものを作りました!ランダムに動く粒子が、核となるものに結合していった結果できる集合体(クラスタ)です。 制作物 拡散律速凝集:DLAについて 解説 今回の教材 まとめ 関連記事 なぜYo…
p5.jsは視覚的表現に特化したプログラムをjavascriptで簡単にかけるようにしたjsライブラリの一つです。web上でも簡単に動かすことができます。 今回動画を見ながら作ったものはフラクタルの木です。クリックすると木が分裂していくようになっています。 な…