



coded landscapes using p5.js
Coding is really new to me but I found myself playing with p5.js everyday after the order chaos exercise. It is somewhat addicting, perhaps because its interactive and surprising when the method used is just trial and error.
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; -webkit-text-stroke: #000000} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Helvetica Neue'; -webkit-text-stroke: #000000; min-height: 14.0px} span.s1 {font-kerning: none}
function setup() {
createCanvas(1000, 600);
}
function draw() {
background(225,215,225);
circle (200,200,200)
noStroke ()
}
previous.x = current.x;
previous.y = current.y;
function draw() {
let x = mouseX;
let y = mouseY;
let ix = width - mouseX; // Inverse X
let iy = height - mouseY; // Inverse Y
fill(220, 230, 230);
noStroke ()
ellipse(x, height/2, y, y);
fill(30, 220);
ellipse(ix, height/2, iy, iy);
}
function mousePressed() {
next = 10;
painting = true;
previous.x = 34;
previous.y = 4;
paths.push(new Path());
}
Leave a Reply