Skip to content

About

场景锻造 沉浸式网页发布框架:面向新媒体艺术家的沉浸式场景轻量化网页发布开源框架,实现线下演出、艺术装置、数字空间的快速网页化孪生,全终端无门槛访问

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Repository files navigation

SceneForge

SceneForge 是一个面向演出空间、装置现场与沉浸式内容的网页场景查看器和舞台预演工具。

当前仓库已经从概念文档转为可运行的第一版应用骨架:

  • 场地目录与切换;
  • Three.js / React Three Fiber 场景查看;
  • 镜头预设;
  • cue / state 切换;
  • 本地视频映射到演出屏幕;
  • 可开关的地面反射预览;
  • WebXR 能力检测与 Vision Pro / Quest 的 immersive VR 入口;
  • 场景 manifest 校验、测试、CI 与 GitHub Pages 部署流程。

当前 BO Live House 和 UFO Terminal 都是 illustrative 演示几何,不是施工测量模型。

技术路线

  • 底层渲染: Three.js
  • 应用层: React + React Three Fiber
  • XR: WebXR(稳定路径为 WebGL2)
  • WebGPU: 作为渐进增强单独验证,不牺牲 WebGL2 / WebXR 回退
  • Apple Vision Pro: Safari WebXR immersive VR + 可选 USDZ / HTML <model> / Quick Look 资产层
  • 实时媒体: 浏览器端使用 WebRTC/HLS/本地文件;NDI 通过本地 bridge 转换,不宣称网页直接读取 NDI

浏览器使用 WebXR,而不是直接使用 OpenXR。OpenXR 只应出现在后续原生运行时适配层。

本地运行

npm install
npm run dev

完整验证:

npm run verify

项目结构

src/
  components/      R3F 场景、控制面板、视频屏幕与能力显示
  data/            场地 manifest
  domain/          场景协议与 cue engine
  lib/             运行时能力检测与媒体 bridge 契约
public/
  needle-room/     v0.2 Needle Engine 屏幕共享 / WebXR 独立实验入口
systems/
  needle-room/     实验说明、测试路径与验收边界
docs/
  platform-architecture-2026.md
  media-bridge.md
  research/        深度研究记录
  versions/        按版本保存范围、风险与实机验收结果
.github/
  workflows/       CI 与 GitHub Pages
  ISSUE_TEMPLATE/  可直接委派给 coding agent 的任务格式

当前边界

第一阶段不是做一个通用 3D 编辑器,而是跑通:

  1. 选择一个场地;
  2. 浏览与切换镜头;
  3. 映射一段演出视频;
  4. 切换 cue / state;
  5. 分享网页预览;
  6. 在 Vision Pro 或 Quest 中进入 WebXR 查看。

暂不承诺:网页直接读取 NDI、visionOS 浏览器 passthrough AR、完整 timecode 中控、show-critical 实时渲染替代 Resolume/Notch/TouchDesigner。

v0.2 实验:Needle XR Room

public/needle-room/ 增加一个与主 R3F viewer 隔离的 Needle Engine 5.1.5 实验,用来验证:

Mac / Windows 屏幕或摄像头
        ↓
Needle ScreenCapture / WebRTC room
        ↓
3D 视频表面
        ↓
Apple Vision Pro Safari / WebXR

同时提供 NDI 的快速验证路径:Windows 使用 NDI Webcam Input、macOS 使用 NDI Virtual Input,把局域网 NDI 源转换成标准系统摄像头,再进入同一 Camera / WebRTC 路径。真正的 NDI native sidecar 放到后续版本,不让 NDI SDK 进入浏览器 bundle。

该实验还包含运行时 GLB/glTF 加载、Reset Stage、Screen Ahead、房间 URL 与可选自托管 networking URL。它的首要实机验收项是确认 Vision Pro 进入 immersive VR 后远端视频纹理仍持续刷新。

文档

自动化开发与审批

仓库已加入:

  • AGENTS.md;
  • .github/copilot-instructions.md;
  • 结构化 issue 表单;
  • PR 模板;
  • quality-gate(format/lint、typecheck、test、build);
  • Dependabot 分组更新;
  • GitHub Pages 部署 workflow。

建议在仓库设置中要求 quality-gate / verify、至少一名人工审批,并把 Copilot/Codex 自动 review 作为附加审查而不是唯一审批者。

License

MIT

About

场景锻造 沉浸式网页发布框架:面向新媒体艺术家的沉浸式场景轻量化网页发布开源框架,实现线下演出、艺术装置、数字空间的快速网页化孪生,全终端无门槛访问

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages