Misc fixes! (#63)

py5coding · Dec 30, 2022 · 1d38c53 · 1d38c53
1 parent 039e8f8
commit 1d38c53
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 4 deletions.
diff --git a/tutorials/images/variables/arithmetic-operators-symbol-reveal.png b/tutorials/images/variables/arithmetic-operators-symbol-reveal.png
diff --git a/tutorials/intro_to_py5_and_python_03_variables_and_data_types.ipynb b/tutorials/intro_to_py5_and_python_03_variables_and_data_types.ipynb
@@ -141,7 +141,7 @@
     "y = 30\n",
     "w = 20\n",
     "h = w\n",
-    "<img srect(x,y, w,h)"
+    "rect(x,y, w,h)"
    ]
   },
   {

diff --git a/tutorials/intro_to_py5_and_python_03_variables_and_data_types.md b/tutorials/intro_to_py5_and_python_03_variables_and_data_types.md
@@ -66,7 +66,7 @@ x = 1 # Declaring a variable called x and assigning 1 to it
 y = 30
 w = 20
 h = w
-<img srect(x,y, w,h)
+rect(x,y, w,h)
 ```
 
 <img src='images/variables/rect.png'>

diff --git a/tutorials/intro_to_py5_and_python_04_drawing_complex_shapes.ipynb b/tutorials/intro_to_py5_and_python_04_drawing_complex_shapes.ipynb
@@ -15,6 +15,7 @@
     "\n",
     "To better understand coordinates themselves, it can be easier if you have a visual guide. You can take this grid image and place it as a background in your py5 sketches (if you're using them somewhere on your computer) to make things easier. If you're using an online environment to play with py5, you'll instead want to link to the entire URL of the image so that py5 can find it.\n",
     "\n",
+    "<img src=\"images/complex_shapes/grid.png\">\n",
     "<a href=\"images/complex_shapes/grid.png\">grid.png</a>\n",
     "\n",
     "You can place images in the same local folder as your py5 sketch in order to load them - `.gif`, `.jpg`, `.png` and `.tga` file types are all supported. (Many operating systems hide file extensions by default, so you're encouraged to hunt around and find out how to enable them in yours!) \n",

diff --git a/tutorials/intro_to_py5_and_python_04_drawing_complex_shapes.md b/tutorials/intro_to_py5_and_python_04_drawing_complex_shapes.md
@@ -22,6 +22,7 @@ Two types of curves well-known in mathematics and visualization are inherently u
 
 To better understand coordinates themselves, it can be easier if you have a visual guide. You can take this grid image and place it as a background in your py5 sketches (if you're using them somewhere on your computer) to make things easier. If you're using an online environment to play with py5, you'll instead want to link to the entire URL of the image so that py5 can find it.
 
+<img src="images/complex_shapes/grid.png">
 <a href="images/complex_shapes/grid.png">grid.png</a>
 
 You can place images in the same local folder as your py5 sketch in order to load them - `.gif`, `.jpg`, `.png` and `.tga` file types are all supported. (Many operating systems hide file extensions by default, so you're encouraged to hunt around and find out how to enable them in yours!) 

diff --git a/tutorials/intro_to_py5_and_python_11_trigonometry_for_animation.ipynb b/tutorials/intro_to_py5_and_python_11_trigonometry_for_animation.ipynb
@@ -763,7 +763,7 @@
    "source": [
     "If you run this code, you'll also notice that both `sin()` and `cos()` return 0.7. At a theta value of 45 degrees, sine and cosine are equal. These values will diverge as theta changes, with perfectly opposite values at 135 degrees. \n",
     "\n",
-    "<img src=\"images/trigonometry_for_animation/unit-circles\">\n",
+    "<img src=\"images/trigonometry_for_animation/unit-circles.svg\">\n",
     "\n",
     "Here's a lovely visualization of the way these values change along with the angle of theta:\n",
     "\n",

diff --git a/tutorials/intro_to_py5_and_python_11_trigonometry_for_animation.md b/tutorials/intro_to_py5_and_python_11_trigonometry_for_animation.md
@@ -111,7 +111,7 @@ run_sketch()
 
 If you run this code, you'll also notice that both `sin()` and `cos()` return 0.7. At a theta value of 45 degrees, sine and cosine are equal. These values will diverge as theta changes, with perfectly opposite values at 135 degrees. 
 
-<img src="images/trigonometry_for_animation/unit-circles">
+<img src="images/trigonometry_for_animation/unit-circles.svg">
 
 Here's a lovely visualization of the way these values change along with the angle of theta: