top of page
Search

December second post

  • Writer: Chelsea Yang
    Chelsea Yang
  • Jan 8, 2021
  • 1 min read

Updated: Feb 5, 2021

This week, I explored how to create motion that creates a flip book or animation. A set of similar images are presented at a fast rate for our brains to translate them into motion. I explored the process of creating smooth motion by running frame rates, how many frames are drawn each second. I found out that a program draws 60 frames each second, in which the program runs the entire code inside draw() 60 times each second. This frame rate can also change the speed at which the program runs, through entering the new rate in the parameter. When there is no parameter passed in, it returns the current frame rate.


The shape can also move simultaneously after its rotation period ends. A shape could also bounce off the wall from left to right, without disappearing out of the frame. We can animate a shape to move from one coordinate to another. The start and stop position can be set up, and the in between(tween) positions at each frame can be calculated in order for the shape to stay in frame.


ree
ree

 
 
 

Recent Posts

See All
Interview

While searching for an interviewee who has interest and understanding in the field of computer science and art, I approached Carol Wang...

 
 
 

Comments


Post: Blog2_Post

Citation: Make: Getting Started with p5.js by Lauren McCathy, Casy Reas, and Ben Fry. Copyright 2015 Maker Media, Inc., 978-1-457-18677-6.

©2020 by Chelsea STEAM 10. Proudly created with Wix.com

bottom of page