つくった理由
両面ディスプレイのカバーは、一枚の画像だけでは伝わりません。開く、閉じる、端末を外す動きで、構造を見られるサイトにしました。
使い方の流れ
紹介アニメーションを見る → ドラッグして回転 → 機種や画面を選ぶ → 開閉・着脱を再生 → コンセプトの説明を読む。
実装と設計の判断
Three.jsで描画。固定形状のiPhoneとディスプレイケースを分離し、動きを調整しました。PythonとSQLiteによるバックエンドで、決済を伴わない関心登録に対応しています。
現在できること
操作できるコンセプトサイトを公開。機種選択、開閉・着脱アニメーション、予約登録用バックエンドを実装しています。
担当範囲と出典
chuspeeism/iphone-duoを基に改変。操作UI、開閉タイミング、画面投影技法は元プロジェクトに由来します。Apple素材とThree.jsの出典を保持し、ハードウェアの実現性や量産を実証したものとは区別しています。