A-Frame WEB VR框架初体验

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

代码:


<html>
<head>
    <meta charset="utf-8"/>
    <title>Web VR Apptitle>
    <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如何实现?

你可能感兴趣的:(前端,vr)