海舟首页 3D 仓库场景 · 可行性测试页

独立临时页,不是官网预览,也不改公开站。场景在首屏容器里懒加载:先显示静态海报,3D 就绪后淡入。 请在真机(iPhone Safari、Android Chrome、桌面 Safari)打开本页,对照右上角读数截图:帧率、帧时、内存。业主用手机请先打开 四种组合首页。本页也可一键切换组合,翻转是场景镜像(字正向可读),不是 CSS 翻转。测速请用 自动测速页。

尺寸 加载 回退

准备中…

成田仓库静态海报

3D 遮罩方案(待业主定,仅本测试页):桌面用中遮罩,手机再加顶罩。不是现站已定稿。

FEASIBILITY MOCK

首屏高度锁定,导航胶囊与消息卡应可正常使用

最新消息
进博会培育钻石研讨会(拖动测试卡)

滚动测试区

请从 3D 画面上方向下滑动,页面应能正常竖向滚动(canvas 使用 touch-action: pan-y;场景的 touchmove 是 passive,没有 preventDefault,也没有监听 wheel)。下面留了足够长度,方便真机确认滚动和「最新消息」卡拖动互不干扰。

验收时请确认:1)点卡片标题区域再轻移,卡片应跟着走,松手后停在新位置;2)竖向滑页面时不被场景抢走;3)打开「减少动态效果」或低端机/无 WebGL 时只留海报,不加载 3D;4)切到后台或把场景滚出屏幕后,右上角会显示已暂停渲染。

Lorem viewport scroll filler. 成田仓库场景可行性说明占位段落,重复用于拉长页面。

Scroll filler 2 — CL3D v4 listens on window (passive) and ignores touch/pen on coarse-pointer devices; the harness additionally ignores pointer events on the 最新消息 card so dragging or closing it never moves the camera.

Scroll filler 3. Heat and battery cannot be measured in this headless box; please leave the page open for 60 seconds on a phone and note warmth and whether the FPS number in the HUD stays stable.

Scroll filler 4.

Scroll filler 5.

Scroll filler 6.

Scroll filler 7.

Scroll filler 8.

Scroll filler 9.

Scroll filler 10.