這篇是 aogl.cn 歸檔的第 9 篇原創手記，素材在 original/360-degree-panorama/。文件夾裡是一套公寓內景 360° 素材：四張 2:1 等距柱狀全景圖，外加一段把客廳→餐廳→廚房→主臥串起來的 v360.mp4 錄屏。不是房產中介落地頁，也不教你怎麼買某款 SaaS；只記這次導出、命名和上線時的取捨。

文件夾裡有什麼

• Living-room.png — 北歐風客廳，落地窗對公園
• dining-room.png — 法式餐廳，水晶吊燈與長桌
• kitchen.png — 島臺廚房，大理石臺面與銅鍋陳列
• master-bedroom.png — 主臥，城市天際線落地窗
• v360.mp4 — 四房間連貫漫遊錄屏（文章內嵌播放）

四張圖都是完整一圈的室內全景：寬高比約 2:1，適合直接當 equirectangular 貼圖。若比例不對，球體接縫會有一條豎線或天空/地面被拉扁——我導出前會先看一眼左右邊緣能否無縫銜接。

等距柱狀圖與「內翻球」思路

若用 Three.js 做可拖拽漫遊，常見寫法是 SphereGeometry 再 scale(-1, 1, 1)，相機在球心、貼圖朝內——人站在房間中間轉頭，而不是繞物體公轉。這和本站 交互 3D 地球 同屬 WebGL 球體，但地球是外觀測、帶光照；室內全景往往只要 MeshBasicMaterial 單張貼圖，避免平行光把烘焙細節洗平。

本站現已只保留靜幀與錄屏，不再託管交互殼頁；下面視頻裡仍能看到房間之間的轉場節奏，四張 PNG 則方便對照單幀構圖與文件名。

漫遊錄屏（v360.mp4）

錄屏覆蓋四個空間，首屏比加載 WebGL 更輕，適合文章頁直接嵌入。可用播放器暫停、逐幀看接縫與曝光是否一致。

四張全景靜幀（對照用）

需要對照單幀構圖時，可看下面四張 equirectangular 靜圖；文件名與場景 id 一一對應。

示意文案的邊界

畫面裡的軟裝、景觀描述（吊燈、天際線、島臺陳列等）是配合 AI/渲染畫面寫的示意，不是真實樓盤資料。若你 fork 去做真實房源，應換上測繪全景並替換所有營銷文案。

和本站其他 Demo 的關係

穿越視差手機 是分層 2D 視差；3D 地球 是外觀測球體加光照。本篇是室內 equirectangular 靜幀 + 錄屏歸檔，更接近虛擬樣板間素材包。三條線並列放在首頁輪播，避免混成「一個地球裡有一套公寓」這種誤解。

若你要複用這批素材

1. 每張全景保持 2:1（常見 4096×2048 或 2048×1024），左右邊緣對齊。
2. 四張圖用穩定文件名（如 Living-room.png），方便 CMS 或自建 viewer 引用。
3. 文章頁用錄屏 + 靜幀圖庫 + 上文說明，利於搜索理解「360 全景 / virtual tour / equirectangular interior」。

我不在這裡列「十大全景插件」對比表：插件換得快，把你自己的場景圖 + 命名約定寫清楚，比堆外鏈更有維護價值。