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如何实现?