Lab

DOM reflow 없이 텍스트를 측정하고 배치. wave / scatter / magnetic / melt / assemble 등.

Matter.js 2D 물리 엔진 실험. 중력, 충돌, 제약조건, 마우스 인터랙션.

알고리즘 기반 시뮬레이션. Game of Life, Boids 군집, Perlin Noise 지형.

텍스트를 흘려 쓰는 서명 애니메이션. 잉크가 번지듯 획이 나타나고, 끝에 장식선이 이어진다.

수박게임 모티브. 같은 크기끼리 충돌하면 합쳐져 더 큰 원이 된다. Matter.js 물리 엔진 기반.

모래, 물, 불, 연기, 나무. 캔버스 픽셀 시뮬레이션 — 라이브러리 없음.

한국 전통 알까기. 말을 튕겨 상대 말을 판 밖으로 밀어내라. Matter.js 물리 엔진 기반 2인 대전.

오목. 15×15 바둑판, 5개를 먼저 잇는 쪽이 승리. AI 대전 · 2인 대전 모드.

뱀파이어 서바이벌 풍 로그라이트. 자동 공격, 적 무리 생존, 레벨업마다 카드 3장 중 하나로 빌드 구성.

Glassmorphism 파라미터 탐구. blur / opacity / saturation 슬라이더로 실시간 조절.

SVG feTurbulence 필터 플레이그라운드. frequency · octave · blend mode 조합.

애니메이션 그라디언트 메쉬. 4개 색상 피커와 속도 슬라이더로 편집.

붓 각도와 속도에 반응하는 캘리그래피 브러시. 이동 방향과 펜 각도 차이로 선 두께가 달라진다.

실시간 파형 + FFT 시각화. sine / square / sawtooth / triangle, 주파수 · 볼륨 조절.

2옥타브 폴리포닉 신디사이저. 마우스 · 키보드 연주, ADSR, 딜레이 이펙트.

4트랙 × 16스텝 비트 시퀀서. KICK / SNARE / HI-HAT / PERC, BPM 조절.

Salamander Grand Piano 실제 샘플 기반. 피치 시프팅 + sustain 페달 + reverb.