drawing with javascript ['p5js', 'animation'] Kitten Wagging
I made my cute little kitten move!
All about kitten wagging
Kitten wagging is so cute!
It was the 2nd animation I ever made
How I made it
I made a bunch of different sized rectangles, like square-like ones and narrow ones.
Then I filled it in with its exact colour.
I also made a cute bush, and it made the picture look better!
function setup() {
createCanvas(150, 161).parent("container");
frameRate(4);
}
function draw() {
background(240, 0, 110);
fill(0, 200, 0);
rect(0, 130, 150, 32); // bush
fill(197, 77, 255);
rect(20, 40, 60, 60); // head
fill(255, 255, 255);
rect(60, 60, 10, 20); // right eye
rect(30, 60, 10, 20); // left eye
fill(0, 0, 0);
rect(30, 60, 10, 10); // left pupil
rect(60, 60, 10, 10); // right pupil
fill(197, 77, 255);
rect(20, 30, 20, 10); // down left ear
rect(30, 20, 10, 10); // up left ear
rect(60, 30, 20, 10); // down right ear
rect(60, 20, 10, 10); // up right ear
rect(40, 100, 30, 50); // left body
rect(70, 120, 20, 30); // right body
stroke(197, 77, 255);
rect(41, 121, 48, 28); // long colouring body
stroke(0, 0, 0);
rect(30, 150, 10, 10); // foot
rect(40, 150, 10, 10); // foot
rect(80, 150, 10, 10); // foot
rect(90, 150, 10, 10); // foot
if (frameCount % 2 == 0) {
rect(100, 70, 10, 20); // up tail
}
else {
rect(90, 70, 10, 20); // up tail
}
rect(90, 90, 10, 30); // down tail
}