Category: Nature of Code

To Connect, To Be Connected – 之间 🔗 Interact with the “To Connect, To Be Connected” on p5.js VIDEO RECORDING   ELEVATOR PITCH-🔗Presentation Slides Inspired by the awareness of negative space and the presence of others in dance, the interactive installation delves into the connections between space, negative space, and people. Responding to real-time sounds … Continue reading NOC Project B – To Connect, To Be Connected

🐑Food Chain🐺 🔗 Interact with the “Food Chain” on p5.js VIDEO RECORDING    WORK PROCESS Idea of Food Chain The idea of mimicking the structure of a food chain arose when I observed the steering, attracting, and repulsing behaviors that were demonstrated through the autonomous agents. In nature, herbivores and carnivores are usually seen as … Continue reading NOC W10 – Smart Creatures

🦶🏿 Footsteps-Trace👣 🔗 Interact with the “Footsteps” on p5.js VIDEO RECORDING   WORK PROCESS In this project, I followed the same approach I applied last time, where I experimented with different themes while trying out various modifications and combinations of the code learned in class. Modifying and Testing… Fractals I was profoundly surprised by the … Continue reading NOC W09 – Infinite Pattern

🪄Magic Fungi🍄 🔗 Interact with the “Magic Fungi” on p5.js VIDEO RECORDING   CONCEPT-🔗Presentation Slides When doing the case study, I was amazed by this project named “Upward”, which visualizes the growth of physarum. As I wrote in the document, I was attracted to this project because it combines digital art and biology in a … Continue reading NOC Project A – Magic Fungi

🪢 INTERTWINED with the Shadow🪢 🔗 Interact with the “Intertwined” on p5.js VIDEO RECORDING   WORK PROCESS In this project, I followed the same approach I applied last week, where I experimented with different themes while trying out various modifications and combinations of the code learned in class. Modifying and Testing… TEST#01: Balls and Spring … Continue reading NOC W06 – Spring Structure

🎙️Sound Wave_Lightning⚡️ 🔗 Interact with the “Sound Wave” on p5.js (Try to talk/sing and see what happens!) VIDEO RECORDING   WORK PROCESS Inspiration While browsing and looking for inspiration online, this visualization of sound waves caught my eye at first sight. Since I want to explore the possibility of some real-time audio/visual experience, I then … Continue reading NOC W05 – Additive Waves

🌟Fireflies🌟 🔗 Interact with the “Fireflies” on p5.js VIDEO RECORDING   WORK PROCESS Inspiration My inspiration for this project came from the fireflies in the forest. According to my research, fireflies are famous for their enchanting luminescent displays and exhibit diverse light patterns utilized primarily for nocturnal communication and mating rituals. They are active predominantly … Continue reading NOC W04 – Imaginary Environment

🎇🔥Fire🔥🎇 🔗 Interact with the “Fire” on p5.js VIDEO RECORDING   WORK PROCESS Inspiration As I was pondering what kind of natural phenomena could be simulated, I inadvertently came across a set of photos of a bonfire on social media. I observed the flames of the bonfire gently rising, swaying at times straight and at … Continue reading NOC W03 – Natural Phenomena with Forces

Clusters🧚‍♂️ 🔗 Interact with the “Clusters” on p5.js VIDEO RECORDING   WORK PROCESS p5.Vector One of the most useful functions I learned this week was the set of p5.Vectors. What we learned in class was how to combine the vector function with the ES6 model (class). With refer to the official p5 reference page, I … Continue reading NOC W02 – Dynamic Objects with Vectors

PROJECT LINK🔗: Intersection VIDEO RECORDING WORK PROCESS Inspired by the projects from Saskia Freeke Daily Art, I noticed that the generative patterns have lots of commonalities featured on repetitive and random curves and lines. Thus, I started by exploring the random() function in a for loop and creating randomized colored lines. blendMode(…) After setting up the … Continue reading NOC W01 – Generative Patterns with Transformations