Botanic Brush
소개
웹에서 그림을 그리면, 그 그림 그대로 꽃이 피어나는 인터랙티브 아트입니다.
웹 기반 드로잉 인터페이스와 Unreal Engine의 실시간 시뮬레이션 시스템이 연계되어,
사용자의 그림이 꽃으로 표현됩니다.
주요 업무
HTML, CSS , JavaScript 기반 웹 프론트엔드 구성
- HTML, CSS, JavaScript를 활용하여 사용자가 직접 화면 위에 드로잉을 할 수 있는 웹 인터페이스를 구현
- Canvas 기반 드로잉 로직을 구성하여 사용자의 마우스/터치 이동 경로에 따라 꽃 이미지가 일정 간격으로 자연스럽게 배치되도록 설계
- 드로잉 결과는 단순한 선이 아니라, 꽃 이미지의 조합으로 글자·형태·제스처가 남도록 표현
드로잉 이미지 → 언리얼 연동 → 꽃 성장 시스템
- 웹에서 생성된 드로잉 결과를 로컬 폴더의 이미지 파일로 저장
- 언리얼 엔진에서 해당 이미지를 로드하여 이미지 데이터를 기반으로 꽃이 자라나는 시스템을 구현
