code
今日はkaleidを使っていきます。 Hydra Functions リファレンスによると、Geometryタイプ関数で、Source関数.kaleid().out()のような書き方で使用する。 引数はkaleid( nSide )であり、nSideのひとつのみ。 万華鏡のように映像を複製する処理で、数値を大き…
hydra.ojack.xyz ウェブブラウザで遊べるライブコーディングhydraをはじめました。何度目だろう。 hydraはウェブブラウザ上でライブコーディングできるスクリプト型のプログラミング言語です。 ブラウザ上で完結するので、ネットがつながれば使えちゃうアク…
鏡のように表示する ご無沙汰しています。 放置気味のこのブログですが、ごく稀にProcessingを学ぶ学生から問い合わせが来ることがあります。 私もインターネットを通していろいろ学んできたので、できるかぎり更新して知見を残そうと思います。 誰かの役に…
またまた今日もつぶやきProcessingをやってみた。息抜きにいいですね。 size(800,800);noFill();int m=8;for(int i=0;i<800;i+=m){for(int j=0;j<800;j+=m){int md=int(random(1,5));if(md==1){line(i,j,i,j+m);};if(md==2){line(i+m/2,j,i+m/2,j+m);};if(md…
今日もつぶやきProcessingをやってみた。 size(800,800);noFill();int m=10;for(int i=0;i<800;i+=m){for(int j=0;j<800;j+=m){int md=int(random(1,5));if(md==1){arc(i,j,m,m,0,PI/2);};if(md==2){arc(i+m,j,m,m,PI/2,PI);};if(md==3){arc(i+m,j+m,m,m,PI,…
(今更ですが)つぶやきProcessingをやってみた。 size(800,800);int mas=5;for(int i=0;i
モアレ2#Processing #creavivecoding pic.twitter.com/l502vLdbqs— 94! (@_94_94_94) 2020年11月7日 モアレ2 反復運動を作った。 void setup() { size(500, 500); } void draw() { translate(width/2, height/2); background(250); int space = 4; for (in…
モアレ #processing #creativecoding pic.twitter.com/nI5LPXG36R— 94! (@_94_94_94) 2020年10月30日 ボーダーを重ねてモアレをつくってみた。 3層のボーダーを重ねて回転する。 固定、右回転、左回転。次は違う動かしもやってみよう。 void setup() { size…
切り紙Processingによる再現生きてます。 造形遊びでおなじみの切り紙あそび。 紙を折って切って広げて楽しむのってジェネレーティブだよな〜と常々思っていました。 というわけで折り紙とハサミでパッとつくったものを再現してみました。arcとlineをcopy()…
角丸の四角の書き方その2 四隅の角度は個別に指定することができる。 ランダムで設定し、if分でループ。 プクプクのループ。 p5.jsはまだ慣れていないので配列に手こずった、、・ 日々書かねば。 ・・・ コードは「書く」だが、かたちは「描く」。 コードで…
色盲のテスト画像みたいになっちゃったけど、角丸の四角形。 rect()の引数を追加すると角丸モードになるよ。 Processingでも同じ。 rect( x , y , w , h , r , r , r , r) rが角丸の大きさ。 やったことないけど個別でも指定できるっぽいのでこんどやってみ…
目がチカチカする。 引いてみると色が見えたりする。 歪んで見える。 モノクロとシマシマは錯視効果を産む。
マジで細かい話なのだけど,先月のワークショップのときに,グラフィックに粒状感を足す重要性(CGと実写の境目が曖昧になる効果)について割と時間配分ミスるレベルで説いたんだけど,それでいうと今回は少しだけ上等な粒粒(サイズの幅高さがランダム)を…
だーじーだぁだーじーだぁだーじーだぁ ハリウッドザコシショウが大好きなので、だーじーだぁをProcessingで書いた。 カメラキャプチャ→反転してコピーというむちゃくちゃシンプル構造。 シフトで保存できる。その際にコンソールにギャグが表示されるよ。 ど…
youtu.be ピクセル情報を取得してソニフィケーション。 一定の距離を進むとy方向に進みつつ距離とループ回数を再設定する。 すでに誰かがやってそうだけど、ここからいろいろ発展できそう。 import processing.sound.*; SawOsc sine1, sine2, sine3; float …
久しぶりにp5.jsを。 対してむずかしいことはしてないが、たのしい。 今回は、sqrt()をつかってみた。円をゆらしながら大きくして、画面いっぱいになったときにリセットする際、直角三角形の長編を求める計算式をつかうとスマートかなと思ってやってみた。い…
youtu.be 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp このシリーズ。 プログラムかえた。 実は前回つくったんだけど、スローテンポのほうが合うと思って見逃した。 もっとスローテンポ…
youtu.be 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp このシリーズ。 今度はその3のコードに使う音源を使ってプログラムを変えてみた。 やってたけど投稿が遅れてしまった。 いろいろあって生活環境が変わ…
youtu.be 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp このシリーズ。 今度はその2の2の音源を使ってプログラムを変えてみた。前回の宣言通り回転を使って書いてはみたものの、この音には合わないようなので却下。 代わりに色…
youtu.be 94.hatenadiary.jp 94.hatenadiary.jp 94.hatenadiary.jp このシリーズ。 今度はその2の音源を変えてみた。やっぱ波形なので、音域によってはなんのこっちゃわからんくなる。 おもしろい音が面白い波形になるとも限らないし、逆もしかり。 プログラ…
【Processing】minimでオーディオスペクトラム その2(プログラムを変えてみる) www.youtube.com 94.hatenadiary.jp 94.hatenadiary.jp このシリーズ。同一音源で、プログラムの方を変えてみた。オシレータがノコギリ波なので、それが描画に反映される。for…
94.hatenadiary.jp 音源を変えてみた。 www.youtube.com 次は同じ音源でプログラムを変えてみよう。
youtu.be ライブラリminimを使う。 オーディオスペクトラムを描画に使った。 波形はアナログシンセの電子音と相性が良い。 見てて楽しい。 音はKORGのmonotribe。monotribeの演奏がたのしくてたまらないので、 それに合う描画のプログラムを書き溜めておいた…
Finderを見て描いた マウスカーソルを見て描いた Appleロゴを見て描いた 94.hatenadiary.jp 続き。 保存する機能を追加した。絵もなんこか描いた。 この解像度だと描けるモチーフが限られてるし、無理してこの解像度でモチーフを見ようとする。 見る力と抽象…
#Processing #generative pic.twitter.com/uACc5ELlMV— 94 (@_94_94) November 29, 2018 またまた自分で作った関数を使うシリーズ。 そろそろネタ切れ。 今回は色とサイズと変えながら、ゆらゆら動かして描画。 次はnoise()をつかってみようか。 float a; fl…
#Processing #generative pic.twitter.com/KgBJ7pyE9G— 94 (@_94_94) November 28, 2018 巻き貝ぽい。 float a = 360; float b = random(1,1.5); float c = random(255); void setup() { size(800, 800); background(250); } void draw() { pushMatrix(); tr…
94.hatenadiary.jp 続き。 https://twitter.com#Processing pic.twitter.com/Um3Vt98q1m— 94 (@_94_94) November 26, 2018 せっかく関数を作ったので、使ってみた。 とりあえずならべてみた。 縦横比を調整できるようにしたけどその機能は使わなかった。二重…
#Processing pic.twitter.com/2C3s8fIkgC— 94 (@_94_94) November 24, 2018ここ最近、三角関数とコードについて考えることがあった。 リサージュ曲線を見てると、やっぱり数値の振る舞いはきれいだよな〜と思う。ところで、リサージュ曲線を書きたいとき、い…
#Processing pic.twitter.com/kKeiQ3l6Io— 94 (@_94_94) November 24, 2018 94.hatenadiary.jpこの記事の続き。 sin()とcos()はよく使うけど、tan()はいつ使うかな〜と思って書いてみた。 回転しながら描画する際に、彩度にtan()をあてるとこんな感じになっ…
#Processing pic.twitter.com/kJpDV2ixiM— 94 (@_94_94) November 21, 2018つかれた float degree; //角度 int[] a = new int[8]; void setup() { size(800, 800); background(0); degree = 0; for (int i = 0; i < 8; i++) { a[i] = ((2*(int)random(i+2)) …