p5.js: 코드로 패턴 제작해보기

〈p5.js: 코드로 패턴 제작해보기〉는 코드를 창작의 도구로 활용해 나만의 시각적 패턴을 만드는 원데이 워크숍입니다. 비주얼 작업을 위한 자바스크립트 라이브러리 p5.js를 사용해, 간단한 규칙이 다채로운 이미지로 이어지는 과정을 경험합니다.

좌표를 읽는 방법과 변수, 조건문, 반복문 등 자바스크립트의 기본 문법을 배우고, 이를 도형의 배치와 반복에 적용해 봅니다. 다양한 비주얼 사례를 살펴보며 이미지 속 규칙을 찾아보고, 코드를 읽으며 어떤 모습이 나타날지 상상해 봅니다.

코드를 작성하기 전에 종이와 펜으로 패턴의 구조와 제작 순서를 일상의 언어로 풀어봅니다. 손수 적은 자연어를 p5.js 에디터에서 코드로 옮기고, 함수를 활용하여 규칙적인 반복 속에 우연한 변화를 만들어 봅니다. 시각적 아이디어를 구체적인 규칙으로 바꾸고 코드로 구현하는 과정을 익히는 데 집중합니다.