实现Web虚拟现实的最轻松方案—A-Frame框架
问题
随着vr的热度那么web虚拟现实是否可行
1. 实现Web虚拟现实的最轻松方案 A-Frame
A-Frame是一款开源的可通过定制HTML元素构建WebVR方案的框架。有了这个框架,Web程序员无需学习一门全新的语言或者类似于Unity和Unreal这样的三维引擎就可以在Web开发中加入虚拟现实支持。作为一个入门教程,本文将引导你一步步实现构建一个加入Web虚拟现实支持的Web页面的全过程。
1. 实现Web虚拟现实的最轻松方案 A-Frame
A-Frame框架的入门级教程页面(https://aframe.io/docs/guide/getting-started.html)
忽略以上介绍,简单粗暴 直接下载...找到并打开inex.html
A-Frame样板(https://github.com/aframevr/aframe-boilerplate/archive/master.zip)
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>A-Frame Street Demo</title><script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script></head><body><a-scene><a-assets><img id="darktexture" src="blacktexture.png"></a-assets><a-box color="#B76705" depth="2" height="2" width="4" position="0 0 -1.25"></a-box><a-cylinder color="#1E130E" height="40" radius="0.5" position="-40 0 -8"></a-cylinder><a-cylinder color="#1E130E" height="40" radius="0.5" position="-10 0 -8"></a-cylinder><a-cylinder color="#1E130E" height="40" radius="0.5" position="20 0 -8"></a-cylinder><a-cylinder color="#1E130E" height="40" radius="0.5" position="50 0 -7"></a-cylinder><a-sphere src="#darktexture" radius="2" position="0 15 20"></a-sphere><a-sky src="res.jpg"></a-sky></a-scene></body> </html>
图片素材:https://flic.kr/p/bCMJ4X
小结.本文转自 51cto.com
转载于:https://www.cnblogs.com/lemonphp/p/5395834.html
实现Web虚拟现实的最轻松方案—A-Frame框架相关推荐
- 基于FFmpeg和Wasm的Web端视频截帧方案
作者 | 小萱 导读 基于实际业务需求,介绍了自定义Wasm截帧方案的实现原理和实现方案.解决传统的基于canvas的截帧方案所存在的问题,更高效灵活的实现截帧能力. 全文10103字,预计阅读时间2 ...
- 大规模 Web 数据采集的终极开源方案 - PulsarRPA
简介 PulsarRPA (国内镜像)是大规模采集 Web 数据的终极开源方案,可满足几乎所有规模和性质的网络数据采集需要. 大规模提取 Web 数据非常困难.网站经常变化并且变得越来越复杂,这意味着 ...
- 基于WEB 的实时事件通知方案
基于WEB 的实时事件通知方案 基于 WEB 的实时事件通知方式大致有五种方案:HTTP拉取方式(pull),HTTP流,Long Polling,FlashXMLSocket方式,Java Appl ...
- Web开发种色系搭配方案和常用颜色码
在进行web开发或者小程序.APP时,如何获得赏心悦目的效果,获得领导和客户的青睐是广大程序员的急需解决的大问题.鄙人在网上找了一些资料,希望能帮到入门新手.色彩是直接能影响人的心情,不同的作品主题就 ...
- Web应用国密改造方案
国密改造的背景 一.网络安全形势不容乐观 1)网络安全事件日趋严重,HTTP网站存在被伪造.中间人劫持等安全风险 -美国白宫通过2015年<HTTPS-ONLY备忘录>达到政府类网站全覆盖 ...
- Web前端开发必不可少的10个开源框架
作为一名前端开发人员,持续学习是必备的技能之一.随着新技术的不断涌现,前端开发框架越来越多,各种框架现.版本的更新此起彼伏. 前端领域的技术不断更迭,让人眼花缭乱.面对这么多框架,我们应该如何选择?接 ...
- Firefly支持AI引擎Tengine,性能提升,轻松搭建AI计算框架
Tengine 是OPEN AI LAB 为嵌入式设备开发的一个轻量级.高性能并且模块化的引擎.基于ARM平台高效的计算库实现,针对特定硬件平台的性能优化,吸取已有AI计算框架的优点,设计全新的计算图 ...
- GO Frame框架搭建一个web网站(一)
1.Go Frame框架学习 官方文档 Go Frame 框架官方网站 2.下载gf-cli(Go Frame开发工具链) 工具开源项目地址,提供了各种操作系统版本和安装方法 完整命令 D:\gola ...
- 使用 Chrome 浏览器插件 Web Scraper 10分钟轻松实现网页数据的爬取
web scraper 下载:Web-Scraper_v0.2.0.10 使用 Chrome 浏览器插件 Web Scraper 可以轻松实现网页数据的爬取,不写代码,鼠标操作,点哪爬哪,还不用考虑爬 ...
最新文章
- php伪造页面url地址,php 伪造HTTP_REFERER页面URL来源的三种方法
- OpenCASCADE绘制测试线束:OCAF 命令之标准演示命令
- centos 删除crontab_centos7 定时任务crontab命令详解
- 马云妇女节寄语女性:没有败家的女人 只有爱家的女人
- 如何理解Python装饰器?
- Collection集合 创建/添加/迭代
- C++ 编写的DLL导出的函数名乱码含义解析
- python两数之和是多少_Python面试:两数之和
- iview2.0 bug之+8 区的 DatePicker
- 莱斯康混响插件合集 – Lexicon PCM LXP MPX Native Reverb WiN
- 杭州电子科技大学计算机研究生很好考吗,杭州电子科技大学考研难吗?一般要什么水平才可以进入?...
- 2014-04-12腾讯实习生笔试题目及解析
- 【电子学会】2019年12月图形化四级 -- 随机选T恤
- 英超 狼队 vs 纽卡斯尔联
- WIN7下VirtualBox “指令引用的0x0000000内存”报错问题
- js网状特效源代码下载
- MPB:广东生态土壤所孙蔚旻组-DNA稳定同位素示踪与宏基因组单菌草图组装联用技术...
- 中控门禁无法添加设备,提示表结构不存在或接收超时
- 手把手教你,5min中,实现OBS存储桶,搭建个人网盘(秒杀百度网盘VIP)
- Unreal Engin_画廊制作笔记 _012修改World Settings设置
热门文章
- HDOJ1016 素数环(DFS)
- 基于动态用户偏好和服务质量的推荐算法
- html导入错误 wordpress,纯代码为WordPress压缩前端html代码 附BUG修复
- 【数据挖掘笔记三】数据预处理
- Centos下Web中间件Jboss应用发布start和stop脚本范例
- (转载)hive文件存储格式
- 周立功CAN二次开发接口使用(C#)
- ubuntu10.04下安装windows7
- eureka/zookeeper/consul 三个注册中心的异同点
- 使用 spring 的 IOC 解决程序耦合——获取spring的Ioc核心容器,并根据id获取对象、核心容器的两个接口(ApplicationContext、BeanFactory)引发出的问题