2018-01-01から1年間の記事一覧

【Precessing】blendMode(ADD)とオーディオリアクティブ

youtu.be blendMode(ADD)ネタが尽きたのでオーディオリアクティブに逃げる。 DJやVJ、クラブカルチャーにあまり興味がないのであまりやらないが、 作ってみたら意外と楽しい。 収録はloopbackっていうsoundflowerみたいなものを使った。 ていうかいつの間に…

【Processing】blendMode(ADD)と少しだけrotate()を繰り返して(2)

#Processing pic.twitter.com/IstE7m4CXr — 94 (@_94_94) May 27, 2018 float a = random(100000); float b = random(2,4); float c = random(200); float d = random(100,360); void setup(){ print(b,c,d);//パラメータを出力 size(800,800); smooth(); co…

【Processing】blendMode(ADD)と少しだけrotate()を繰り返して

#Processing pic.twitter.com/PVT5WkQoeJ — 94 (@_94_94) May 26, 2018 最近は静止画をよく作る。 無理して動かそうとしなくてもいいよね。 size(800, 800); background(0); blendMode(ADD); int len = 190; pushMatrix(); translate(width/2, height/2); fo…

【Processing】noise()で

#Processing pic.twitter.com/zdkW8SlQ2J — 94 (@_94_94) May 24, 2018 float a = 0; void setup() { size(800, 800); background(255); } void draw() { translate(width/2, height/2); rotate(radians(a*0.9)); noFill(); fill(255, 70); strokeWeight(0.8…

【Processing】簡単な発光表現

note.mu この記事を参考にしました。 以前は画像を使ってやりましたが、今回はfor()ループと計算を使ってみました。 確かに楽ですね。map()の限界値を入れ替えて色味の具合を変えました。 ランダムでクリエイティビティから逃げた自分が情けない。 #Processi…

【Processing】くるくるねじねじ

#Processing pic.twitter.com/3ZkOFmcLJ1 — 94 (@_94_94) 2018年5月16日 float a = 0; float b = 100; float c = 200; void setup() { size(800, 800); } void draw() { background(255); rotate(45); translate(500, -650, -300); strokeWeight(3); line(0,…

【Processing】3角形でフラクタル

#Processing pic.twitter.com/0vjuuc8woB — 94 (@_94_94) 2018年5月11日 久しぶりにフラクタル。あんまり気に入ってない。 3日くらい前からちょろちょろいじってたけど、もういいやこれで。 次! int b = 0; float rad; int num=10; void setup(){ size(800,…

【Processing】copy()を使ってみる(4)

#Processing pic.twitter.com/h4HGIza6PV — 94 (@_94_94) 2018年5月9日 PImage img; //画像のオブジェクトを宣言 int x = width/2; //ペースト位置x int y = height/2; //ペースト位置y int sx = 0; //コピー起点x int sy = 0; //コピー起点y int ex = 0; //…

【Processing】振り子*3

シンプル振り子*3

【Processing】画用紙とペン

#Processing pic.twitter.com/Ky0ZSAyhor — 94 (@_94_94) 2018年5月1日 float x, y, x2, y2; float xpow, ypow, rpow, xpow2, ypow2, rpow2; float r,r2; color clr,clr2; int num = 1500; float[] dpx = new float[num]; float[] dpy = new float[num]; flo…

【Processing】振り子

シンプル振り子

【Processing】ピクセル取得してランダムウォーク

#Processing pic.twitter.com/fI7n7RYUDa — 94 (@_94_94) 2018年4月20日 PImage img; //画像のオブジェクトを宣言 float x,y; float area; float xp = random(-1,1); float yp = random(-1,1); color c; boolean start = false; void setup(){ img = loadIma…

【Processing】atan2()を使ってみる

atan2()を使ってみる。 原点からのマウスの位置の角度を求めてくれるらしい。 次はatan()も使ってみよう。

【Processing】lerpColor()を使ってみる

#Processing pic.twitter.com/ZTKRMHSsPV — 94 (@_94_94) 2018年4月16日 lerpColor()を使ってみる。 この関数は2色の色をブレンドしてくれるフェーダーみたいなもの。 画面のY座標を使って、線と面の2色をブレンドした。 まだ使ったことない関数ありそうだか…

【PO-33】毎日さわって練習する

twitter.com teenageengineering PocketOperator PO-33 を買った。ある楽曲のリミックスを頼まれたので、買う理由にした。 リミックスするにあたって、PO-33を絶対に使うと決めたので、2週間毎日さわって何かしらをツイッターにアップするというブートキャン…

【Processing】門・開・閉

