Lab Week 11 - Fall 2023
Tuesday, November 14, 2023
Introduction
In this lab, you will
- Review how to write programs using multiple files rather than putting everyting into your sketch.js file.
- Draw three simple shapes using Turtle Graphics.
- Draw a rotating pattern of squares using Turtle Graphics.
- Draw a spiraling pattern of fading squares using Turtle Graphics.
Create a folder named lab-11 for this lab in your 15-104 folder/directory.
Getting Started (Read Carefully - DISCUSS!)
To help you get started, we have provided a special template2023-turtle template that has an index.html file, a sketch.js file for you to program your setup and draw functions (and any other global variables and helper functions you need) and a turtle.js file that includes the turtle code for you. Do not edit the code in turtle.js. Open up index.html using your editor to see that this webpage loads the p5.js library, the sketch.js file and the turtle.js file together to build your program. (Do you see where?) This is an example where you don’t have to have all of your code in the sketch.js file anymore. You can split your code amongst several .js files, as long as the index.html file is edited to load all of them.
Problem A: Three Basic Shapes
Make the image shown below with Turtle Graphics. Sizes and details do not matter, but you should create a square, triangle, and circle. The “circle algorithm” is simple, just repeat the following: move a little, turn a little, until the total amount you turn is 360 degrees.
Problem B: Rotating, Shrinking Squares
Make another program to produce the image similar to the one below. In this picture, each square is rotated 25 degrees relative to the next larger square, and each square is 0.9 times as large as the next larger one. You may choose different numbers for your work. Create global variables to store various settings for your program so you can edit them easily, rather than bury them in your code.
In this image, only 5 squares are drawn to make the geometry clear. When you get something similar to this, increase the number of squares to 25.
Problem C: Repelling Particles
Copy and modify your problem 2 code to create the following variation. Study the image carefully to determine what changes are necessary. The changes are quite small and simple.
Once you run out of time, you should submit your final completed work for credit.
- YOU MUST HAND IN AT THE END OF LAB. THE AUTOLAB DROPOFF LOCATION CLOSES 30 MINUTES AFTER ALL LABS END. YOU WILL NOT GET FULL CREDIT FOR THE LAB IF YOU HAND IN MORE THAN 30 MINUTES AFTER YOUR LAB ENDS.
- Compress your final working lab-11 folder into a zip file.
- Hand in the compressed file to Autolab in the Lab 11 assessment location.
- REMEMBER to check what you submitted in Autolab by looking at the submission file. (Do this for the deliverables too!)