superframe
A-Frame组件的超级集合。
组件
查看各个组件的文档:
- aabb-collider - A-Frame的轴对齐包围盒组件。
- animation - 使用anime.js在A-Frame中创建动画
- animation-timeline - 与A-Frame动画组件一起使用的时间轴组件。
- atlas-uvs - 一个A-Frame组件,用于在给定网格纹理图集的平面几何体上设置UV。
- audioanalyser - 使用Web Audio(AnalyserNode)在A-Frame中进行音频可视化
- broadcast - 使用原始WebSocket在A-Frame中实现多用户功能
- camera-recorder - 一个用于使用受控摄像机(平移、推轨、倾斜)拍摄和录制A-Frame场景的组件。
- debug-cursor - 一个用于优雅记录光标事件的组件。
- entity-generator - 在A-Frame中给定一个mixin生成多个实体
- event-set - 在A-Frame中响应事件设置属性
- firebase - 使用Firebase在A-Frame中实现多用户功能
- fps-counter - 一个简单的FPS计数器组件,用于测量A-Frame中VR的性能。
- geometry-merger - 一个A-Frame组件,用于合并几何体以减少绘制调用。
- gltf-part - 一个组件,用于将GLTF模型的部分提取到它们自己的A-Frame实体中。
- haptics - A-Frame的控制器触觉(振动)组件。
- layout - 在A-Frame的3D空间中定位和布局子实体
- log - A-Frame的VR内控制台日志。
- look-at - 在A-Frame中旋转一个实体以面向另一个实体
- mountain - 使用随机生成的高度图在A-Frame中创建山地地形
- orbit-controls - A-Frame的轨道控制组件。
- proxy-event - A-Frame的声明式事件代理组件。
- randomizer - 在A-Frame中随机化颜色、位置、旋转和缩放
- render-order - 一个组件,可以对透明对象进行排序并手动定义渲染顺序。
- state - 使用单一全局状态通过操作修改的A-Frame状态管理。状态通过声明式绑定向下流向应用程序。
- sun-sky - A-Frame中带有可调节太阳的渐变天空
- template - 在A-Frame中封装实体组、使用模板引擎和进行字符串插值
- text-geometry - A-Frame的基于几何体的文本
- thumb-controls - 一个A-Frame组件,为拇指板和拇指摇杆提供并标准化方向事件。
本地安装
进入您希望开发的组件或场景的文件夹,并查看其README。步骤通常包括:
git clone git@github.com:supermedium/superframe && cd superframe
# 进入要开发的文件夹(例如,`cd components/foo`,`cd scenes/foo`)。
npm install
npm run dev # (或有时是 `npm run start`)
浏览器中应该会打开一个页面。您可以对源代码进行开发,服务器将处理实时编译和打包。