Update instructions.html

More updates

docs/instructions.html

@@ -64,8 +64,17 @@ <h2>3. Decide Whether to Keep the L-system Global Variables the Same</h2>
              <p>When there are two L-systems, three variables (x and y translation and grid length) be be kept the same (default) for the two L-systems, but you also have the  option of making them independent. I have found that you can create some nice patterns with different shapes added to the same ruleset, and therefore it is best to keep those 3 variables synchronized, as shown in the image.</p>
             <p align="center"><img src="./assets/variables.jpg" alt="variables" width="500px"></p>
 		</div>
-
-
+		<div>
+            <h2>4. Decide What Shape or Polar Curve to Use</h2>
+            <p>There are a large number of polar curves or shapes to choose from, including the gear, supershape, and heart curves and various spirals. You can learn more about the polar curves <a href="https://github.com/kfahn22/L-System-Pattern-Generator/blob/main/docs/POLAR-SHAPES/polar-shapes.md">here.</a>  The code for the shapes can be found in the <a href="https://github.com/kfahn22/L-System-Pattern-Generator/blob/main/code/L-system-playground/shapes.js">shapes.js</a>file.</p>
+            <br>
+            <p align="center"><img src="./assets/shape-dropdown.jpg" alt="shape-dropdown" width="500px"></p>
+        </div>
+        <div>
+            <h2>5. Choose the Background, Stroke, and Fill Color, Alpha and StrokeWeight</h2>
+            <p>Because the shapes are layering over top of each other, I have found it generally best to keep the alpha on the lower side (150 is good).</p>
+           </div>
+
 
 	</div>
 </body>