Differences

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

Link to this comparison view

Both sides previous revision Previous revision
p5js-week-09 [2023/06/26 01:05] reina.chenp5js-week-09 [2023/06/29 22:48] (current) reina.chen
Line 115: Line 115:
 (photo from https://www.flickr.com/photos/30478819@N08/50322224721) (photo from https://www.flickr.com/photos/30478819@N08/50322224721)
  
-You've learned about the setup and draw functions.+You've learned about the <color black/pink>setup</color> and <color black/pink>draw</color> functions.
  
 You know how to use some basic shapes like rect and ellipse; these use x and y coordinates for their positions. You know how to use some basic shapes like rect and ellipse; these use x and y coordinates for their positions.
Line 121: Line 121:
 We made a Point class to make positions and changing them easier. We made a Point class to make positions and changing them easier.
  
-You've learned about fill and stroke, and you know how to use a color picker to find the numbers for colors that you want to use. We learned about RGB color values and HSL color values (go back and review lesson 2).+You've learned about fill and stroke, and you know how to use a color picker to find the numbers for colors that you want to use. We learned about <color black/pink>RGB color values</color> and <color black/pink>HSL color values</color> (go back and review lesson 2).
  
 You know how to draw text in p5js, including adding text that tells you where the mouse is. You know how to draw text in p5js, including adding text that tells you where the mouse is.
  
-We also learned how to make not only triangles but other shapes using our own randomShape function. That required using beginShape and endShape.+We also learned how to make not only triangles but other shapes using our own randomShape function. That required using <color black/pink>beginShape</color> and <color black/pink>endShape</color>.
  
-We learned how to move the shapes and rotate them using transform and rotate, and we also learned how to get back to the original rotation and size using resetMatrix.+We learned how to move the shapes and rotate them using <color black/pink>transform</color> and <color black/pink>rotate</color>, and we also learned how to get back to the original rotation and size using <color black/pink>resetMatrix</color>.
  
 ===== finishing your latest drawing and getting all your work on the wiki ===== ===== finishing your latest drawing and getting all your work on the wiki =====
  • p5js-week-09.txt
  • Last modified: 9 months ago
  • by reina.chen