Welcome to Canvas Dot Drawing 👋

🏠 HomePage

📃 Description

Canvas Dot Interaction

개요

마우스/터치를 이용한 캔버스 인터렉션 체험 사이트입니다.

주요기능

cell들을 비율에 맞춰 그리기 위한 이미지 크기를 자동 리사이징합니다.
PC/Mobile에서 체험 가능합니다.
마우스/터치로 cell들을 분열시켜 이미지를 도트화하여 이미지를 완성합니다.
자동 분열 기능으로 애니메이션을 감상할 수 있습니다.
애니메이션 분열 속도 조절이 가능합니다.

🔍 Overview

Mouse/Touch Interaction

Auto Animation

🔧 Tech Stack

Vite 2.9.9
typed.js 2.0.12
fontfaceobserver 2.1.0
deploy netlify

🏃 Steps to run

$ npm install 
$ npm run dev