https://editor.p5js.org/reonluck/sketches/3eOf1uD-m
Working Process
The current assignment is executed within the prescribed framework. In general, this work is divided into three parts, constructor() function, update() function and display() function.
The constructor() function mainly undertakes the setting of variables, such as the initial x and y coordinates, rotation angle variables, x and y offset coordinates, etc.
The update() function is used to set the motion function, where I set two rotation functions and two map functions to simulate the cat’s hand and body movements.
The display() function is used to construct the overall shape of the cat such as the cat’s ears, acrobatic ball, tie and arms, limbs, etc.
The acrobatic ball setup is relatively interesting, I utilized two translate functions and used the framecount function to achieve the acrobatic ball movement.
Reflection
In this work, I practiced the map function and rotate function and used the newly learned class function to build the dancing cat.
The most difficult part should be the design of the direction of movement. I originally wanted to make the arm extend the rotation of the vertex to do acrobatic movements, but the actual effect was not good, so I followed the method of xoffset from the class and used yoffset to increase the up and down translation of the arm to get a relatively good effect.