#Processing pic.twitter.com/WpBEIJEqOv — 94 (@_94_94) 2018年4月12日 漢字をマウスクリックで動かす。 「門」と「開」と「閉」の意味に動きをつけた。 if( ){ }else if( ){ }が便利だった。 float l = 230; float r = 280; void setup(){ size(500,500); …

【p5.js】配列

配列を使って見た。 はじめに数を宣言しなくて良いらしい。 アレイリストみたいで楽。

【p5.js】はじめてのp5.js

ずっとやってみようと思ってたp5.jsを初めてみた。 Processingと似てるとは言われているけど、微妙に関数が違うのではじめるのが億劫だったが、ちょっとずつこっちも書いてみる。 今日わかったこと void ~ ではなく function~ size()ではなくてcreateCanvas(…

【Processing】綿棒っぽいモノを動かす

#Processing pic.twitter.com/8Sd6VCKjLi — 94 (@_94_94) 2018年3月30日 94.hatenadiary.jp これをいじった。 camera()は受け取る数値が多い(9種類)ので、使うのが億劫。 最近買ったサンプラーを触ってばかりいたので更新が滞っている。 案件が終わったら…

【Processing】綿棒っぽいモノ

#Processing pic.twitter.com/kFt6FOt5Es — 94 (@_94_94) 2018年3月20日 ツイッターのタイムラインで見かけたので書いた。 昔のキネティックアートみたいっすね。 float a = 0; int b = 12; float c = 0.1; int re = 100; void setup(){ size(500,500,P3D); …

【Processing】うねうね動くやつ

#Processing pic.twitter.com/SgA2MadasX — 94 (@_94_94) 2018年3月13日 94.hatenadiary.jp 昨日のコードをまたいじくった。 三角形を四角に。 それから背景に溶け込ませるように。 あとコードをちゃんと書き直した。 float a = 0; float n = 0.01; void set…

【Processing】キモい動きつくる

pic.twitter.com/mNTQPxnEqc — 94 (@_94_94) 2018年3月12日 94.hatenadiary.jp このコードを改変して作った。 回線弱かったから上げ直した。 我ながらキモくてうっとりしちゃう。 float a = 0; float n = 0.01; void setup(){ size(500,500); frameRate(30);…

【Processing】爬虫類の尻尾みたいなもの

#Processing pic.twitter.com/9p0UgqvPfI — 94 (@_94_94) 2018年3月10日 三角形を並べて動かしてたら爬虫類の尻尾みたいになった。 draw()の中でsetup()を関数として呼び出すことができる。 重複が多いからスマートな書き方じゃないけどね。 float a = 0; fl…

【Processing】rotateとfor

回転とforで遊ぶ。 中心のからの長さと距離をfor文の変数を使うとこうなる。 やりかけの確定申告のデータが飛んで強めの酒飲んでます。 やけくそプログラミング。

【制作】エオリアンハープを作る(3)

94.hatenadiary.jp 無事ダンボールで鳴った。 ダンボール製エオリアンハープは、弦の張力のためか、ベコベコになってしまった。 雨のせいもあるけど強度があまりないので、次は木で作ることにした。 木でエオリアンハープを作る 木で作るにあたって、全体の…

【Processing】曼荼羅 を動かす

94.hatenadiary.jp これを動かす。 int num = 36; float[] b = new float [num]; float[] c = new float [num]; //主に形のの大きさ float[] d = new float [num]; //線の太さ int s = 0; int max; void setup() { size(800, 800); background(255); for (in…

【Processing】曼荼羅

曼荼羅 #Processing pic.twitter.com/u5D0L181CV — 94 (@_94_94) 2018年2月17日 int a = int(random(10)); //フレームレート void setup(){ size(800,800); background(255); frameRate(a); //フレームごとに更新 } void draw(){ background(255); for(int i…

【Processing】背景処理をしない

パーティクルを使って、こういうことをしてみた。 部分的に背景処理をあえてやめてみたらどうなるか、、、と思ったけど結果が微妙だったので、いろんなこと試して、設定をブン曲げてこういう投稿に。 int NUM = 300; PVector[] p = new PVector[NUM]; //点p …

【Processing】sphereDetail()とsphere()とrotate()

#Processing pic.twitter.com/zzvacCCBbm — 94 (@_94_94) 2018年2月15日 openProcessingにあげてみたら色指定が対応していないのか緑で影が変な感じに... sphereDetail()とsphere()とrotate()をランダムでばばばば if(a%20 == int(random(10))){} こういう書…

【Processing】四角形でフラクタル を動かす

#Processing pic.twitter.com/PZJnkFuvvt — 94 (@_94_94) 2018年2月14日 float b = 0; void setup(){ size(500,500); background(255); } void draw(){ background(255); noStroke(); rectMode(CENTER); drawRect(width/2,height/2,b); b+=5; } void drawRec…