11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

介绍

aframe是一个用于构建虚拟现实(VR)体验的web框架,用HTML和模型组件制作WebVR


11.6k stars,用于构建虚拟现实体验的web框架——aframe.js


Github

https://github.com/aframevr/aframe

功能特性

以下功能特性来自于官方介绍

  • 简化虚拟现实

通过添加<a-scene>, A-Frame可以处理跨平台运行所需的3D和WebVR样板文件,包括手机、桌面、Vive和Rift。

  • 声明式的HTML

HTML易于阅读和复制粘贴。由于A-Frame可以从HTML中使用,A-Frame对每个人都是可访问的:web开发人员,VR爱好者,教育者,艺术家,创作者,孩子

  • Entity-Component架构

a – frame基于一个强大的框架three.js之上。为three.js提供了一个声明性的、可组合的、可重用的实体-组件结构。虽然A-Frame可以从HTML中使用,但开发人员可以无限制地访问JavaScript、DOM api等三种语言。js, WebVR和WebGL。

  • 高性能

a – frame是在three.js之上的一个精炼的框架。虽然A-Frame使用了DOM,但是A-Frame不涉及浏览器布局引擎。性能是最重要的,在高度交互的WebVR体验上进行实战测试。

  • 跨平台

为Vive、Rift、Daydream、GearVR和Cardboard构建VR应用程序。没有耳机或控制器?没问题!A-Frame仍然适用于标准的桌面电脑和智能手机

  • 视觉查看器插件

a – frame提供了一个内置的可视化3D检查器,其工作流类似于浏览器的开发工具和界面类似于Unity。打开任意一个a帧场景,按<ctrl> + <alt> + i。

  • 功能丰富

使用A-Frame的内置组件如几何图形、材质、灯光、动画、模型、光线发射器、阴影、位置音频、跟踪控制器等轻松使用。更进一步的社区组件,如粒子系统,物理,多用户,海洋,山脉,语音识别,或通信!

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

示例

用几行HTML在浏览器中构建VR场景!

<html>
<head>
<script src="/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
</body>
</html>

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

图示

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

人已赞赏
技术博文

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

2020-9-4 21:27:40

技术博文

一个开源免费的基于现代Javascript的动画引擎库——kute.js

2020-9-9 21:10:17

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索