/** * sweep bubbles #2 * * @author aadebdeb * @date 2017/03/16 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); easingVariables = []; circles = []; for (var i = 0; i < 1000; i+…
/** * sweep bubbles * * @author aadebdeb * @date 2017/03/15 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); easingVariables = []; circles = []; for (var i = 0; i < 500; i++) {…
/** * touchable bubbles * * @author aadebdeb * @date 2017/03/14 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100, 100); frameRate(30); easingVariables = []; circl…
/** * expanding circles * * @author aadebdeb * @date 2017/03/13 */ var eventManager; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); eventManager = new EventManager(); for (var i = 0; i < 100; i++) { eventManager…
/** * expanding lines by mouse click * * @author aadebdeb * @date 2017/03/12 */ var eventManager; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); eventManager = new EventManager(); } function draw() { eventManage…
/** * fall from ceiling * * @author aadebdeb * @date 2017/03/11 */ var offset; var shows; var actionFrames = 15; var counter = 0; function setup() { createCanvas(windowWidth, windowHeight); frameRate(60); offset = random(10000); event= fal…
/** * noisy perlin noise * * @author aadebdeb * @date 2017/03/10 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.004; var noffsetX = random(10000); var noffsetY = ra…
/** * modulated perlin noise * * @author aadebdeb * @date 2017/03/09 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.01; var noffsetX = random(10000); var noffsetY =…
/** * modulated perlin noise * * @author aadebdeb * @date 2017/03/08 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.002; var nbaseX = random(10000); var nbaseY = ra…
/** * distorted perline noise #3 * * @author aadebdeb * @date 2017/03/07 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { background(0); noStroke(); var ndw = random(10000); var ndh…
/** * distorted perline noise #2 * * @author aadebdeb * @date 2017/03/06 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { background(0); noStroke(); var ndistort = random(10000); va…
/** * distorted perline noise * * @author aadebdeb * @date 2017/03/05 */ function keyPressed(){ saveCanvas("image.jpg", "jpg"); } function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { backg…
/** * intersection points of circles * * @author aadebdeb * @date 2017/03/04 */ var circles; function setup() { createCanvas(windowWidth, windowHeight); circles = []; for (var i = 0; i < 30; i++) { circles.push(new Circle()); } } function …
/** * 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…
/** * blurred line * * @author aadebdeb * @date 2017/02/28 */ var c1, c2, cl, clv; var tx, ty, vx, vy; function setup() { createCanvas(300, 300); frameRate(3); strokeWeight(1); initialize(); } function mousePressed() { initialize(); } func…
/** * eroded ring * * @author aadebdeb * @date 2017/02/27 */ var particles; function setup() { createCanvas(500, 300); frameRate(3); particles = []; for (var i = 0; i < 1000; i++) { particles.push(new Particle()); } background(0); noStroke…
/** * dilating background * * @author aadebdeb * @date 2017/02/26 */ function setup() { createCanvas(500, 500); colorMode(HSB, 360, 100, 100); background(0, 0, 100); } function draw() { noStroke(); if (random(1) < 0.8) { fill(random(360), …
/** * line belts * * @author aadebdeb * @date 2017/02/25 */ var posW = 0; var posH = 0; var posVW; var posVH; var posAW; var posAH; var numY = 50; var intervalH; var posAWOffset, posAHOffset; var stColor; function setup() { createCanvas(wi…
/** * fiber lights * * @author aadebdeb * @date 2017/02/24 */ function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100, 255); frameRate(10); background(0, 100, 0); } function draw() { blendMode(BLEND); fill(…
/** * sky ball * * @author aadebdeb * @date 2017/02/23 */ var canvas; function setup() { canvas = createCanvas(500, 500); } function draw() { background(255); noStroke(); fill(0, 130, 200); ellipse(width / 2, height / 2, width, height); va…
/** * sheared squares * * @author aadebdeb * @date 2017/02/22 */ var speed; function setup() { createCanvas(windowWidth, windowHeight); frameRate(15); rectMode(CENTER); speed = 0; } function draw() { var pspeed = speed; speed = mouseX - pm…
/** * two-point perspective * * @author aadebdeb * @date 2017/02/21 */ function setup() { createCanvas(windowWidth, windowHeight); background(255); stroke(200); strokeWeight(1); frameRate(1); } function draw() { var w = random(width / 8, w…
/** * 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…
/** * 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,…
/** * fragile triangles * * @author aadebdeb * @date 2017/02/18 */ var particles; var fillColors; var nOffsetX, nOffsetY, nOffsetSize; var nScale = 0.001; function setup() { createCanvas(windowWidth, windowHeight); nOffsetX = createVector(…
/** * triangle birds * * @author aadebdeb * @date 2017/02/17 */ var particles; var fillColors; function setup() { createCanvas(windowWidth, windowHeight); fillColors = [ color(113, 199, 209), color(212, 211, 202), color(230, 26, 105) ]; fr…
/** * triangle tapes * * @author aadebdeb * @date 2017/02/16 */ var particles; var bgColor; var fillColors; function setup() { createCanvas(windowWidth, windowHeight); frameRate(10); bgColor = color(254, 247, 242); fillColors = [ color(240…
/** * 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…