Play with Code (Trial and Error in the Processing & p5.js)

035. p5.jsで3D空間内にベジェ曲線の軌跡アニメーションを描いてみる

atsushi 2018-10-15 p5.js

017のベジェ曲線を3D空間内にプロットして、その…

続きを読む →

034. p5.jsでローレンツ方程式の軌跡を空間に描いてみる

atsushi 2018-10-12 p5.js

ローレンツ方程式に値を代入した結果をプロットしてみ…

続きを読む →

033. p5.jsからTensorFlow.jsをちょっといじってみる – その3

atsushi 2018-10-11 p5.js

前回のコードを3次関数に適用してみました。 (1)…

続きを読む →

032. p5.jsからTensorFlow.jsをちょっといじってみる – その2

atsushi 2018-10-10 p5.js

前回のコードをもうちょっとわかりやすく書き換えてみ…

続きを読む →

031. p5.jsからTensorFlow.jsをちょっといじってみる – その1

atsushi 2018-10-09 p5.js

TensorFlow.jsを触ってみました。まだま…

続きを読む →

030. p5.jsで中心から全方向に弾を発射する砲台を作ってみる

atsushi 2018-10-05 p5.js

ちょっとしたシューティングゲームを作ろうと思って、…

続きを読む →

029. Processing for Androidで動画再生アプリを作ってみる

atsushi 2018-10-04 android

Processing for Androidで動画…

続きを読む →

028. p5.jsでベジェ曲線の描画を拡張していろんな線を描いてみる

atsushi 2018-10-03 p5.js

017のベジェ曲線にp5.scribble.jsを…

続きを読む →

027. p5.jsでシンプルなドラムマシンに挑戦してみる

atsushi 2018-10-02 p5.js

p5.jsではネイティブコードに加えて色んなjsラ…

続きを読む →

026. p5.jsで回転する空間内に線をドローイングしてみる

atsushi 2018-10-01 p5.js

X軸で回転している空間にマウスドラッグで線を描きま…

続きを読む →

025. Processingでランダムな円を画面に充填してみる

atsushi 2018-09-28 processing

シフマン先生の例を参考にやってみたかった平面充填で…

続きを読む →

024. p5.jsで自律エージェントの動き3D版の改良

atsushi 2018-09-27 p5.js

021の改良版です。空間上をBOXエージェントが動…

続きを読む →

023. ProcessingからWindowsネイティブコマンドを呼び出してみる

atsushi 2018-09-26 processing

ProcessingはWindowsのアプリケーシ…

続きを読む →

022. Processingで配列のデータをランダムに（ダブり無しで）抽出してみる

atsushi 2018-09-25 processing

配列内のデータをランダムに拾うのは簡単です。配列の…

続きを読む →

021. p5.jsで自律エージェントの動きを3Dで描いてみる

atsushi 2018-09-21 p5.js

007を3D版にしてみました。でも、ちょっとどこか…

続きを読む →

020. p5.jsで球の表面に針を刺していろいろと動かしてみる

atsushi 2018-09-20 p5.js

球面上に細かな線を描いてマウスの位置で伸びたり縮ん…

続きを読む →

019. p5.jsでマウスを重心にしたパーティクルを描いてみる

atsushi 2018-09-19 p5.js

たくさんのパーティクルはマウス位置との引力関係で動…

続きを読む →

018. p5.jsで空間内に曲がりくねった道を描いてみる

atsushi 2018-09-19 p5.js

前回のベジェ曲線の仕組みとは違いますが、ひとまず曲…

続きを読む →

017. p5.jsでベース直線に沿ってベジェ曲線を描いてみる

atsushi 2018-09-14 p5.js

前回の016のベース直線をさらに再分割して細かな直…

続きを読む →

016. p5.jsでベジェ曲線のベースになる直線をたくさん描いてみる

atsushi 2018-09-13 p5.js

適当な3点を選んで、各点への線分を分割して、その点…

続きを読む →

015. p5.jsで再帰関数を使ったフラクタル画面分割を試してみる

atsushi 2018-09-12 p5.js

フラクタルの基本である一つの作業の結果に同じ作業を…

続きを読む →

014. Processing for Androidでスケッチの画像を印刷してみる

atsushi 2018-09-11 android

Processingで作ったAndroidアプリか…

続きを読む →

013. p5.jsでマイク入力からの音を拾って3D空間に描画してみる

atsushi 2018-09-10 p5.js

012同様にマイクからの音を拾ってボリュームを取得…

続きを読む →

012. p5.jsでマイク入力からの音を拾って周波数解析してみる

atsushi 2018-09-10 p5.js

PCのマイクから拾った音をひとまず周波数別に描画し…

続きを読む →

011. p5.jsで球面状の座標にオブジェクトを配置して動かしてみる

atsushi 2018-09-07 p5.js

球面状の座標を計算して、そこに単純なBOXプリミテ…

続きを読む →

010. Processing for AndroidでOSC送信用アプリを作ってみる（つづき）

atsushi 2018-09-06 android

ProcessingでAndroidからタッチ位置…

続きを読む →

009. Processing for AndroidでOSC送信用アプリを作ってみる

atsushi 2018-09-05 android

Android端末からOSC通信でデータを送信する…

続きを読む →

008. Processing for Androidでスケッチの画像を端末に保存してみる

atsushi 2018-09-03 android

OSC関連のテストで久しぶりにAndroidを触っ…

続きを読む →

007. p5.jsで自律エージェントのパーティクルを表示してみる

atsushi 2018-08-31 p5.js

Processingのヒーロー、ダニエル・シフマン…

続きを読む →

006. p5.jsで再帰関数を使ってたくさんの木を描画してみる

atsushi 2018-08-30 p5.js

再帰関数を使って枝からさらにその先の枝へ増殖させま…

続きを読む →

005. Twitterの検索結果を表示するAPIにアクセスするための手続きについて

atsushi 2018-08-29 p5.js

前回ajaxとp5.jsでTwitterのキーワー…

続きを読む →

004. p5.jsでドラッグしたところに描画パターンを持った線を表示してみる

atsushi 2018-08-28 p5.js

画面上をドラッグすると細かな線が描かれていきます。…

続きを読む →

003. ajaxとp5.jsでTwitterのキーワード検索を拾って表示してみる

atsushi 2018-08-27 p5.js

ajaxを使ってJavascriptのみでTwit…

続きを読む →

002. p5.jsで空間の奥へ進むアニメーションを作ってみる

atsushi 2018-08-24 p5.js

空間の中にいろんな大きさの箱を配置して、その中をど…

続きを読む →

001. p5.jsで公転する惑星群アニメーションを作ってみる

atsushi 2018-08-23 p5.js

画面中心を公転する惑星群。マウスで視点が変わります…

続きを読む →