This is the ninth original article on aogl.cn, sourced from original/360-degree-panorama/. The folder is an apartment interior 360° asset pack: four 2:1 equirectangular panoramas plus v360.mp4, a screen recording that walks living room → dining → kitchen → master bedroom. It is not a brokerage landing page and not a vendor tutorial—only how these files are named, exported, and published here.

What is in the folder

• Living-room.png — Nordic-style living room, park view through tall windows
• dining-room.png — formal dining space with chandelier and long table
• kitchen.png — island kitchen, marble counter, copper cookware on display
• master-bedroom.png — bedroom suite with city skyline glazing
• v360.mp4 — four-room walkthrough recording (embedded below)

Each image is a full 360° horizontal sweep at roughly 2:1 width-to-height—the usual equirectangular layout for panorama textures. If the ratio drifts, you get a visible seam or stretched floor/ceiling bands. I sanity-check left and right edges before committing a file to the repo.

Equirectangular layout and inverted-sphere tours

If you build a draggable WebGL tour, the common Three.js pattern is SphereGeometry plus scale(-1, 1, 1) with the camera at the origin— you stand inside the room and turn your head, not orbit furniture from outside. That rhymes with the site’s interactive 3D Earth (also WebGL + Three.js r128) but the earth is viewed from outside with lights; interior panoramas often use MeshBasicMaterial and one texture map so baked lighting in the photo is not washed out.

aogl.cn now ships stills plus the MP4 only—no hosted interactive shell. The video still shows how the spaces connect; the PNGs are there when you need a frozen frame or filename reference.

Tour recording (v360.mp4)

The clip is lighter on first paint than booting a WebGL viewer—good for article embeds. Pause and scrub when you want to check exposure or seam alignment room by room.

Still frames for comparison

Flat equirectangular stills below match each scene id when you need a frozen frame.

Staging copy boundaries

Descriptions in the imagery (chandelier, skyline, island styling, etc.) are staging copy written to match the renders, not a real listing. For production real-estate use, swap in legally cleared panoramas and replace every marketing line.

How this sits beside other demos

Travel-through parallax phone stacks 2D layers. 3D Earth is exterior observation with shaders. This article is interior equirectangular stills + a walkthrough recording—a virtual-tour asset archive, not a second globe demo. All three stay separate on the home carousel so visitors do not merge them into one fictional product.

Reuse checklist

1. Export panoramas at 2:1; align the seam at ±180°.
2. Keep stable filenames so your CMS or custom viewer can reference them.
3. Publish with semantic headings, figure/figcaption around the recording, and honest scope in the lead paragraph—helps queries like 360 panorama, equirectangular interior, virtual tour recording.

I skip a “top ten panorama plugins” roundup here. Plugins churn; documenting your scene files and naming ages better and reads as maintainer-written, which is what I want this archive to look like.

How the four rooms connect in v360.mp4

The recording is a single continuous path: living room opens on park-side glazing, then a hard cut through the dining threshold (chandelier visible), into the island kitchen (copper pans as a color accent), and finally the master bedroom with skyline exposure. I did not use dissolve transitions—hard cuts make it obvious each PNG still matches a distinct equirectangular file. When I scrub the MP4 slowly, I check that vertical lines (door frames, island edge) stay vertical; if they barrel, the source panorama was stitched with the wrong projection and I re-export before publishing.

Export settings I write on the tin

Each still is exported at roughly 8192×4096 working resolution, then downscaled to web-friendly dimensions for this article gallery. I keep filenames lowercase with hyphens (dining-room.png) so Linux hosting and GitHub Pages stay case-safe. Alpha is unnecessary for interior spheres—RGB only. For the MP4 I use H.264 with a poster frame pulled from the living room still so first paint is not black; audio is omitted because this is a visual asset pack, not a narrated tour.

Future interactive shell (not shipped)

A draggable WebGL viewer would reuse the same four maps on an inverted sphere with MeshBasicMaterial to preserve baked lighting. I have not shipped that HTML on aogl.cn because mobile GPU memory and gesture UX need another honest article—not a silent iframe swap. When I do ship it, this page will gain a second embed and a short “what changed from v360-only” section rather than replacing the video, so older links keep working.

SEO and honesty boundaries

Queries like apartment 360 tour or equirectangular interior should land on a page that states clearly these are staging renders, not a listing at a real address. That boundary protects trust and matches how I describe the train window composite and plane window composite articles: synthetic plates with explicit scope in the lead paragraph.