yosinex https://blog.hatena.ne.jp/yosinex/ 広告は消しゴムで消すべし https://stylish.hateblo.jp/ プログラミング p5.js 今回はWebカメラを使います！ カメラから受け取ったイメージを1200個のチェックボックスがチェックのオンとオフだけで表現するんです！ 使用したのはp5.jsの方です。プログラムの内容は簡単な方ですが、chromeだとローカルサーバー上で動かす必要があるので、サーバーをたてたことがない方はそっちの方に苦労するかもしれません。一度やり方が分かってしまえば簡単なので、ちゃちゃっと覚えてしまいましょう！ちなみにFirefoxでindex.htmlを開くと、ローカルサーバーをたてなくても実行できました。 完成品のGIF 見やすくするためにプログラム外で色を反転させています。 完成品のGIF ポイントは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fstylish.hateblo.jp%2Fentry%2Fp5-js-checkbox-cam" title="p5.jsでカメラの映像をチェックボックスが映すプログラムを作る-プログラミングはYouTube動画で学ぶ- - 広告は消しゴムで消すべし" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yosinex/20170216/20170216004312.jpg Hatena Blog https://hatena.blog 2017-02-16 00:47:21 rich https://stylish.hateblo.jp/entry/p5-js-checkbox-cam 1.0 100%