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){ …