Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
p5js-week-02 [2023/07/08 20:00] – renickp5js-week-02 [2023/07/11 22:46] (current) – reina.chen
Line 259: Line 259:
 </HTML> </HTML>
  
-We'll think much more about the <color black/pink>draw</color> function, animation, and related issues in future lessons.+We'll think much more about the [[p5js-week-02#draw_function_and_frame_rate|draw]] function, animation, and related issues in future lessons.
  
 ==== making a function called earth ==== ==== making a function called earth ====
Line 271: Line 271:
 Here, we make a new function: write the function keyword, write a function name (in this case, earth), use parentheses to write some arguments (no arguments in this case), and put the function calls that draw the earth inside the function body (inside the curly braces). Here, we make a new function: write the function keyword, write a function name (in this case, earth), use parentheses to write some arguments (no arguments in this case), and put the function calls that draw the earth inside the function body (inside the curly braces).
  
-Then we can call the function in the <color black/pink>draw</color> function by writing this:+Then we can call the function in the [[p5js-week-02#draw_function_and_frame_rate|draw]] function by writing this:
  <code>  <code>
 earth () earth ()
Line 282: Line 282:
 </HTML> </HTML>
  
-We add arguments for xPosition and yPosition, and then add these numbers to all of the arguments inside the body of the function that control xPosition and yPosition. Then, in the <color black/pink>draw</color> function where we call the earth function, we can use arguments that control the position. Try changing the arguments and then re-running the code. You'll see that the earth moves!+We add arguments for xPosition and yPosition, and then add these numbers to all of the arguments inside the body of the function that control xPosition and yPosition. Then, in the [[p5js-week-02#draw_function_and_frame_rate|draw]] function where we call the earth function, we can use arguments that control the position. Try changing the arguments and then re-running the code. You'll see that the earth moves!
  
 That's more useful, but now let's see another advantage of having our own function. Let's make several earths! That's more useful, but now let's see another advantage of having our own function. Let's make several earths!
  • p5js-week-02.1688871645.txt.gz
  • Last modified: 21 months ago
  • by renick