Differences

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

--- p5js-photos [2024/02/22 01:12] – renick
+++ p5js-photos [2024/03/13 08:01] (current) – renick
@@ Line 12: / Line 12: @@
 {{::p5js-upload-photo.png|}}
+Then click the 'plus' button to add media like png or jpg images.
+{{::p5js-upload-photo-2-edit.png|}}
 ==== displaying the image ====
-The loadImage function lets us get the image into p5js, and the image function lets us display it. It's like this:
+The loadImage function lets us get the image into p5js, and the image function lets us display it. It's like this. To see the code, open the sketch in another tab or window by right clicking on the sketch name at the top of the iframe.
 <HTML>
@@ Line 27: / Line 31: @@
 <HTML>
 <iframe src="https://editor.p5js.org/renick/full/BojYOjuLw" width=99% height=800></iframe>
+</HTML>
+==== repeating part of the image ====
+We can repeat that part of the image easily using the Point class and the buildArray tools that we have studied earlier. Take a look at how this works:
+<HTML>
+<iframe src="https://editor.p5js.org/renick/full/nJi9YjUap" width=99% height=800></iframe>
 </HTML>