Show GN: web-component로 만든 interactive ASCII 3D 도넛

외부 라이브러리를 사용하지 않고, vanilla typescript로 구현한 interactive한 ASCII 3D 도넛입니다.

사이트

• 웹사이트: https://interactive-artwork.vercel.app/solid-text
• 소스코드: https://github.com/jiwon79/interactive-artwork

배경

• 4년 전, 유튜브(https://youtu.be/sW9npZVpiMI)를 보고 재미있어 보여서 친구와 함께 초기버전(https://3d-to-text.netlify.app/) 제작
• 시간이 지나고 web-component를 기반으로 한 웹을 만들어 보고 싶어졌고, 이 아이디어가 떠올라 새롭게 구현
• vanilla typescript로 web-component를 활용한 자체 라이브러리로 SPA 구현
• 마우스 드래그 기능 추가, 성능 최적화를 통해 자연스러운 느낌을 받도록 개발

프로젝트가 재미있다면 github star 한 번씩 부탁드립니다ㅎㅎ

[hhkkkk]

재밌네요 ㅎㅎ