たれみみ3Dワールド
3Dのたれみみうさぎが動きまわるページ。ブラウザだけで見られます。
公開中できること
- 3Dのうさぎをながめる … たれみみうさぎが立体で動きまわります。視点を動かして、いろいろな角度から見られます。
- ブラウザだけで動く … アプリのインストールも会員登録も要りません。ページを開くとその場で動きます。
つくり
| 3D | three.js。WebGL で動くので、ブラウザさえあれば追加のプラグインは要りません。 |
|---|---|
| モデル | うさぎのモデルは 3D ソフトで作らず、コードで組み立てています。GLB として書き出すこともできます。 |
| 置き場所 | Next.js 14（App Router）+ TypeScript で作った「たれみみ部」の中のページとして公開しています。Vercel にデプロイ。 |
技術的におもしろいところ
モデルをコードで組み立てている
うさぎの形は、three.js の基本の立体を組み合わせてコードから作っています。 モデリングソフトのファイルを扱わずに済むので、耳の長さや体の比率のような 「ちょっと変えたい」がコードの数値ひとつで済み、差分もそのままレビューできます。
ウェブの1ページとして置いてある
3D 用に別のサイトを立てず、たれみみ部の中の1ページとして公開しています。 ヘッダーやログイン、アクセスの記録はサイト側の仕組みをそのまま使えるので、 3D のコードは見た目と動きだけに集中させられます。
プライバシー・お問い合わせ
たれみみ3Dワールドはたれみみ部のサービスの一部として提供しています。 取り扱いはたれみみ部 プライバシーポリシーと利用規約に従います。
不具合のご報告やご意見・ご要望は、たれみみ部の「コンタクト」ページ、 または Sizu dev のお問い合わせページからご連絡ください。