江苏龙网

  1. 首页 > 生活 > >

当前的VR是一种怎么样的体验webVR又体验怎样( 二 )


开始你可以不用安装任何软件就可以进行基于A-Frame的VR开发。最快的尝试使用A-framework方式是重构Glitch上的初始例子(它是一个免费的在线的代码编辑器)或者通过在.html文件的\u0026lt;head\u0026gt;中引入相关的JS文件:
\u0026lt;html\u0026gt;\u0026lt;head\u0026gt;\u0026lt;script src=https://www.zhihu.com/api/v4/questions/47961211/“https://aframe.io/releases/0.5.0/aframe.min.js”/u0026gt;/u0026lt;/script/u0026gt;/u0026lt;/head/u0026gt;/u0026lt;body/u0026gt;/u0026lt;a-scene/u0026gt;/u0026lt;a-box position=“-1 0.5 -3” rotation=“0 45 0” color=“#4CC3D9”/u0026gt;/u0026lt;/a-box/u0026gt;/u0026lt;a-sphere position=“0 1.25 -5” radius=“1.25” color=“#EF2D5E”/u0026gt;/u0026lt;/a-sphere/u0026gt;/u0026lt;a-cylinder position=“1 0.75 -3” radius=“0.5” color=“#FFC65D”/u0026gt;/u0026lt;/a-cylinder/u0026gt;/u0026lt;a-plane position=“0 0 -4” rotation=“-90 0 0” width=“4” height=“4” color=“#7BC8A4”/u0026gt;/u0026lt;/a-plane/u0026gt;/u0026lt;a-sky color=“#ECECEC”/u0026gt;/u0026lt;/a-sky/u0026gt;/u0026lt;/a-scene/u0026gt;/u0026lt;/body/u0026gt;/u0026lt;/html/u0026gt;安装页面 提供了更多使用A-Frame的方法。也可以通过 A-Frame School 来可视化的一步一步完全学习教程。
特性https://assets-cdn.github.com/images/icons/emoji/unicode/1f453.png?v7 极简化VR: 只要通过一个\u0026lt;script\u0026gt;和\u0026lt;a-scene\u0026gt;标签。 A-Frame会处理3D代码，VR环境搭建，以及默认控制。 无需安装、无需编译。
https://assets-cdn.github.com/images/icons/emoji/unicode/2764.png?v7 声明式HTML: HTML极易阅读、理解和复制粘贴。同时，因为是基于HTML，对于艺术家、设计师、教育者、开发者甚至小孩都极易入门。
https://assets-cdn.github.com/images/icons/emoji/unicode/1f310.png?v7 跨平台VR: 它可以为Vive, Rift, Daydream, GearVR和Cardboard所有这些设备提供相关的VR控制命令。没有头显设备或者控制器？A-Frame甚至可以在普通台式机和智能机上面运行。
https://assets-cdn.github.com/images/icons/emoji/unicode/1f50c.png?v7 实体组件构架: A-Frame是一个强大的提供声明式, 可组合, 可复用的 实体组件系统的 three.js 框架。HTML 只是冰山一角；它提供JavaScript, DOM APIs, three.js, WebVR, and WebGL各种种样的API。
https://assets-cdn.github.com/images/icons/emoji/unicode/26a1.png?v7 性能: A-Frame针对于 WebVR做了大量优化。尽管A-Framework使用DOM，它的元素并不涉及到浏览器的布局引擎。 3D物体通过一个简单的requestAnimationFrame请求即可进行刷新。详细请参见A-Frame自带的 A-Painter, Tilt Brush ，可以达到如同运行在本地一样的性能。 (90+ FPS).
https://assets-cdn.github.com/images/icons/emoji/unicode/1f528.png?v7 工具兼容性: 因为它是基于HTML, A-Frame和大多数的类库和框架以及像 React, Preact, Vue.js, Angular, d3.js, Ember.js, jQuery这样的工具兼容。
https://assets-cdn.github.com/images/icons/emoji/unicode/1f50d.png?v7 可视化观察: A-Frame提供一个可视化的3D观察器。打开任何A-Frame场景， 点击 \u0026lt;ctrl\u0026gt; + \u0026lt;alt\u0026gt; + i，就可以来回调整视角!
https://cloud.githubusercontent.com/assets/674727/25377018/27be9cce-295b-11e7-9098-3e85ac1fe172.gif
https://assets-cdn.github.com/images/icons/emoji/unicode/1f4e6.png?v7 注册: 可以使用开发者发布的强大组件，并通过简单的HTML语句即可嵌入自己的应用。和Unity的Asset Store相像， A-Frame注册机制 收集并组织每一个组件。


推荐阅读


上一篇：有米，万普，大头鸟，橘子这四个机锋市场合作广告平台有啥异同，各有哪些优势和劣势呢应该咋选择呢

下一篇：|政策暖风“吹热”消费市场 商务部门全力护航消费市场发展