디지털표현기법연구(1)

과목 개요

본 강의는 p5.js와 javascript를 활용하여 비주얼 중심의 미디어 아트를 창작하는 과정에 초점을 둡니다. 학생들은 프로그래밍 기초부터 상호작용적 미디어 아트 제작까지의 과정을 확습하며, 이를 통해 창의적인 사고와 기술적 역량을 개발합니다. 중간 및 기말 프로젝트 발표를 통해 실제 작품 제작 경험을 제공합니다.

평가 요소별 반영 내용 및 방법

주차별 수업 계획

수업 오리엔테이션

• p5.js 환경 설정 및 javascript 기초 이해
• p5.js 개요, 기본 설정 방법, javascript 개념 소개

javascript 기본 문법 및 비주얼 아트를 위한 기초 수학

• 수학과 프로그래밍 연선과 표현식에 대한 이해
• 데이터 타입, 기본 연산, 기초 수학 개념

기본 드로잉과 함수 입문

• 기본적인 그래픽 함수와 구조 이해
• setup(), draw() 역할, 기본 도형 그리기

변수의 활용과 변수의 유효 범위

• 로컬 변수와 글로벌 변수의 차이점 이해와 활용
• 변수 선언과 활용, 유효 범위

반복문의 활용

• 효율적인 코드 작성 및 반복문 이해
• for, while문, 복수 도형 생성

인터랙티비티와 조건문 활용

• 상호작용적 작품 구현 능력
• 조건문, 키보드와 마우스 이벤트 처리

모션 만들기

• 트랜스포메이션을 통한 모션 구현
• translate(), rotate(), scale()의 활용

중간 고사

• 현재까지의 학습 내용을 바탕으로 한 작품 제작
• 작품 발표 및 피드백

커스텀 도형 만들기와 클래스 1

• 클래스 개념 이해 및 활용
• 클래스 정의 및 활용

커스텀 도형 만들기와 클래스 2

• 클래스를 활용한 복합 도형 제작
• 클래스를 활용한 커스텀 도형 제작

배열의 활용

• 배열과 루프를 활용한 효과적인 시각적 표현
• 배열 선언과 활용

선행 연구 및 최종 작품 계획 발표

• 최종 작품의 방향성과 계획 수립
• 작품 기획 발표, 피드백 반영

작품 전시 페이지 제작

• 작품 전시 페이지 설계 및 제작
• HTML/CSS와 p5.js를 활용한 전시 페이지

기말 발표를 위한 개인 지도

• 최종 작품의 완성도 향상
• 개인별 피드백 및 발표 준비

기말 고사

• 최종 작품 발표 및 평가
• 프로젝트 발표 및 피드백