Creative Coding

웹 브라우저에서 실행되는 다양한 물리 효과와 시뮬레이션을 HTML5 Canvas와 JavaScript로 구현한 프로젝트 입니다.

프로젝트 소개

Creative Coding은 물리 효과를 시각적으로 구현한 웹 기반 시뮬레이션 모음입니다. 시뮬레이션 효과와 사용자가 상호작용할 수 있는 환경을 제공합니다.

주요 기능

• 물리 시뮬레이션: 중력, 충돌, 파티클 시스템
• 인터렉티브 요소: 마우스/터치 입력으로 시뮬레이션과 실시간 상호작용
• 반응형 디자인: 다양한 화면 크기에 맞춰 최적화된 경험 제공

기술 스택

• HTML5 Canvas: 그래픽 렌더링 및 애니메이션 구현
• JavaScript: 물리 법칙 계산 및 시뮬레이션 로직 구현
• CSS3: 사용자 인터페이스 스타일링
• requestAnimationFrame: 최적화된 애니메이션 루프 구현

전제 조건

• Node.js 18.x or higher

설치

git clone https://github.com/enkoding1/creative-coding
cd creative-coding
npm install
npm run dev

개발 배경

HTML5 Canvas와 JavaScript의 유연성을 활용하여 시각적으로 매력적인 시뮬레이션을 만든는 것이 목표였습니다.