Twitterのタイムラインに#10print で面白い画像が流れてきたので、遡って見ながら頭のなかでどう書くのか考えたりしていた。 twitter.com その中の一つで、極座標（原点からの距離rと角度theta）をつかって円周上の点をプロットしながら描いていくものがあっ…

Processingを使ったインタラクティブな作品を展示する際に安価なRaspberry Piは実行環境として向いていると思ったので調べてみた。結論から言うと自動実行出来るので、実行速度の問題はあるにせよ、使えそう。 Raspberry Pi 3へのProcessingのインストール R…

いわゆるメタボール。後半Computer Visionを使うパートになっていくんだけどいまいち理解できてないので、CVのチュートリアルを明日以降やって戻ってきたいと思う。OpenProcessingに載せてみたが重くて1fpsくらいでしか動かなかった。 コード int num = 8; A…

Processingの花火のシミュレータは夏に作ったけど、こちらのほうが爆発時や爆発後の処理が洗練されている。動画視聴しながら2D版を作って、3Dに移植している。 コード（3D） PVector gravity = new PVector(0, 0.1); ArrayList<ParticleSystem> particleSystem; // setup関数</particlesystem>…

しばらく古いものをやっていたが、昨日公開されたものが新着で出てきたのと、少し別のものもやってみようと思ったのでこれにした。書籍「10 PRINT CHR$(205.5+RND(1)); : GOTO 10」は、Commodore 64という1980年代のコンピュータのBASICというプログラム言語…

スーパーシェイプの3D版。前回の続きを自分なりに書き換えていったが、展開がうまく言ってない気がするというか、登録する頂点と頂点の接続がうまくつながってない。 Supershapes / SuperFormula コード float a = 1; float b = 1; float m = 0.1; float fre…

動画は見ていたけど、3Dで球体を計算するというものだったので、既知だったこともあり自分なりに書いてみた。結果見てみると随分書き方は違うけど、配列を使わないで動的に計算している自分のやり方はそれはそれで良いような気もする。2次元で書いた円の半径…

p5.jsで書かれたものをProcessingに移植するときに、ArrayIndexOutOfBoundsExceptionが出てしまって解決する方法を考えて、随分書き換えた。グリッドに力場を作って、動くポイントに近い力場の影響を受ける。力場は2次元のパーリンノイズで動きの方向が変わ…

これの続き。 takawo.hatenablog.com パラメーターが6つあるので、コントローラーをControlP5を使って制御してみた。 コード import controlP5.*; float n1; float n2; float n3; float m; float a; float b; float radius = 200; ControlP5 cp5; // setup関…

昨日のマンデルブロ集合とつながるジュリア集合。動画で書かれているコード写しながら動画内で参照されているリファレンスを読んだ。 Julia set fractal Julia set - Wikipedia マンデルブロ集合のコードを改変して一定の数値を与えると形が変わる、その加算…

マンデルブロ集合。正直な所、昔からあんまり綺麗だなと思えなかったけど、漸化式の復習と考えたら面白く感じる部分もあった。関数mandelbrot()の中で繰り返し実行している。他のマンデルブロ集合をProcessingで記述する例を幾つかチェックして理解しながら…

3Dプリンタで出力を日常的にするようになった。 それと同時に思うことは、レーザーカッターはおそらくFabの入り口においてはすごく便利なんだけど、あくまで2Dでのモデリングになるし、実世界で機能を果たすものを作るのには少し勘所が必要。・・・というよ…

ペグボード用のパーツをモデリングと出力して設置した。フッキングするポケットは地味に便利そうだったのでもう少し出す。まだ必要な感じもするし、個別のカスタマイズパーツもいる気がする。プライヤーやニッパー用の受けや、電動ドリルなんかを挿したい。…

物理世界のシミュレーションを外部ライブラリtoxiclibsをつかって行う。toxiclibsは知ってたけどぶっちゃけ複雑そうで、なんやかんや手を付けないでいた。書き方を少し覚える必要があって、何度か書き直したり、他のサンプルコードを写経したりサンプルコー…

