xxxxxxxxxx
62
// rotation learned from http://learn.digitalharbor.org/courses/creative-programming/lessons/p5-js-transformations-rotate/
// let angle = 0;
let one=[];
function setup() {
// frameRate(5);
createCanvas(400, 400);
angleMode(DEGREES);
for (let i=0; i<10;i++)
{
one[i] = new Flower(random(90,100),);
one[i].print_pos();
}
}
function draw() {
// background(0);
for (let i=0; i<10;i++)
{
one[i].build();
}
// noStroke();
// translate(random(100,200),random(100,200));
// rotate(angle);
// rectMode(CENTER);
// fill(255, 0, 100);
// rect(0, 0, 20, 20*2);
// rect(0, 0, 20*2, 20);
// angle = angle + 1;
}
class Flower{
constructor(pos){
this.width=random(10,30);
this.current_angle = 0;
this.posY = pos;
this.posX = pos;
}
rotate(){
this.current_angle = this.current_angle + 1;
}
print_pos(){
print(this.posY, this.posX)
}
build(){
this.rotate();
translate(this.posY,this.posX);
rotate(this.current_angle);
rectMode(CENTER);
fill("#81D2C7");
noStroke();
strokeWeight(2);
stroke("#74bdb3"); //or #416788
rect(0, 0, 20, 20*2, 20);
rect(0, 0, 20*2, 20,20);
}
}