リリース歴
思想は揺らぎから生まれる。構造は、その意志の容れ物である。
お墓メーカー | grave-maker
名前を入力すると、墓石の落下、衝撃、刻印までを一連で体験できる短編Webサービスです。 理解に時間を使わせず、入力から結果までを直感的につなげる設計を重視しました。
文字数に応じた刻印サイズの自動調整により、表示破綻を避けつつ、演出の気持ちよさを維持しています。 短時間でも印象が残る体験を目標に、フロントエンドのみで構築しました。
実装ポイント
- 名前入力と刻印文字のリアルタイム反映
- 文字数に応じた刻印サイズの自動調整
- 墓石落下・衝撃波・刻印の連続アニメーション
Tech Stack
Astro / GSAP / TypeScript / Netlify / Docker / npm / Node.js
開発時間: 9時間
担当範囲: フロントエンド実装、アニメーション実装、デプロイ設定（Netlify）