読者です 読者をやめる 読者になる 読者になる

Daily Creative Coding

元「30 min. Processing」。毎日、Creative Codingします。

決定論

三角形の色の流れ

/** * triangle color stream # 2 * * @author aadebdeb * @date 2017/03/03 */ function setup() { createCanvas(windowWidth, windowHeight); frameRate(20); } function draw() { background(240); var r = 150; var step = 15; var num = 20; var col = …

三角形の色のストリーム

/** * triangle color stream * * @author aadebdeb * @date 2017/03/02 */ function setup() { createCanvas(windowWidth, windowHeight); frameRate(5); } function draw() { background(64); var r = 150; var step = 50; var num = 10; var col = [ colo…

二重の輪

/** * double ring * * @author aadebdeb * @date 2017/03/01 */ function setup() { createCanvas(windowWidth, windowHeight); noStroke(); } function draw() { background(247, 248, 218); translate(width / 2, height / 2); var num = 20; var angStep…

重なる円と四角

/** * overlayed circles and triangles * * @author aadebdeb * @date 2017/02/20 */ var bgColor; var circleColor; var triangleColor; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100); frameRate(30); noS…

重なるCMYの円

/** * interlapping CMY circles * * @author aadebdeb * @date 2017/02/19 */ var colors; var isDarkest = true; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); noStroke(); colors = [ color(255, 255, 0), color(255, 0,…

広がる縞々の円

/** * expanding circular stripes * * @author aadebdeb * @date 2017/02/15 */ var circles = []; var isWhite = true; function setup() { createCanvas(windowWidth, windowHeight); frameRate(10); noStroke(); } function draw() { background(255); v…

波打つ花

/** * wavy flower * * @author aadebdeb * @date 2017/02/11 */ function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); } function draw() { background(25, 37, 72); stroke(160, 138, 35); fill(160, 138, 35); translate(width /…

ねじれたライン

/* * twisted lines * * @author aadebdeb * @date 2017/02/04 */ var colors; var type; function setup() { createCanvas(windowWidth, windowHeight); colors = [ color(255, 0, 0), color(0, 255, 0), color(0, 0, 255) ]; type = 0; } function draw() …

並んだ板

/** * boards in line * * @author aadebdeb * @date 2017/01/26 */ void setup(){ size(640, 480); rectMode(CENTER); fill(20); stroke(255, 251, 249); strokeWeight(4); } void draw(){ background(255, 251, 249); translate(width / 2, height / 2); i…

四角形のシーケンス

/** * sequence of rects * * @author aa_debdeb * @date 2017/01/23 */ color[] colors = { color(216, 36, 72), color(221, 163, 0), color(0), color(44, 182, 170), color(221, 163, 0), color(255) }; void setup(){ size(500, 500); frameRate(5); rec…

おもちゃのキラキラ

/** * toy twinckle * * @author aa_debdeb * @date 2017/01/22 */ int rectNum = 43; float rectSize = 10; color[] colors = { color(229, 10, 132), color(84, 195, 241), color(240, 235, 69), color(156, 202, 84), color(237, 109, 31), color(229, 10…

展開・縮小する弧

/** * expanding and closing arcs * * @author aa_debdeb * @date 2017/01/21 */ color[] colors = { color(0, 136, 164), color(175, 220, 222) }; void setup(){ size(500, 500); frameRate(6); noStroke(); } void draw(){ background(234, 239, 249); t…

パルスで律動する円

/** * pulse circle * * @author aa_debdeb * @date 2017/01/17 */ void setup(){ size(640, 640); noFill(); strokeWeight(2); } void draw(){ background(238, 243, 239); translate(width / 2, height / 2); float radius = 200; float step = 5; for(flo…

斜め線のフロー

/** * line floaw * * @author aa_debdeb * @date 2017/01/16 */ float STEP = 20; void setup(){ size(640, 640); noFill(); } void draw(){ background(39, 26, 32); for(float d = 0; d <= width * 2; d += STEP){ float diff = map(sin((d) * 0.03 - fra…

波状の円

/** * wavy circles * * @author aa_debdeb * @date 2017/01/10 */ void setup(){ size(640, 640); background(0, 0, 10); } void draw(){ fill(0, 0, 10, 100); noStroke(); rect(0, 0, width, height); translate(width / 2, height / 2); noFill(); for(i…

吸い込み口

/** * intake port * * @author aa_debdeb * @date 2017/01/07 */ int LOOP = 20; int ANGLE_NUM = 17; void setup(){ size(1000, 1000); } void draw(){ fill(0, 100); noStroke(); rect(0, 0, width, height); translate(width / 2, height / 2); rotate(-…

ローテーター

/** * rotators * * @author aa_debdeb * @date 2016/12/29 */ int LOOP = 50; int NUM = 12; int BOX_SIZE = 15; float SPHERE_SIZE = 120; void setup(){ size(500, 500, P3D); noStroke(); } void draw(){ background(#FCF1D3); translate(width / 2, hei…

三角形のループ

/** * triangle loop * * @author aa_debdeb * @date 2016/12/27 */ float MAX_RADIUS = 200; int LOOP = 120; color bg = color(219, 175, 184); color c1 = color(153, 14, 42); color c2 = color(220, 20, 60); void setup(){ size(500, 500); noStroke()…

ひっくり返る四角形

/** * rect flip * * @author aa_debdeb * @date 2016/12/24 */ int X_NUM = 5; int Y_NUM = 5; void setup(){ size(640, 640); rectMode(CENTER); noStroke(); fill(100); } void draw(){ background(230); translate(width / 2, height / 2); for(int y = …

円のループ

/** * loop of circles * * @author aa_debdeb * @date 2016/12/23 */ int NUM = 24; void setup(){ size(640, 640); noStroke(); } void draw(){ background(0, 0, 30); translate(width / 2, height / 2); for(int i = 0; i < NUM; i++){ float angle = i …

回転する三角形

/** * triangles * * @author aa_debdeb * @date 2016/12/20 */ int LOOP = 200; float radius = 70; void setup(){ size(500, 500); stroke(200); strokeWeight(3); fill(204, 204, 0); } void draw(){ background(0, 0, 30); translate(width / 2.0, heigh…

スライドイン / スライドアウト

/** * slide in / slide out * * @author aa_debdeb * @date 2016/12/19 */ int RECT_NUM = 5; float RECT_WIDTH = 35; float RECT_GAP = 80; int LOOP = 120; void setup(){ size(500, 500); rectMode(CENTER); noStroke(); fill(255); } void draw(){ back…

揺れる球

/** * swaying balls * * @author aa_debdeb * @date 2016/12/18 */ int LOOP = 120; int NUM = 24; void setup(){ size(500, 500); noStroke(); fill(255); } void draw(){ background(0); translate(width / 2, height / 2); for(int i = 0; i < NUM; i++)…

歯車

/** * gears * * @author aa_debdeb * @date 2016/12/17 */ float bigR = 100; float smallR = 90; float angleStep = 5; float time = 0.0; void setup(){ size(500, 500); } void draw(){ background(255); translate(width / 2, height / 2); float dist …

ぶつからずに規則的に移動するオブジェクト

/** * moving objects * * @author aa_debdeb * @date 2016/12/14 */ int LOOP = 50; float rectSize = 12; float gap = 50; void setup(){ size(500, 500); rectMode(CENTER); } void draw(){ background(255, 255, 204); noStroke(); fill(0); int time = …

ストライプにズームインする

/** * zoom in to stripe * * @author aa_debdeb * @date 2016/12/13 */ int LOOP = 600; void setup(){ size(640, 480); rectMode(CENTER); noStroke(); fill(255); } void draw(){ background(0); float time = frameCount % LOOP; float lineWidth = map(…

市松模様にズームインする

/** * zoom in to checkerboard * * @author aa_debdeb * @date 2016/12/12 */ int LOOP = 300; void setup(){ size(500, 500); rectMode(CENTER); } void draw(){ background(255); float time = frameCount % LOOP; float centerX = map(time, 0, LOOP - 1…

くるくる回る円

/** * flip-flop * * @author aa_debdeb * @date 2016/12/11 */ int CIRCLE_NUM = 10; float CIRCLE_SIZE = 50; color bg, c1, c2; void setup(){ size(500, 500); mousePressed(); } void mousePressed(){ c1 = color(random(255), random(255), random(255…

反復しながら線を描く

/** * line repeat * * @author aa_debdeb * @date 2016/12/10 */ void keyPressed(){ saveFrame("images/image.jpg"); } float RADIUS = 200; float speed1, speed2, speed3; color c1 = color(255, 100, 100); color c2 = color(255); void setup(){ size(…

画面の分割

/** * screen breakup * * @author aa_debdeb * @date 2016/12/09 */ int LOOP = 60; int rectNum = 0; boolean state = true; void setup(){ size(500, 500); rectMode(CENTER); noStroke(); } void draw(){ int step = frameCount % LOOP; if(step == 0){ …

順に反転する円

/** * reverse * * @author aa_debdeb * @date 2016/12/04 */ float ELLIPSE_SIZE = 10; float edge = 0; float edgeSpeed = 4; color c1, c2; void setup(){ size(500, 500); mousePressed(); } void mousePressed(){ c1 = color(random(255), random(255),…

円弧と四角

/** * arc & rect * * @author aa_debdeb * @date 2016/11/23 */ int X =25; int Y = 25; float step = 20; void setup(){ size(500, 500); noStroke(); fill(248, 248, 255); } void draw(){ background(255, 180, 0); for(int x = 0; x < X; x++){ for(int…

重なり、離れていく円

/** * color rotars * * @auhtor aa_debdeb * @date 2016/11/22 */ int X =10; int Y = 10; float step = 50; void setup(){ size(500, 500); colorMode(HSB, 360, 100, 100); noStroke(); fill(0); } void draw(){ background(0, 0, 100); for(int x = 0; x …

リングの上で回転する線がつくるパターン #5

patterns by lines on ring #5 - OpenProcessing /** * patterns by lines on ring #5 * * @author aa_debdeb * @date 2016/11/15 */ float radius = 150; float bar = 150; int barNum; float barSpeed; int rotNum; float rotSpeed; color bg, sr; void se…

リングの上で回転する線がつくるパターン #4

patterns by lines on ring #4 - OpenProcessing /** * patterns by lines on ring #4 * * @author aa_debdeb * @date 2016/11/14 */ float radius = 150; float bar = 150; int step = 0; void setup(){ size(640, 640); stroke(20, 150); } void draw(){ b…

リングの上で回転する線がつくるパターン #3

patterns by lines on ring #3 - OpenProcessing /** * patterns by lines on ring #3 * * @author aa_debdeb * @date 2016/11/13 */ float radius = 150; float bar = 180; int step = 1; void setup(){ size(640, 640); stroke(20, 150); } void draw(){ b…

リングの上で回転する線がつくるパターン #2

patterns by lines on ring #2 - OpenProcessing /** * patterns by lines on ring #2 * * @author aa_debdeb * @date 2016/11/11 */ float radius = 150; float bar = 150; int step = 0; void setup(){ size(640, 640); } void draw(){ background(30); tr…

リングの上で回転する線がつくるパターン #1

patterns by lines on ring #1 - OpenProcessing /** * patterns by lines on ring #1 * * @author aa_debdeb * @date 2016/11/10 */ float radius = 150; float bar = 150; int step = 0; void setup(){ size(640, 640); stroke(20); } void draw(){ backgr…

点群のドーナッツリング

doughnut ring by points - OpenProcessing /** * doughnut ring by points * * @author aa_debdeb * @date 2016/11/05 */ float radius1 = 150; float radius2 = 75; void setup(){ size(500, 500); noStroke(); } void draw(){ fill(0, 100); rect(0, 0, w…

層が回転しながら入れ替わるリング

two-layered ring - OpenProcessing /** * two-layered ring * * @author aa_debdeb * @date 2016/11/04 */ float radius1 = 125; float radius2 = 50; void setup(){ size(500, 500); noStroke(); } void draw(){ fill(0, 150); rect(0, 0, width, height);…

三日月ルーパー

crescent looper - OpenProcessing /** * crescent looper * * @author aa_debdeb * @date 2016/10/21 */ color c1, c2, c3; void setup(){ size(640, 640); strokeWeight(2); mousePressed(); } void mousePressed(){ c1 = color(random(255), random(255),…

うねる輪

/** * rolling ring * * @author aa_debdeb * @date 2016/10/03 */ int num = 100; float radious = 130; float breadth = 75; void setup(){ size(640, 640, P3D); } void draw(){ background(30); stroke(255); strokeWeight(2); fill(0, 255, 255, 170); …

さやえんどう

/** * pea * * @author aa_debdeb * @date 2016/10/02 */ void setup(){ size(640, 480); } void draw(){ background(0); stroke(0, 255, 0); strokeWeight(50); line(120, height / 2, 520, height / 2); stroke(0); strokeWeight(40); line(120, height / …

揺れる重なった正方形

/** * waving multi-layered squares * * @author aa_debdeb * @date 2016/09/26 */ void setup(){ size(500, 500); rectMode(CENTER); fill(30); stroke(220); } void draw(){ background(220); translate(width / 2, height / 2); for(int i = 0; i <= 40;…

円の上を回転する円

/** * cirlces on circles * * @author aa_debdeb * @date 20160902 */ int NUM = 30; float RADIOUS = 100; void setup(){ size(500, 500); background(0); } void draw(){ fill(0, 30); noStroke(); rect(0, 0, width, height); noFill(); stroke(255, 100…

4つの正方形上を動く円

/** * four moving circles * * @author aa_debdeb * @date 2016/08/31 */ PVector[] vertices; float pos = 75; void setup(){ size(500, 500); fill(0, 75, 77); stroke(0, 206, 209); strokeWeight(30); vertices = new PVector[4]; vertices[0] = new PV…

4つの回転する正方形

/** * four spining squares * * @author aa_debdeb * @date 2016/08/29 */ void setup(){ size(500, 500); rectMode(CENTER); fill(255, 128, 234); stroke(255); strokeWeight(20); } void draw(){ background(127, 255, 212); translate(width / 2, heigh…

ひし形を連ねる

/** * chain of diamonds * * @author aa_debdeb * @date 2016/08/25 */ float rectSize = 20; void setup(){ size(500, 500, P3D); rectMode(CENTER); noFill(); stroke(255); } void draw(){ background(0); for(int x = 0; x * rectSize + rectSize / 2 <…

多環の球

/** * multi-ringed sphere * * @author aa_debdeb * @date 2016/08/22 */ float step = 5; color c1 = color(0, 206, 209); color c2 = color(255, 215, 0); void setup(){ size(500, 500, P3D); noFill(); } void draw(){ background(0); translate(width …

疎密波

/** * compressional wave * * @author aa_debdeb * @date 2016/08/20 */ void setup(){ size(640, 480); rectMode(CENTER); noStroke(); fill(0); } void draw(){ background(255); translate(width / 2, height / 2); for(float x = -200; x <= 200; x += …