Processing

【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…

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

void setup(){ size(500,500); background(255); } void draw(){ background(255); noStroke(); drawRect(0,0,width); } void drawRect(float x,float y, float hi){ float wi = hi; fill(map(hi,width,0,230,0)); rect(x,y,wi,hi); if(hi>1){ translate(x,h…

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

#Processing pic.twitter.com/rfOP7UqQSn — 94 (@_94_94) 2018年2月12日 PImage img; //画像のオブジェクトを宣言 float a = 0.001; int y = 0 ; //ペースト位置y int y2; //ペースト位置y int area = 100; int start = -area; void setup(){ img = loadImag…

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

PImage img; //画像のオブジェクトを宣言 float x = 0; //ペースト位置x int y = 0; //ペースト位置y img = loadImage("snj.jpg"); //画像をロードする size(559,800); //画面サイズ image(img,0,0); //画像を表示 for(int i = 0 ; i < 200 ; i++ ){ y = 250…

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

#Processing pic.twitter.com/ZBkXxfqX0A — 94 (@_94_94) 2018年2月7日 copy()を使ってこんなの作れるかなーと思って書いてみたらできた。 copy(コピー起点x,コピー起点y,起点からの範囲x,起点からの範囲y, 貼り付けx,貼り付けy,貼り付け範囲x,貼り付け範囲y…

【Processing】円でフラクタル。を動かす

94.hatenadiary.jp 次は動かした。 #Processing pic.twitter.com/Nv4mlpa99M — 94 (@_94_94) 2018年2月6日 float a = 0; void setup(){ size(800,800); background(255); smooth(8); } void draw(){ background(255); drawCircle(width/2,height/2,300); if(…

【Processing】noise

int NUM= 500; float[] x = new float[NUM]; float[] y = new float[NUM]; float[] noiseX = new float[NUM]; float[] noiseY = new float[NUM]; color c; void setup(){ size(500,500); background(0); colorMode(HSB,360,100,100,100); c = color(random(3…

【Processing】円でフラクタル

よくあるやつを少しいじった void setup(){ size(800,800); } void draw(){ background(255); drawCircle(width/2,height/2,400); } void drawCircle(float x,float y, float radius){ stroke(1); ellipse(x,y,radius,radius); if(radius>10){ drawCircle(x …

【Processing】回るものを起点に回るものを起点に回るものを起点に回るものを起点に回るものを...

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

pic.twitter.com/K3mqUCLD0X — 94 (@_94_94) 2018年1月23日 int num = 200; PImage[] img = new PImage[num]; // 画像の変数 float[] sz = new float[num]; //サイズのための変数 float[] x = new float[num]; //xのための変数 float[] y = new float[num]; …

【Processing】パーリンノイズで雲をかく

二次元ノイズで空と雲を書いた。 マウスクリックで雲の量がランダムになる。晴れ多め。

【Processing】3択でジェネる

int a = int(random(3));//3択 こうすると整数1~3を1/3の確率で返す。

【Processing】2点のピクセル情報を取得して、平均値をとる

pic.twitter.com/uRiS5ckcCx — 94 (@_94_94) 2018年1月15日 //2点のピクセルの平均値をとって描画に使う PImage img; //画像のオブジェクトを宣言 int moza; //モザイクの大きさための変数 int a = 0; void setup(){ img = loadImage("bg.jpg"); //画像をロ…

【Processing】三次元ノイズ

94.hatenadiary.jp これの発展。 noise(x,y,z)と書くことで、三次元ノイズ値を取得できる。 今はいびつな円だけど、次は面を作りたい。

【Processing】円形にくり抜く

自分への宿題で書いた。こういうのイラレだとパスファインダーですぐできるけどProcessingだとそうはいかない。 円形にくり抜く表現をするために、丸い窓のようなものを書いた。kurinuki()っていう関数を自分で作って、forでたくさん使用した。vertexで書い…

【Processing】 switch()を使って描画を切り替える

switch()について何度も説明することがあった。 わかりやすく使っている例が見つからなかったので、書いた。画面切り替える系のプログラムだと、これはとっても便利。 これは円の座標や大きさなどの数値を保持したまま切り替わるようになっている。どの変数…

【Processing】画像からピクセル情報を取得してRGBの位相を変えてみる

//位相を変えてみる PImage img; //画像のオブジェクトdogを宣言 float moza; //モザイクの大きさための変数 size(1386,1614); //画面サイズ img = loadImage("a.png"); //画像をロードする background(0); moza = 1; //モザイクのマス目分だけ繰り返す imag…

【Processing】画像を壊す

元画像 2フレームめ 26フレームめ //画像を壊す PImage myImage; String sourceImageName = "03.JPG"; String glitchedImageName = "glitchTest6.jpg"; void settings() { myImage = loadImage(sourceImageName); size(myImage.width, myImage.height, P2D);…

【Processing】画像からピクセル情報を取得して描画する (データモッシュ風)

ピクセル取得して描画。 image()と組み合わせてデータモッシュ風にした。 PImage img; //画像のオブジェクトdogを宣言 float moza; //モザイクの大きさための変数 size(4000,3000); //画面サイズ img = loadImage("river.JPG"); //画像をロードする backgrou…

【Processing】画像からピクセル情報を取得して描画する

※アップロードに時間がかかるのでリサイズしました。 //モザイク処理をする、明るさの計算 PImage img; //画像のオブジェクト float moza; //モザイクの大きさための変数 float b = 0;//明るさの変数 size(3648,2736); //画面サイズ img = loadImage("ishiga…

【Processing】Processingで干支の犬をかく

年賀状出さないけど、きたものには返すことにしている。 今年も届いたので作るんだけど、せっかくなんでProcessingで犬を描くことにした。 Processingで作る意義として、色と顔とサイズがそれぞれ若干異なる犬を生成できるようにした。 void setup(){ size(1…

【Processing】illustratorとProcessingでライブアニメーション

#illustrator と #Processing でライブアニメーション(絵は残念ですが) pic.twitter.com/mfU3qX1MX7 — 94 (@_94_94) 2017年12月31日 これはProcessing Advent Calendar 2017 - Qiitaの25日目の記事です。(大晦日にインチキしました) リアルタイムで絵を動…

【Processing】Processingで錯視図形っぽいもの

錯視画像とか好きなので、そういうの作れないかなーと思って書いて見た。 白と黒の縁を交互に描画しているだけだが、隣り合う円との距離や動きによって奥行きを持った三角錐として知覚できる。 今は少しゆがんで見えるが、円の配置を工夫することで、ねじれ…

【Processing】Processingで二次元ノイズ

このコードはProcessingの名著、GENERATIVE DESIGNに乗っている作品を参考にした。 アメーバのようなものがうねうね動きながらマウスについてくるやつ。 書籍に乗っているソースコードではrandom()を使って書いているけど、 noise()を使ってできないかなと思…

【Processing】アンパンマンのコードを改造する

なんかやろうと思って、先日のアンパンマンのProcessingコードを改造した。 鼻をクリックしたら腐って落ちる、と言うシンプルなもの。 すでにできてあるコードを書き換えたので、stateという変数を使って if文で制御しているけど、switch()を使ってもいいか…

はてなブログに投稿する練習。いろいろとブログに貼ってみる

そもそもブログ自体に慣れていないので、扱い方に慣れる必要がある。 これから色々進捗を紹介するには色々なメディアを貼れるようにならなくてはいけないので練習してみる。 原始人のような内容。 画像 貼れた。 動画 貼れなかった。 youtubeとかにあげてリ…