用途:A-Frame 是一个声明式 Web 框架,用 HTML 和实体-组件(ECS)架构在浏览器中构建 3D、VR 与 AR 体验。适合以极少 JavaScript 快速搭建跨平台 WebXR 应用(桌面、移动、头显),制作 3D 场景原型、VR 控制器交互、360° 图片/视频体验,以及带命中测试的 AR 应用。
主要能力:以 <a-scene> 为根,实体(<a-entity>)作为容器,组件为其添加外观与功能;原语(如 <a-box>、<a-sphere>)是常见实体加组件的简写。场景会自动注入默认相机(位置 0 1.6 0)、look-controls 与 wasd-controls。支持自定义相机与相机 rig、hand-controls/laser-controls 控制器、环境光/平行光/点光/聚光、标准与纹理材质、属性动画与事件动画、<a-assets> 资源预加载(图片、视频、音频、glTF 模型、mixin)、以及通过 AFRAME.registerComponent 注册自定义组件(含 schema、init、tick 生命周期)。
使用方式:在页面引入 https://aframe.io/releases/1.7.1/aframe.min.js,编写 <a-scene> 及实体标签即可。常见模式包括:VR 控制器抓取(triggerdown/gripdown 事件配合 object3D.attach)、360° 图片画廊(a-sky 加可点击缩略图与 a-cursor)、AR 命中测试(webxr 的 hit-test 与 ar-hit-test 组件)、鼠标/注视交互(cursor 与 raycaster)、动态生成实体、环境与天空盒、glTF 模型加载。
限制:资料未提供收费、价格、平台兼容性细节与效果保证;部分模式依赖社区组件(如 aframe-sky-background、aframe-extras),需自行引入对应脚本。具体浏览器与设备支持情况暂未提供。