https://github.com/rmdnps10/p5.js-algorithmic-work
프로세싱 언어를 사용한 미디어 아트 아카이브
https://github.com/rmdnps10/p5.js-algorithmic-work
javascript p5js processing
Last synced: about 2 months ago
JSON representation
프로세싱 언어를 사용한 미디어 아트 아카이브
- Host: GitHub
- URL: https://github.com/rmdnps10/p5.js-algorithmic-work
- Owner: rmdnps10
- Created: 2023-10-10T02:54:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-21T06:59:40.000Z (over 2 years ago)
- Last Synced: 2025-04-06T20:48:37.824Z (about 1 year ago)
- Topics: javascript, p5js, processing
- Language: JavaScript
- Homepage: https://p5-js-algorithmic-work.vercel.app
- Size: 48 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# P5 js Processing Archive
Sogang University A&T 20 Inyoung Chung
---
### 📪 Slow mail (느린 우체통)
Interactive Letter for my parents
[published URL](https://p5-js-algorithmic-work-5mvs-git-main-asdfadsfzxc.vercel.app/)
Creative Algorithm 23-2 Final Project
✨ Motivation
With the concept of a letter from the past ( snail mail 📮 ), I planned a project to praise my parents for their dedication and hard work by exploring memories of the past.
⚒️ Techs
- Use MediaPipie (handPose) to track user gesture
- User-Interactive Particle Sysetem
- FFT Analysis
### Apple Brand PR Website
[published URL](https://p5-js-algorithmic-work.vercel.app/)
User-Interactive Particle System (building Gesture Interface by using machine learning model, `ml5`)
- Collection of all Apple logos
- Particle system that responds to the mouse form the logo
++ 2023/11/28 update
- A webcam containing your face is located in the right corner.
- When you shake your shoulder, ML model detects the change and the image particles change.
### Red sun
[p5link](https://editor.p5js.org/rmdnps10/sketches/GO9eLTtDE)
Audio data mapping & visualization
- Visualization of the frequency and spectrum of audio data.
- Audio data is from Show Me the Money hip-hop song, ‘red sun’ by 행주.
---
### Electronic Magetic Field
[p5link](https://editor.p5js.org/rmdnps10/sketches/9NCmgClhr)
Generative Design System
- Revolving electronic fields were implemented in 3D environment (WEBGL) by creating polygons using Bezier curves.
- You can customize the color and rotation speed of the electric magnetic field by using slider.
---
### Planting Tree in the City
[p5Link](https://editor.p5js.org/rmdnps10/sketches/2YKfRS5fb)
Collage work
- If you click the screen, tree generates at the coordinate in the middle of the Seoul.
- The message I want to convey is hidden in the work.
---
### Recursive Birch Tree Generator
[p5Link](https://editor.p5js.org/rmdnps10/sketches/xBod-ihS9)
- When you run the code, a birch tree of a different shape is created each time recursively.
- Detailed Descriptipn (texture, leaves) is performed by using vector.
---
### Tragic of War
[p5Link](https://editor.p5js.org/rmdnps10/sketches/mcG2dzSXW)
---
### Alien detective algorithm
[p5Link](https://editor.p5js.org/rmdnps10/sketches/WDcQzZWnd)
- using javascript machine learning library YOLO
- You have to be recognized as a person by YOLO and exceed the target score within a certain time.
---
### Music Reactor
[p5Link](https://editor.p5js.org/rmdnps10/sketches/-oGeTIphM)
- When you click, the geometric shape changes according to the waveform of the music being played.
- The waveform information obtained through the FFT library was mapped to a shape.
---
### Running ladybug
[p5Link](https://editor.p5js.org/rmdnps10/sketches/lhDJCPYIT)
Adorable ladybug
