Three.jsで作るセーブポイント風エフェクト

ICS MEDIAの記事「エフェクト作成入門講座 Three.js編 RPGのセーブポイント風の魔法陣」で使用しているデモです。

デモ

こちらからデモを確認できます。

• デモページ

利用ライブラリ・ツール

• Three.js
• GSAP
• TypeScript
• Vite
• Oxlint / Oxfmt

Node.js 26以上を推奨します。

開発

依存パッケージをインストールします。

npm ci

開発サーバーを起動します。

npm run dev

そのほかのスクリプトです。

npm run lint
npm run format
npm run build