Media Art Programming Practice

OT1주차: OT 및 P5.js 소개OT and P5.js Introduction · OT and P5.js IntroductionOpen

Period 012주차 1교시 — 좌표계와 변수의 이해Coordinates and Variables · 좌표계와 변수의 이해Open Period 022주차 2교시 — 시스템 변수와 인터랙션 첫걸음Coordinates and Variables · 시스템 변수와 인터랙션 첫걸음Open Period 032주차 3교시 — 학생 주도 실습: 마우스를 따라다니는 나만의 캐릭터Coordinates and Variables · 학생 주도 실습: 마우스를 따라다니는 나만의 캐릭터Open

Period 013주차 1교시 — 색상 체계: RGB, HSB, 투명도Color and Repetition · 색상 체계: RGB, HSB, 투명도Open Period 023주차 2교시 — for 반복문과 패턴Color and Repetition · for 반복문과 패턴Open Period 033주차 3교시 — 학생 주도 실습: 기하학적 패턴 아트Color and Repetition · 학생 주도 실습: 기하학적 패턴 아트Open

Period 014주차 1교시 — if/else 조건문Conditionals and Interaction · if/else 조건문Open Period 024주차 2교시 — 마우스·키보드 인터랙션Conditionals and Interaction · 마우스·키보드 인터랙션Open Period 034주차 3교시 — 학생 주도 실습: 인터랙티브 스케치Conditionals and Interaction · 학생 주도 실습: 인터랙티브 스케치Open

Period 015주차 1교시 — 애니메이션 원리와 변수로 움직이기Motion and Animation · 애니메이션 원리와 변수로 움직이기Open Period 025주차 2교시 — random, 유틸리티 함수, 좌표 변환Motion and Animation · random, 유틸리티 함수, 좌표 변환Open Period 035주차 3교시 — 학생 주도 실습: 인터랙티브 애니메이션Motion and Animation · 학생 주도 실습: 인터랙티브 애니메이션Open

Period 016주차 1교시 — 사용자 정의 함수: 코드를 정리하는 도구Functions and Arrays · 사용자 정의 함수: 코드를 정리하는 도구Open Period 026주차 2교시 — 배열: 데이터를 한꺼번에 관리하자Functions and Arrays · 배열: 데이터를 한꺼번에 관리하자Open Period 036주차 3교시 — 학생 주도 실습: 함수와 배열로 다중 오브젝트Functions and Arrays · 학생 주도 실습: 함수와 배열로 다중 오브젝트Open

Period 017주차 1교시 — 왜 클래스가 필요한가 + class 기본 문법Classes and Objects · 왜 클래스가 필요한가 + class 기본 문법Open Period 027주차 2교시 — 객체 배열과 클래스 확장Classes and Objects · 객체 배열과 클래스 확장Open Period 037주차 3교시 — 학생 주도 실습: 클래스를 활용한 다중 오브젝트 작품Classes and Objects · 학생 주도 실습: 클래스를 활용한 다중 오브젝트 작품Open

Exam중간고사 안내1~7주차 범위 중간고사 안내와 제출 방식.Open

Period 019주차 1교시 — 벡터란 무엇인가 + p5.Vector 기본Vectors and Motion · 벡터란 무엇인가 + p5.Vector 기본Open Period 029주차 2교시 — 가속도, 삼각함수, 클래스 결합Vectors and Motion · 가속도, 삼각함수, 클래스 결합Open Period 039주차 3교시 — 학생 주도 실습: 벡터를 활용한 움직임 작품Vectors and Motion · 학생 주도 실습: 벡터를 활용한 움직임 작품Open

Period 0110주차 1교시 — 뉴턴 제2법칙과 applyForce() 패턴Forces and Physics Simulation · 뉴턴 제2법칙과 applyForce() 패턴Open Period 0210주차 2교시 — 다중 힘, 질량 차이, 마찰력Forces and Physics Simulation · 다중 힘, 질량 차이, 마찰력Open Period 0310주차 3교시 — 학생 주도 실습: 힘으로 움직이는 물리 세계Forces and Physics Simulation · 학생 주도 실습: 힘으로 움직이는 물리 세계Open

Period 0111주차 1교시 — 데이터를 코드로 불러오기: preload, JSON, CSVExternal Data and Data Art · 데이터를 코드로 불러오기: preload, JSON, CSVOpen Period 0211주차 2교시 — 데이터를 시각으로 매핑하기External Data and Data Art · 데이터를 시각으로 매핑하기Open Period 0311주차 3교시 — 학생 주도 실습: 데이터 시각화 한 점 완성External Data and Data Art · 학생 주도 실습: 데이터 시각화 한 점 완성Open

Period 0112주차: 노이즈와 자연스러운 움직임 (1교시 · 학생용)Noise and Organic Motion · : 노이즈와 자연스러운 움직임 (1교시 · 학생용)Open Period 0212주차: 노이즈와 자연스러운 움직임 (2교시 · 학생용)Noise and Organic Motion · : 노이즈와 자연스러운 움직임 (2교시 · 학생용)Open Period 0312주차: 노이즈와 자연스러운 움직임 (3교시 · 학생용)Noise and Organic Motion · : 노이즈와 자연스러운 움직임 (3교시 · 학생용)Open

Period 0113주차 1교시 — 파티클의 탄생과 소멸Particle Systems · 파티클의 탄생과 소멸Open Period 0213주차 2교시 — Emitter와 파티클 이펙트Particle Systems · Emitter와 파티클 이펙트Open Period 0313주차 3교시 — 나만의 파티클 이펙트 실습Particle Systems · 나만의 파티클 이펙트 실습Open

Period 0114주차 1교시 — p5.sound: 사운드 로드, 재생, 음량 분석Sound, Media, and Final Project · p5.sound: 사운드 로드, 재생, 음량 분석Open Period 0214주차 2교시 — FFT 주파수 분석 + 이미지/영상 + 기말 프로젝트 안내Sound, Media, and Final Project · FFT 주파수 분석 + 이미지/영상 + 기말 프로젝트 안내Open Period 0314주차 3교시 — 사운드 비주얼 실습 + 기말 프로젝트 구상Sound, Media, and Final Project · 사운드 비주얼 실습 + 기말 프로젝트 구상Open

Period 011교시 — 진행 점검과 공통 가이드라인Final Project Workshop · 진행 점검과 공통 가이드라인Open Period 022교시 — 1:1 면담 라운드 1과 자율 작업Final Project Workshop · 1:1 면담 라운드 1과 자율 작업Open Period 033교시 — 라운드 2 면담과 막판 점검Final Project Workshop · 라운드 2 면담과 막판 점검Open