jinnyleeis / creative-coding

javascript(p5js)/java(processing)_based_artwork_2023/9-12

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

creative-coding

video link

https://www.youtube.com/watch?v=RPx1WmuFHhw&t=27s&ab_channel=Yes

1. I FEEL DIZZY (Recursive-Thoughts)

  • Technique : recursive algorithm
  • Description : This process is inspired by Casey Reas' work and aims to represent the feeling of dizziness and mental complexity. It combines a fractal tree visualization with the text "I FEEL DIZZY" to illustrate the idea that excessive thinking can lead to mental overload.
image image image image

2. Draw your night sky

  • Technique : L-System, random하게 constellation 을 생성하기 위한, vertex의 좌표를 담은 배열
  • Description : creates a night sky with stars and constellations. The constellations are generated based on an L-system rule, and the user can interactively change the constellations by pressing keys. The shooting star effect adds an interesting visual element to the night sky.
image

3. Stack your memory!

  • Technique : webGL
  • Description : The idea was to create an image collage in 3D rather than the usual 2D format. In this 3D environment, users can interact and manipulate blocks to create their collage. The thought of how to better preserve precious memories through photographs led to the idea of creating 3D cubes from photos, allowing users to experiment with various shapes and angles. This feature was developed to explore ways of cherishing memories in a three-dimensional manner. "This project aims to let you put your favorite photos on 3D blocks and move them around. You can stack them and look at your memories from different angles. You can also change the background color to make your photos look better. We did this because we thought it would be cool to remember things in 3D, not just on a flat surface."
image image image

4. Steps to Afterworld

  • Technique : generative design system - slider Convert the image to grayscale and detect edges Copy the pixel array values of the grayscale-converted image to the screen's pixel array
  • Description : Repetition along the Vertical axis: Stepping out from the end of the Corridor(death) and Entering the Afterlife / Repetition along the Horizontal axis: Separation of the Spirit from the Physical body

이미지 2023  12  7  오후 8 51

5. big mac index of the world

  • Technique : Data visualization
  • Description : The motivation behind this project is the standardized nature of the Big Mac burger, which is made with similar ingredients and follows a uniform recipe, regardless of the region it is sold in. Therefore, if the price of a Big Mac burger is higher in one country compared to others, it suggests that the cost of living in that country is relatively higher. To visualize this concept in a simple and intuitive way, I considered using a barcode-style visualization in the project.
image image

6. things once created, once perished

  • Technique : particle system
  • Description : I implemented the creation of existence through particles, where each pixel is represented as a particle. The particles accumulate vertically, creating a stacking effect. When the mouse is hovered over, particles emit smoke, simulating the dissolution of existence as the particles disappear.
image image

7. Would you like me to tell you how Mom and Dad first met?

  • Technique : Machine-learning - classification
  • Description : This project visualizes the story of how Mom and Dad met by reminiscing about the past, narrated to a child using Processing. Inspired by the interactive newspapers in the Harry Potter series, the goal was to create a dynamic recollection scene where specific parameters trigger animated changes.
image

Untitled

8. “Your Phone: The Cocktail Maker"

  • Technique : Machine-learning - Dynamic Time wrapping, motion sensing
  • Description : I thought that if the gesture recognition is not just acting as a controller but if the phone itself becomes an object for direct interaction, the gestures would have more meaningful interactions. Therefore, I made the phone itself correspond to the cocktail.
image image

Untitled (4) Untitled (3) Untitled (2) Untitled (1)

9. “Chord of the Minions “

  • Technique : Machine-learning - Polynomial Regression
  • Description : To create an instrument, I recorded the sounds of Minions for each pitch from C4 to F5, ensuring that each of the 11 pitches corresponded to a specific recorded sound. When a key on the keyboard is pressed, it triggers the playback of the corresponding pitch. The input for the model is the continuous value of the microphone's position, and the output is the volume values of the two Minions. In other words, as the microphone moves to the right, it distances itself from the first Minion, resulting in only the sound of the second Minion being prominent. Conversely, when the microphone moves to the left, only the sound of the first Minion is clearly audible. If the microphone is positioned in the middle of the two Minions, it creates a harmonized effect as both sounds blend together.
image

10.Celesture

  • Technique : Machine-learning - classification
  • Description: You can create the texture through gestures such as turning,lifting, and stirring your phone.
image

About

javascript(p5js)/java(processing)_based_artwork_2023/9-12


Languages

Language:JavaScript 99.8%Language:Processing 0.2%Language:HTML 0.0%Language:GLSL 0.0%Language:CSS 0.0%