たれみみげきじょう

たれみみたちが3Dで動く、ブラウザで見られる紙芝居ショートムービー。

公開中

できること

3Dの紙芝居を見る … 木枠の舞台の中で、たれみみやなかまの動物たちが短いお話を演じます。字幕と音楽つきです。
好きな場面へ … 再生・一時停止・早送りのほか、チャプターやスライダーで見たい場面へすぐ移れます。
カメラを動かす … ドラッグやピンチで舞台を好きな角度からのぞけます。ボタンひとつで演出のカメラに戻ります。
さわって遊ぶ … 止めた場面でキャラクターにさわると反応したり、かくれているものを探したり、帽子などを着せかえたりできます。見つけたものは図鑑に埋まっていきます。
撮る・残す … 好きな場面を写真に撮ったり、気に入った場面に「ここ好き」を送ったりできます。会員登録は必要ありません。

再生	JavaScript と three.js。ビルドなしで動く共通のプレイヤーに、お話ごとの台本を読み込ませて再生します。
キャラクター	Blender で作ったモデル（GLB）。ローポリから形をなめらかにし、エンジン側でアニメ調の見た目に仕上げています。耳が曲がるようにボーンを入れてあります。
演出	場面ごとに、時刻からキャラクターの動き・カメラ・字幕を決める台本を書いています。縦長・正方形の構図にも切り替えられます。
配信	Cloudflare Workers。公開済みの作品とその再生に必要なファイルだけを集めて配信し、「ここ好き」の数は D1 に記録します。

各場面の動きは「時刻を渡すと姿勢が決まる」純粋な関数として書いています。乱数もその時刻から決めるので、シークや巻き戻しをしても、動画として書き出しても、同じ時刻なら必ず同じ絵になります。

さわったときの反応や着せかえは、お話の場面を描いたあとに重ね、描き終えたら元に戻すレイヤーで作っています。遊びの機能を足しても、お話そのものの動きは1コマも変わりません。

制作中の作品や試作用のページは、公開版の配信物に最初から含めません。作品の公開・非公開は一覧の台帳に1行で書き、そこから公開用のファイルを組み立てています。

たれみみげきじょうは会員登録なしで見られます。不具合のご報告やご意見・ご要望は、Sizu dev のお問い合わせページからご連絡ください。