xxxxxxxxxx
89
function setup() {
createCanvas(640, 640);
frameRate(30);
pixelDensity(1);
createLoop({ duration:3, gif:false });
}
function draw() {
background(242, 240, 203);
heart(40,40);
//first for loop
var x1=0
var x2=150
var y1= height/2 +sin(animLoop.theta)*10
var y2=height/1.5 +sin(animLoop.theta)*20
noStroke();
fill(133, 42, 42);
rect(x1,y1,8,8,250);
rect(x2,y2,8,8,250);
for (x=x1; x<x2; x++) {
fill(map(x, x1,x2,0,133),map(x, x1,x2,0,42),map(x,x1,x2,0,42));
rect(x,map(cos(map(x, x1,x2, 0,PI)), 1,-1, y1,y2) ,8,8,250);
}
//second for loop
fill(209, 204, 69);
rect(150,y2,8,8,250);
rect(240,y1,8,8,250);
for (x=150; x<240; x++) {
fill(map(x, 150,240,133,209),map(x, 150,240,42,204),map(x, 150,240,42,69));
rect(x,map(cos(map(x,150,240, PI,0)), 1, -1,y1,y2) ,8,8,250);
}
//third for loop
y3= 640/2 +sin(animLoop.theta)*10
y4= 60 +sin(animLoop.theta)*40
fill(150, 223, 250);
rect(240,y3,8,8,250);
rect(350,y4,8,8,250);
for (x=240; x<350; x++) {
fill(map(x, 240,350,209,150),map(x, 240,350,204,223),map(x, 240,350,69,250));
rect(x,map(cos(map(x,240,350, PI,0)), -1,1, y3,y4),8,8,250);
}
//fourth for loop
y5= 540 +sin(animLoop.theta)*40
fill(118, 55, 128);
rect(350,y4,8,8,250);
rect(500,y5,8,8,250);
for (x=350; x<500; x+=.5) {
fill(map(x, 350,500,150,118),map(x, 350,500,223,55),map(x, 350,500,250,128));
rect(x,map(cos(map(x,350,500, PI,0)), -1,1, y4,y5),8,8,250);
}
//fifth for loop
y6=height/2+sin(animLoop.theta)*10
fill(0,0,0);
rect(500,y5,8,8,250)
rect(640,y6,8,8,250);
for(x=500; x<640; x+=.5) {
fill(map(x, 500,640,118,0),map(x, 350,500,55,0),map(x, 500,640,128,0));
rect(x,map(cos(map(x,500,640, PI,0)), -1,1,y5,y6),8,8,250);
}
function heart (x, y) {
// fill("pink");
// rect(240,300,50,20,1);
// fill("magenta")
// rect(240,300,20,50,1);
fill(250, 200, 231);
for (r=20; r<800; r=r+160) {
rect(r,420,90,20,140);
}
fill(270, 200, 231);
for (r2=0; r2<800; r2=r2+120) {
rect(r2, 320, 100, 20, 140)
}
fill(300, 200, 231);
for (r2=0; r2<800; r2=r2+120) {
rect(r2, 220, 100, 20, 140)
}
}
}