A-Frame WEB VR框架初体验

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="data:images2.jpg"></a-sky></a-scene></body>
</html>

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

效果：点这里

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

参考：
网页端的VR如何实现？

A-Frame WEB VR框架初体验相关推荐

python的scrapy爬虫模块间进行传参_小猪的Python学习之旅 —— 4.Scrapy爬虫框架初体验...
小猪的Python学习之旅 -- 4.Scrapy爬虫框架初体验 Python 引言: 经过前面两节的学习,我们学会了使用urllib去模拟请求,使用 Beautiful Soup和正则表达式来处理网 ...
自然语言处理NLP星空智能对话机器人系列：Facebook StarSpace框架初体验
自然语言处理NLP星空智能对话机器人系列:Facebook StarSpace框架初体验目录 Facebook StarSpace github StarSpace 安装部署编译星际空间 Face ...
【Flask框架】一. Flask框架初体验（配置环境 + 简单demo样例）
文章目录一. Flask框架初体验(配置环境 + 简单demo样例) 虚拟环境新建项目将Pycharm改为FLASK_DEBUG模式修改FLASK_DEBUG模式的步骤配置文件简单用法 U ...
web VR框架 a-frame入门及生成360度全景页面的demo
官网首页地址:https://aframe.io/ 以往我们实现全景图片可以使用three.js,但是three.js渲染效果较差,且图片需要提前剪切成6张,使用体验比较差,深入学习需要一定的时间. ...
GWT（Google Web Toolkit）初体验
为什么选择GWT? 众所周知,即使对于Ajax技术非常熟悉的开发者而言,Ajax应用的开发和调试过程也不是一件容易的事情,更困难的是,到目前为止,一直没有出现合适的开发工具能够支持Ajax应用的开发和 ...
Vue3系列(二)之安装依赖与UI框架初体验
目录一.安装常用依赖二.UI框架体验 1.Element-plus 1.1 完整引入 1.2 按需引入 1.3 国际化 - 中文 2.Ant-Design 2.x 2.1 完整引入 2.2 按需引 ...
爬虫Scrapy框架初体验
目录结构: |写在前面: |依葫芦画瓢: | | 安装: | | 概述: | | 创建一个scrapy项目 | | 第一个scrapy蜘蛛 | ...
Web IOC 容器初体验
我们还是从大家最熟悉的DispatcherServlet 开始,我们最先想到的还是DispatcherServlet 的init()方法.我们发现在DispatherServlet 中并没有找到ini ...
SaltStack WEB UI Halite初体验
闲来无聊,话说saltstack webui halite还一直没玩,于是就凑今天体验一把: 很多尝鲜的同学都说halite的功能较少,而其也正符合其说明console,不过其UI我还是蛮喜欢的,个人 ...

A-Frame WEB VR框架初体验

A-Frame WEB VR框架初体验相关推荐

最新文章

热门文章