A-Frame WEB VR框架初体验

来源:互联网 发布:饮料瓶外包装设计软件 编辑:程序博客网 时间:2024/05/16 09:54

aFrame是一个Web VR框架,底层是基于threejs的,刚好项目也用到了threejs,就用aFrame试了下效果。在网页上看起来,aFrame就是把threejs的的实现包装成一个实体标签。

代码:

<!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <title>Web VR App</title>    <script src="./lib/0.3.0/aframe.min.js"></script></head><body>    <a-scene>        <a-sky src="images2.jpg"></a-sky>    </a-scene></body></html>

这样便可以获得一个3D主视角视图,拖动鼠标,便可以改变视点,在VR设备上,便可获得初步的VR体验。

效果:点这里

初次体验,没什么感觉,写篇文章做个留念。感觉VR和3D内容上没什么区别,区别在与交互,但是VR对内容的要求更高。


参考:
网页端的VR如何实现?

0 0
原创粉丝点击