HTML5技术

A-Frame_简单介绍 - 时空矩人

字号+ 作者:H5之家 来源:博客园 2016-07-01 11:00 我要评论( )

VR框架A-Frame: https://aframe.io 版本: 0.2.0 30/6/2016 A-Frame 是一个能够实现在web网页上实现3D和VR体验的开源框架,它是由MozVR team这个团队创建的。 下面是一个例子: (webStorm创建的项目) 运行得到的结果: (红色的是box 其他都是自定义的.dae文件的

VR框架A-Frame: https://aframe.io

版本: 0.2.0    30/6/2016

 

A-Frame 是一个能够实现在web网页上实现3D和VR体验的开源框架,它是由 MozVR team这个团队创建的。

下面是一个例子: (webStorm创建的项目)

 

 运行得到的结果: (红色的是box 其他都是自定义的.dae文件的模型(一个室内模型), 抢眼的大光斑应该是A-Frame框架自带的光源照成的, 因为摄像头在舍内所以sky 是没有起到作用的,但是告诉你sky就是背景, 可以是图片也可以是纯颜色), 右下方的一个像VR眼镜的按钮,如果你的浏览器支持VR就可以使用, 但是不管怎样在手机上运行只要将手机一打横就可以进入VR观看模式的

 

需要注意的是当前只支持window系统的firefox 和chrome两款浏览器,而且需要自己配置什么的可以在官网看:  就在首页

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 对于Bootstrap的介绍以及如何使用 - novai-L

    对于Bootstrap的介绍以及如何使用 - novai-L

    2017-04-29 09:00

  • 《人民的名义》---简单的文本分析 - 视野

    《人民的名义》---简单的文本分析 - 视野

    2017-04-22 18:00

  • 随应潮流-基于ABP+Angularjs现代化应用软件开发框架(1)-总体介绍 - 在路在的张

    随应潮流-基于ABP+Angularjs现代化应用软件开发框架(1)-总体介绍 -

    2017-04-22 08:04

  • [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反骨仔(二五仔)

    [.NET] 一步步打造一个简单的 MVC 电商网站 - BooksStore(三) - 反

    2017-04-02 11:00

网友点评