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`）

浏览器中应该会打开一个页面。您可以对源代码进行开发，服务器将处理实时编译和打包。