https://github.com/rmdnps10/p5.js-algorithmic-work

프로세싱 언어를 사용한 미디어 아트 아카이브
https://github.com/rmdnps10/p5.js-algorithmic-work

javascript p5js processing

Last synced: about 3 hours ago
JSON representation

프로세싱 언어를 사용한 미디어 아트 아카이브

• Host: GitHub
• URL: https://github.com/rmdnps10/p5.js-algorithmic-work
• Owner: rmdnps10
• Created: 2023-10-10T02:54:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-21T06:59:40.000Z (about 1 year ago)
• Last Synced: 2024-12-20T08:33:00.568Z (about 2 months 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