web-componentで作ったインタラクティブなASCII 3Dドーナツ
(interactive-artwork.vercel.app)外部ライブラリを使わず、vanilla TypeScriptで実装したインタラクティブなASCII 3Dドーナツです。
サイト
- ウェブサイト: https://interactive-artwork.vercel.app/solid-text
- ソースコード: https://github.com/jiwon79/interactive-artwork
背景
- 4年前、YouTube(https://youtu.be/sW9npZVpiMI)を見て面白そうだったので、友人と一緒に初期バージョン(https://3d-to-text.netlify.app/)を制作
- 時間が経って、web-componentをベースにしたWebを作ってみたくなり、このアイデアを思いついて新たに実装
- vanilla TypeScriptでweb-componentを活用した独自ライブラリによるSPAを実装
- マウスドラッグ機能を追加し、パフォーマンス最適化によって自然な操作感になるよう開発
プロジェクトが面白ければ、ぜひGitHubにstarをお願いします。
1件のコメント
面白いですね(笑)