Graduate Studio: Technology A [Class Notebook] (DES-720A-02)

Week 13: Algorithm & Memory

This week we will explore how to create algorithmic processes in p5.js, as well as how to use memory to store and work with OOP to create more complex and dynamic sketches.

Cookie (This bug in your PC is a smart cookie)



Edit this page on GitHub

Assignment

Due: Nov 25, 2025

Submit Assignment

Now that you have your initial system capturing participation, the next step is to build on top of what you’ve already created by introducing memory and persistence. Consider how your system can remember interactions over time and use that information to shape future responses.

Examples

Tutorials & Resources

Class Notebook

Bella Tsai

I tried to review and understand some functions listed below: 1. CreateVector 2. Using Class to store object 3. Make my own function 4. Using Array and push 5. Particle System: adjusting initial position, velocity, size(r), color, transparency, lifetime

Binjia Li

I learned to animate movement using lerp(), Perlin noise, and velocity updates for more natural motion.

Flora Fang

I learned how to make interactive effects with p5

Kate Chon

I explored how small gestures like pinching, spreading, and movement can drive meaningful visual and sound responses, making interaction feel more intuitive and performative. I also learned the importance of balancing sensitivity and control, so the system feels responsive without becoming chaotic. Overall, the process helped me think more intentionally about how code, gesture, and feedback work together to create an engaging experience.

Lin Kim

I worked to refine the system so it could respond more precisely to the user’s gestures. This involved adjusting the interaction logic to capture subtle movements with greater accuracy.

Lina Lee

I learned how to attach the local storage into my code.

Nancy Scanlon

for prompt order how can i add local memory to that. For example if I want to ask a yes or no question before a selection. Would I just put that first prompt before the second one? I want to add the option to the viewer if they do want the fun glasses or they can choose no.

Richard Fu

I should try using local storage to add community result to this interaction

Sarena Yadav

I learned how unpredictable real-time input is, and how color and texture behave differently when abstracted. I also discovered the value of local storage, how a system can remember past interactions, build persistence over time, and transform each new input based on what it has already seen, creating a more evolving experience.

Sreya Mahsin

I want to add storage and more interactivity to my piece so there's more engagement with the project. I can see how adding mudras in a sequence can perhaps tell a story. Or there can be a progress bar to show how many mudras have been performed, what is left to master, etc.

Yiling Yang

This week, I learned how to add gesture control and a memory mechanism to an interactive system, allowing the work to generate persistent changes based on user participation. I realized that interaction is not only about immediate feedback, it can also shape the long-term behavior of the environment and the creatures through accumulated actions.

Zoe Liu

I was debating whether to add some music, and I also wanted the lines in the background to change according to the rhythm of the music or the frequency of people’s movements. Since the background is generated with a separate set of code, I think it will require some adjustments to make this feature stable.