( Dcim )

DCIM は、カメラの中に残されていた写真を並べ、1枚ずつ奥行きを推定してブラウザ上で立ち上げ直す写真サイト。一覧ページでは写真をモノクロのコンタクトシートとして表示、詳細ページでは depth map を使った WebGL2 の点群ビューアとして再構成する。

JPEG 的な量子化、ブロックノイズ、ネガからポジへの変化、輝度から色への復元を遷移の文法として設計した。ページ遷移は swup と常駐 canvas によるブリッジで制御し、DOM の差し替えをまたいでも同じ写真の像が暗部から再定着するようにしている。

実装面では、photospace-cli で元写真から AVIF/JPEG と depth.png、meta.json を含むパッケージを生成し、photospace-runtime で読み込む構成にした。depth map は Depth Anything V2 により推定し、近景から奥行きが立ち上がるよう WebGL2 で描画する。JavaScript や WebGL2 が使えない環境では、静的な写真一覧として読めるようにフォールバックも用意している。