p5.js と ml5.js の組み合わせでブラウザ上でのリアルタイム物体検出を試す（COCO-SSD を利用） - Qiita

2023/01/15 22 users Qiita Sketch 物体検出 スケッチ 組み合わせ

この記事は、以下のツイートで動画・画像をのせていた、ブラウザ上でのリアルタイム物体検出の話です。 上記の内容は、以下の OpenProcessing のスケッチにアクセスすると、実際に試していただくことができます。 ●ml5.js で物体検出（COCO-SSD を利用） - OpenProcessing https://openprocessing.org/sketch/1795350 実... 続きを読む

creative codingに入門してみている - すぎゃーんメモ

2021/10/11 14 users すぎゃー sugyan October Sho 動機

子ゃーんに喜んでもらいたくて、creative coding入門してp5.jsで色々作る練習してる。今はフワフワでキラキラな可愛いシャボン玉を表現しようと試行錯誤しています pic.twitter.com/qGeRYCelqh— すぎゃーん? (@sugyan) October 6, 2021 動機・目的 上記の通り、「子に喜んでもらえるものを作る」ことを目指す。 特にsho... 続きを読む

Tone.jsとp5.jsで音の発生を可視化する - 虎の穴開発室ブログ

2020/01/17 20 users Tone.js ライブラリ 穴ラボ 自作pc 可視化

こんにちは、年末年始に新しくWindows10の自作PCを組んだ虎の穴ラボのおっくんです。 昨年から、Web audioを取り扱うライブラリとしてTone.jsを使って、 ブラウザで音を鳴らしたりということをしていたのですが、一歩進んで再生する音を可視化したいと思いました。 可視化の方法としては、発生させる音を文字で表示する... 続きを読む

p5.jsで作ったダメなソリティア - Qiita

2017/12/11 13 users ソリティア Qiita ディア 先頭 クソアプリ

クソアプリ Advent Calendar 2017 10日目の記事です. 成果物 ブラウザ上で表示するソリティアです。 詰みティア 遊び方 (ソリティアのルールについては割愛します。) 画面左上の山札をクリックすると、カードが３枚ずつめくれます。 最初に配置される７枚の札と、山札をめくった際に表示される３枚の内の先頭にあるカードは、 ルール上一切動かせないカードになっています。 要するに 最初か... 続きを読む

JavaScript - メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita

2015/03/30 256 users Qiita ラジアン 多角形 数式 フラクタル

高校数学がボロボロでも大丈夫です。（使えるのでｂ） もともと個人的にインプットし貯めていたものですが、書きなおして公開します。 地味ですが、派手な動きはこの地味な数式・概念がベースになってきます。 また、メディアアートとは言ったものの、ゲーム制作などにも役立つでしょう。 「ラジアンとは？」「サイン波を描く」「円軌道を描く」「弾幕（2点間の距離系&角度系）」「多角形を描く」「フラクタル」といったテー... 続きを読む

p5.jsを使って自作のスクリーンセーバーを作る - 半空洞男女関係

2014/11/05 30 users スクリーンセーバー GitHub mactkg スクリプト

2014-11-05 p5.jsを使って自作のスクリーンセーバーを作る プログラミング p5.js JavaScript Mac mactkg/p5.js-screen-saver mactkg/p5.js-screen-saver · GitHub 作った。p5.jsで書いたスクリプトがそのままスクリーンセーバーになるやつ。ソースコード、ほとんどnotona/ugoira-screen-save... 続きを読む

mbedJS+p5.jsで始めるmbed - nyatla@hatena blog

2014/11/03 28 users mbed Processing 工学ナビ Webブラウザ

2014-11-03 mbedJS+p5.jsで始めるmbed mbed MiMic 工学ナビの橋本さんがProcessingのJavascriptライブラリp5.jsとmbedJSの使い方を記事にしてくださいました。mbedJS + p5.jsでWebブラウザからmbedを制御する - Imaginable Reality mbedJS + p5.jsでWebブラウザからmbedを制御する - ... 続きを読む

p5.js

2014/08/06 223 users libraries learn Reference

p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.Download * Start * Reference * Libraries * Learn * Contribute Hello! p5.js i... 続きを読む