Week 11: 3D

We are meeting over Slack this week.

Lecture

This week, we will have a brief lecture will cover the history of 3D, providing an overview of various 3D methods and tools. Subsequently, we will dive into implementing 3D using p5.js functions.

• Lecture PDF
• Lecture Video on YouTube

By the end of the week, please cover these coding examples and helpful links:

Coding Examples

• WEBGL
• Lighting
• Camera
• Textures
• Loading 3D OBJ Files

In Class

1. We will review the homework you did - Create your own interactive piece using images and either keyboard or mouse input. Be ready to share!
2. We will discuss some ideas for your final projects for the class.
3. Review the lecture pdf and video above.
4. Can you try to load a new 3D OBJ file into the sketch editor? You can either use this teapot obj that we cover in the video, or you can look through some files that are CC0 (creative commons zero) on sketchfab. You will need to create a username to download files. Try to download one from Sketchfab and import it into your sketch. If you want to explore 3D further, try to play around with different textures such as this globe texture.

Homework

1. Suggested Reading: pages 525 – 544 in Processing, by Casey Reas and Ben Fry.
2. Update your in-class sketch and do more 3D manipulations in p5js.
3. Come up with an idea for your final project and be prepared to share it on Slack next week. It must use the draw loop and incorporate motion, interaction and/or audio, beyond that the concept can be anything you want it to be.
4. Watch Week 12’s Video and review lecture slides for Week 12.

Final Project

1. Design an interactive project using p5.js for your final due on May 14, 2025. You may choose to design an interactive sketch for one of the following topics:
   • An interactive art generator.
   • A choose your own adventure story
   • A simple game
   • Animated data visualizations using charts and graphs
   • A music visualizer
   • An interactive map
   • A virtual musical instrument
   • A filter for images
2. You must follow every instruction listed or else we will deduct points.
   • This is more a design challenge than a coding challenge. I am looking to see what you can do with the forms, shapes, and colors of your projects as well as how you allow interaction with them. I am less interested in how your code works and will be happy to help you optimize it.
   • Please use as many programming techniques covered so far this semester. Including for loops, logic checks, classes and using libraries such as dat.GUI or p5 sound.
3. Other than that, you have the creative freedom to design anything you wish. Enjoy the process and let your creativity shine!
4. Be prepared to share your designs and code with the class during our next class - we will be meeting over Zoom.

back