これまでの連続回に比べると相当軽め。Superellipseはなんて呼ぶのかわからないけど、極座標系で様々な図形が描画できる公式。Processingの描画でよく使う float r = 100; for(float angle = 0; angle < 360; angle += 1){ float theta = radians(angle); fl…

フラクタルツリーの3D版。長かったけど、2Dのアルゴリズムが作れるとあとは次元を1つ増やして3Dにするだけとも言えるのでそれほど難度を感じなかった。ツリーっぽい形にしたかったのでLeafの生成のところの初期値を山形になるように変更した。 今頃台風来て…

昨日は飲んでからプログラムを書いたので、樹形を描画する部分の処理の一部が抜けた分、描画が進まない状態だった。改めて確認して修正したものをアップする。OpenProcessingでは動かなかったので、GIFで。 Tree tree; float min_dist = 5; float max_dist =…

コード Tree tree; float min_dist = 15; float max_dist = 5; void setup() { size(960, 540); colorMode(HSB, 360, 100, 100, 100); tree = new Tree(); } void draw() { background(0, 0, 33); tree.draw(); tree.grow(); } class Tree { ArrayList<Branch> branc</branch>…

有孔ボードを建てた壁面のアレンジはこれから。3Dプリンタでフッキングするパーツをモデリングした。 ジョイント部分がストレートだとダメなので、クランクというか引っかかるようなものを考えてみたけどうまく行かず。hisashi_kunが以前作っていたデザイン…

ソーホースが完成した。時間がかかったのでその分感慨深い。補強パーツを組み入れたことでXY方向ともにガタツキがほぼなくなったので良かったように思う。 出力中の監視やキューの操作などを行うためにMacBookProでモニタリングしている様子（TeamViewerを使…

最近のYoutube、字幕の自動生成が精度が高くて英語が聞き取りやすい。動画の中で言っている L-System is a recursive way of generating sentences over and over again using string replacement. が今回の肝っぽい。特定の文字列を置き換えることを再帰的…

前回の続き。p5.jsで書かれているものを見ながらProcessingで、クラスベースで書くという感じ。葉っぱも最後に落ちるようになっていたものもクラスに定義して書いてみたくらい。クリックすると枝が増えて、所定回数以上になると葉っぱが落ちるようなもの。Op…

再帰（リカーシブ）関数による樹木の描画。再帰は最初の頃、イメージつかめなかったけど、作った関数Aが関数A自体を所定の条件の中で呼び出すというもの。これだとbranchという関数が実行されて、基準となる原点座標を移動させながら枝分かれするように2つの…

www.openprocessing.org 反応拡散系のアルゴリズム。グレイ・スコット方程式を使う。使う、とか言ってるけど分かってるわけではない。数式化されてるアルゴリズムをプログラムに組み込む訓練だと思ってやってる。以前やった迷路ジェネレータもそう。 動画見…

数式を使って描画する方向では、ローレンツ・アトラクターは結構有名。 ローレンツ方程式 - Wikipedia The Lorenz Attractor, a thing of beauty 上のPaul Bourkeさんが書いてるエントリに載っているCでの実装をProcessingでポーティングしたような感じ。例…

やったやつ上げ忘れていたのであげておく。OpenProcessing用にp5.jsに移植しようと思ったけどWEBGLのレンダラだとTRIANGLE_STRIPが使えなかったのでおあずけ。GIFで。 コード int w, h, rows, cols; int scale = 20; float[][] terrain; // setup関数 : 初回…

勢いでパート3と4を見て一気に書いてしまった。改変したところは、上下左右の壁面境界の判定、迷路が完成したところでsaveFrameすること、マウスクリックで初期化すること、色を毎回変えていることあたり。 こんな感じの迷路が生成される。 コード float col…

昨日の続きで、迷路ジェネレータをProcessingで書く。途中なのでそんなに面白くはないけど、書いてる側は結構面白い。 アルゴリズムは再帰的バックトラック法ってやつを使うらしい。アクティブなセルを紫にしていて、セルごとに通過したかどうかを真偽値でチ…

p5.jsで書かれていたものをProcessingで書いてみた。なんとなく。先取りして迷路作るところまで行けた。グリッドに切り分けたセルごとに、上下左右の４つの壁を設定して、Booleanで壁があるかないかをプロパティで持たせてる。変数名とかは自分がわかりやす…

昨日の3Dの続き、テクスチャを球体にマッピングする方法。PShape使うのは知らなかった。応用効きそう。どっちかというとマッピングするテクスチャ画像の用意のほうが大変か。 複数のファイルの名前を意識しないで読み込むやりかたは、以前hysyskがやっていた…