p5.js Art
1.🌟 p5.js를 처음 배운다면
p5.js로 아트웍을 만들기 전에 고려할 것들
2.🌟 VanillaJS + p5.js + Vite 설정 (2.0.5 버전)
Vanilla p5.js + Vite 설정
3.🌟 React + p5.js + Vite 프로젝트 셋업
p5.js + React + Vite 프로젝트 셋업
4.🌟 p5.js 전역 모드 vs 인스턴스 모드
p5.js 전역 모드 vs 인스턴스 모드
5.🌟 p5.js 컬러 Part. 1 : 다양한 모드
p5.js에서 색을 다루는 방식
6.🌟 p5.js 컬러 Part. 2 : color() 객체
컬러를 지정하고 객체에 저장하여 사용하는 방법 - Color 객체의 생성과 내부 구조
7.🌟 p5.js 컬러 Part. 3 : 색상 보간과 Lerp
색상 보간(Color Interpolation), 특히 Lerp (Linear Interpolation)에 대한 설명입니다.
8.🌟 p5.js 사운드 : 마이크 입력 받기
p5.js 사운드 : 마이크 입력 받기
9.🌟 p5.js의 map() 과 constrain() 메서드
map() 과 constrain() 메서드 활용하기
10.🎓 1주차: 생성형 아트 - 수업 계획표
생성형 아트 - 수업 계획표
11.🎓 2주차: 무작위성 (Randomness)
2주차: Randomness
12.🎓 3주차: 반복과 패턴 (Iteration & Pattern)
3주차: 반복과 패턴 (Iteration & Pattern)
13.🎓 4주차: 벡터와 힘 (Vector & Force)
4주차: 벡터와 힘
14.🎓 5주차: 노이즈 (Perlin / Simplex / Worley Noise)
5주차: 노이즈
15.🎓6주차: 파티클과 에이전트 (Particle & Agent)
6주차: 파티클과 군집 (Particle & Flock)
16.🎓 7주차: 재귀와 패턴 (Recursion & Pattern)
7주차: 재귀와 패턴
17.🎓8주차: 프랙탈 & 자기유사성 (Fractal & Self-Similarity)
8주차: 프랙탈 & 자기유사성
18.🎓9주차: 확산 제한 응집 (DLA)
9주차: 확산율속응집 (DLA)
19.🎓10주차: 진화적 알고리즘 (유전 알고리즘)
10주차: 진화적 알고리즘 (유전 알고리즘)
20.🎓11주차: 카오스(Chaos)
11주차: 카오스(Chaos)
21.🎓 12주차: 셀룰러 오토마타(Cellular Automata)
12주차: 셀룰러 오토마타
22.🎓13주차: 형태의 데이터화 (Form as Data)
13주차: 형태의 데이터화 (Form as Data)
23.🎓14주차: 인터랙션(Interaction)과 시간성(Temporal Systems)
14주차: 인터랙션 & 시간성
24.🎓15주차: 오디오 반응 (Audio-Reactive)
15주차 : 오디오 반응 (Audio-Reactive)
25.🎓 16주차 : 물리 시뮬레이션 기반 아트 (Artworks based on Physical Simulation)
16주차 : 물리 시뮬레이션 기반 아트
26.🎓 17주차 : 데이터 기반 형태 생성 (Data-driven Geometry)
17주차: Data-driven Geometry
27.🎇 Radial Infographic
Information Graphic Style #01
28.🎇 Op Art Style #01
251120_op_art251120_op_art
29.🎇 Maze Game
251125_maze_game
30.🎇 Particle Contagion
251126_particle_contagion
31.🎇 Particle Collision
251126_particle_contagion
32.🎇 Star Size Comparison
251129_star_size_comparison
33.🎇 Slime Mold Eclipse
251129_slime_mold_simulation
34.🎇 Blooming Flower
251130_blooming_flowers
35.🎇 Wobbling Anemone
251130_wobbling_anemone
36.🎇 Foam Bubble Density Structure
251207_foam_bubble_density
37.🎇 Collapsing Blackhole
251214_exploding_blackhole
38.🎇 Geometric Tiles
251215_geometric_tiles
39.🎇 Pointing Triangle
251222_pointing_triangle
40.🎇 Tile Grid Animation
251222_tile_grid_animation
41.🎇 Arc Animation
251223_arc_animation
42.🎇 Particle on Sphere
251223_fake_sphere_particle
43.🎇 Typing Sound Visualizer (Ver.1)
251223_keyboard_sound_visualizer
44.🎇 Typing Sound Visualizer (Ver.2)
251223_keyboard_sound_visualizer
45.🎇 2D/3D All-in-One
251226_2d_3d_allinone
46.🎇 Spirograph Cookies
251226_spirograph_cookies
47.🎇 Spirograph Flower
251226_spirograph_flower
48.🎇 Vanishing Image with Particles
260102_vanishing_picture_particle
49.🎇 Color box grid
260102_color_box_grid
50.🎇 Gravity Comparision Data Vis
260111_gravity_comparison
51.🎇 Slime mode by Patt Vira
260114_slime_mold_patt_vira
52.🎇 Slime mode 2 : Radial
260115_slime_mold_2
53.🎇 Hairline on noise field
260123_hairline_on_noise_field
54.🎇 Trail of Choices
260124_trail_of_choices
55.🎇 Trail of Choices (WebArt)
260124_trail_of_choices_web
56.🎇 Encounter Notes
260126_encounter_notes
57.🎇 Noise Grid Wave
260126_noise_grid_wave
58.🎇 Stars around a black hole
260127_stars_around_blackhole
59.🎇 Gravity Playground
260128_gravity_playground
60.🎇 Bird flocks at dusk
260131_bird_flocks_at_dusk
61.🎇 Image Circle Modulation (ver.1)
260204_image_circle_modulation
62.🎇 Image Circle Modulation (ver.2)
260204_image_circle_modulation
63.🎇 2 Dots 1 Line
260205_two_dots_one_line
64.🎇 Dandelion
260314_dandelion
65.🎇 Simple Dot Torus
260406_simple_dot_torus