p5.js / Creative coding / Media art

Media Art Programming Practice

p5.js 기반 프로그래밍 입문부터 생성적 드로잉, 인터랙션, 데이터, 물리, 사운드 기반 미디어아트 제작까지 이어지는 실습 과정입니다.

Creative coding course Spring 2026
Four interactive creative coding outcomes from the Media Art Programming course

Spring 2026

15주 과정의 개념 강의와 학생 주도 실습 자료입니다.

Week 01OT and P5.js Introduction
OT1주차: OT 및 P5.js 소개
Week 02Coordinates and Variables
Period 012주차 1교시 — 좌표계와 변수의 이해 Period 022주차 2교시 — 시스템 변수와 인터랙션 첫걸음 Period 032주차 3교시 — 학생 주도 실습: 마우스를 따라다니는 나만의 캐릭터
Week 03Color and Repetition
Period 013주차 1교시 — 색상 체계: RGB, HSB, 투명도 Period 023주차 2교시 — for 반복문과 패턴 Period 033주차 3교시 — 학생 주도 실습: 기하학적 패턴 아트
Week 04Conditionals and Interaction
Period 014주차 1교시 — if/else 조건문 Period 024주차 2교시 — 마우스·키보드 인터랙션 Period 034주차 3교시 — 학생 주도 실습: 인터랙티브 스케치
Week 05Motion and Animation
Period 015주차 1교시 — 애니메이션 원리와 변수로 움직이기 Period 025주차 2교시 — random, 유틸리티 함수, 좌표 변환 Period 035주차 3교시 — 학생 주도 실습: 인터랙티브 애니메이션
Week 06Functions and Arrays
Period 016주차 1교시 — 사용자 정의 함수: 코드를 정리하는 도구 Period 026주차 2교시 — 배열: 데이터를 한꺼번에 관리하자 Period 036주차 3교시 — 학생 주도 실습: 함수와 배열로 다중 오브젝트
Week 07Classes and Objects
Period 017주차 1교시 — 왜 클래스가 필요한가 + class 기본 문법 Period 027주차 2교시 — 객체 배열과 클래스 확장 Period 037주차 3교시 — 학생 주도 실습: 클래스를 활용한 다중 오브젝트 작품
Week 08Midterm Exam
Exam중간고사 안내
Week 09Vectors and Motion
Period 019주차 1교시 — 벡터란 무엇인가 + p5.Vector 기본 Period 029주차 2교시 — 가속도, 삼각함수, 클래스 결합 Period 039주차 3교시 — 학생 주도 실습: 벡터를 활용한 움직임 작품
Week 10Forces and Physics Simulation
Period 0110주차 1교시 — 뉴턴 제2법칙과 applyForce() 패턴 Period 0210주차 2교시 — 다중 힘, 질량 차이, 마찰력 Period 0310주차 3교시 — 학생 주도 실습: 힘으로 움직이는 물리 세계
Week 11External Data and Data Art
Period 0111주차 1교시 — 데이터를 코드로 불러오기: preload, JSON, CSV Period 0211주차 2교시 — 데이터를 시각으로 매핑하기 Period 0311주차 3교시 — 학생 주도 실습: 데이터 시각화 한 점 완성
Week 12Noise and Organic Motion
Period 0112주차: 노이즈와 자연스러운 움직임 (1교시 / 학생용) Period 0212주차: 노이즈와 자연스러운 움직임 (2교시 / 학생용) Period 0312주차: 노이즈와 자연스러운 움직임 (3교시 / 학생용)
Week 13Particle Systems
Period 0113주차 1교시 — 파티클의 탄생과 소멸 Period 0213주차 2교시 — Emitter와 파티클 이펙트 Period 0313주차 3교시 — 나만의 파티클 이펙트 실습
Week 14Sound, Media, and Final Project
Period 0114주차 1교시 — p5.sound: 사운드 로드, 재생, 음량 분석 Period 0214주차 2교시 — FFT 주파수 분석 + 이미지/영상 + 기말 프로젝트 안내 Period 0314주차 3교시 — 사운드 비주얼 실습 + 기말 프로젝트 구상
Week 15Final Project Workshop
Period 011교시 — 진행 점검과 공통 가이드라인 Period 022교시 — 1:1 면담 라운드 1과 자율 작업 Period 033교시 — 라운드 2 면담과 막판 점검