我要发帖 回复

论坛元老

332

主题

6058

积分

0

专家分

兴趣点(最多三项):

Unity
UDK|Unreal
CryEngine

私信
发表时间 : 2016-10-28 17:03:59 | 浏览 : 516    评论 : 1
虚拟现实概念现在很火,有人说2016是虚拟现实年,现在我们能够基于A-Frame, ReactRedux开发Web的虚拟现实WebVR,WebVR相比于原生VR应用的优点是可以使用同样的状态数据在html/CSS渲染和3D渲染之间无缝切换。

这里GitHub的MeetupVR案例是基于A-Frame React boilerplate project模板项目建立的。其在线DEMO效果可见:MeetupVR演示

这里使用了很多库包,其中aframe-react是连接A-Framw和React之间的桥梁,而react-redux可以干净地用状态连接组件。

MeetupVR安装运行很简单:
npm install
npm run serve-js &
npm run serve

浏览器打开 localhost:5555

当点按页面中按钮,用户将切换到一个3d渲染模式,如果用户佩戴一个VR兼容的设备,用户将会置身于这些物体之间,然后通过凝视控制的光标来点按这些物体。

具体技术细节见:
Hands-on with virtual reality using A-Frame, React

使用A-Frame,Web开发人员能够轻松地建立3D和VR虚拟化,可以将这些效果应用于现在基于React的应用(banq注:就凭这点Angular2又如何能够和Reat.js血拼争高低呢?),如果你的架构使用Flux架构,采取共享的单向状态和事件流,Flux这两个特点将会为同样数据加载不同的渲染展示提供了可能。

参考:
前端Flux架构介绍
Reat.JS基础教程

最近VR访客

UE4   |   虚幻引擎   |   Unity VR    |    Hololens
hbykdx 评论于2017-4-20 20:56:32
vrapple 发表于 2016-10-28 05:03 PM
虚拟现实概念现在很火,有人说2016是虚拟现实年,现在我们能够基于A-Frame, React和Redux开发Web的虚拟现实 ...

又看到一个高科技

手机版|VR开发网 |网站地图 统计  津ICP备16006248号

GMT+8, 2017-11-23 07:19 PM

返回顶部