Mozilla开源了VR框架A-Frame
Mozilla创建并开源了A-Frame,这是一个用于在桌面浏览器、智能手机和Oculus Rift上创建VR场景的框架。
\\
A-Frame是一个在浏览器中创建VR体验的开源框架。该框架由Mozilla的MozVR团队创建和开发。A-Frame使用了一个在游戏开发中经常使用的“实体-组件(Entity-component)”系统,其中,实体是放置在场景中的对象,而组件是与那些实体相关的属性。实体使用HTML标签定义,而组件则基于一种类似CSS语法的HTML属性。实体需要置入一个场景,其中包含了VR中需要渲染的一切内容。
\\
下面的示例代码描绘了一个边长为1米的红盒子实体(立方体):
\\
\u0026lt;a-scene\u0026gt;\ \u0026lt;a-entity geometry=\"primitive: box; width: 1\" material=\"color: red\"\u0026gt;\u0026lt;/a-entity\u0026gt;\\u0026lt;/a-scene\u0026gt;
\\
目前,geometry
组件支持下列primitive
:box
、circle
、cylinder
、plane
、ring
、sphere
、torus
、torusKnot
。其他组件包括:camera
、light
、sound
、fog
、material
、scale
,等等。实体可以关联多个组件创建更复杂的场景,像下面的示例代码这样:
\\
\u0026lt;a-entity geometry=\"primitive: cube; depth: 1; height: 1; width: 1\"\ material=\"color: pink\"\ light=\"intensity: 2\"\ position=\"-1 5 0\"\ sound=\"src: dangerzone.mp3; volume: 2\"\u0026gt;\\u0026lt;/a-entity\u0026gt;
\\
为了简化开发人员的工作,Mozilla封装了一些实体-组件元素,创建了若干语法更简单易用的原语。如下所示,这行代码描绘了与上文相同的正方体:
\\
\u0026lt;a-cube width=\"1\" color=\"red\"\u0026gt;\u0026lt;/a-cube\u0026gt;
\\
预定义的原语包括:a-camera
、a-cylinder
、a-plane
、a-sphere
、a-light
、a-sky
、a-image
、a-video
,等等。a-model
让开发人员可以在场景中加载OBJ或DAE 3D模型资产。
\\
动画是虚拟现实渲染的重要组成部分。A-Frame内部使用基于Web动画规范的tween.js。下面的这段代码实现了一个男人的旋转模型:
\\
\u0026lt;a-entity id=\"model\" position=\"0 0 -2\"\u0026gt;\ \u0026lt;a-animation attribute=\"rotation\" from=\"0 -30 0\" to=\"0 330 0\" dur=\"15000\" easing=\"linear\" repeat=\"inifite\"\u0026gt;\u0026lt;/a-animation\u0026gt;\ \u0026lt;a-model position=\"-.35 0 .55\" rotation=\"0 -20 0\" scale=\"1.5 1.5 1.5\" src="../_models/man/man.dae"\u0026gt;\u0026lt;/a-model\u0026gt;\\u0026lt;/a-entity\u0026gt;
\\
A-Frame可以用于主流的桌面浏览器中,场景受鼠标或键盘控制,也可以用于智能手机和Oculus Rift头戴设备上。有个问题是,某些特定的场景在部分Android设备上不能正常渲染,但这个问题很快就会被修复。Mozilla创建了若干展示这项技术的演示程序。感兴趣的读者可以从GitHub上下载A-Frame的源代码。
\\
查看英文原文:Mozilla Has Created A-Frame, a VR Framework
Mozilla开源了VR框架A-Frame相关推荐
- 开源自动化机器学习框架
20211101 在 Airbnb 使用机器学习预测房源的价格 https://blog.csdn.net/weixin_33735077/article/details/87976278?spm=1 ...
- Google发布“多巴胺”开源强化学习框架,三大特性全满足
编译整理 | Just 编辑 | 阿司匹林 出品 | AI科技大本营 强化学习是一种非常重要 AI 技术,它能使用奖励(或惩罚)来驱动智能体(agents)朝着特定目标前进,比如它训练的 A ...
- 数据同步的终极解决方案,阿里巴巴开源的Canal框架当之无愧!!
写在前面 在当今互联网行业,尤其是现在分布式.微服务开发环境下,为了提高搜索效率,以及搜索的精准度,会大量使用Redis.Memcached等NoSQL数据库,也会使用大量的Solr.Elastics ...
- 快手八卦!突破TensorFlow、PyTorch并行瓶颈的开源分布式训练框架来了!
来源:AI前线本文约5200字,建议阅读8分钟 本文介绍了专门针对分布式场景设计了特定的优化算法同比,性能较同类提升60%. 近日,快手和苏黎世理工宣布开源分布式训练框架 Bagua(八卦),相比于 ...
- 百度开源联邦学习框架 PaddleFL:简化大规模分布式集群部署
百度开源联邦学习框架 PaddleFL:简化大规模分布式集群部署 作者 | 钰莹近两年,联邦学习技术发展迅速.作为分布式的机器学习范式,联邦学习能够有效解决数据孤岛问题,让参与方在不共享数据的基础上联 ...
- 刚刚,旷视开源深度学习框架「天元」:Brain++内核,研发和落地都在用;孙剑:COCO三连冠背后的秘密武器...
乾明 发自 凹非寺 量子位 报道 | 公众号 QbitAI 耗费资源打造优化6年,迭代到8.0版本,旷视技术体系的关键支柱,现在正式对外开源. 刚刚,深度学习驱动之下最早创业的中国AI独角兽旷视,宣 ...
- 字节跳动开源分布式训练框架BytePS,登上GitHub热榜
问耕 发自 凹非寺 量子位 出品 | 公众号 QbitAI 字节跳动开源了通用分布式训练框架BytePS,这个框架支持TensorFlow.Keras.PyTorch.MXNet,可以运行在TCP或R ...
- ruby语言开源Web应用框架 Ruby on Rails 简介
目录 Ruby on Rails是什么 历史 Rails 的 MVC 架构 Web 服务器支持 数据库支持 系统要求 集成开发环境 Ruby on Rails是什么 Ruby on Rails(官方简 ...
- Java开源——常见J2EE框架简介
Java开源--常见J2EE框架简介 Spring Framework Spring是一个解决了许多在J2EE开发中常见的问题的强大框架. Spring提供了管理业务对象的一致方法并且鼓励了注入对接口 ...
最新文章
- 安全是一个系统问题包括服务器安全,信息安全技术题库:信息泄露对于Web服务器的危害在于( )。...
- c语言函数调用数组_第七讲:C语言基础之函数,第二节,实现汉诺塔
- 【HDU - 5056】Boring count (尺取法)
- Java 并发(JUC 包-05)
- oracle上浮下浮分析函数_Oracle分析函数简析
- WindowsServices_无法拷贝文件到服务器
- matlab高等数学实验答案,MATLAB高等数学实验-(第2版)
- 国内外最佳的photoshop教程网站推荐
- R语言使用aggregate函数和median函数计算每个分组数据的中位数
- 信息安全毕设论文选题推荐
- 鼠标悬停图标360度旋转效果
- python实现Instagram网络爬虫
- ant design pro 关闭国际化语言
- 30%自媒体从业者才知道的爆款标题的专用模板,封面图的文案同样适用。
- 人和工具的关系_工具人--人--人际关系
- 分布式并行计算:概述
- 【初澈er】泰拉瑞亚/加模组/加插件/Linux服务器搭建教程 Terraria / tModloader /TShock MOD 手机电脑联机 云服务器 简单
- 【Python气象绘图临摹】处理数据(上):读入输出nc数据、截取夏季/冬季数据、ButterWorth带通滤波、计算方差
- 涉密计算机软件安装登记表,6-1-1《哈尔滨工业大学涉密计算机审批表》
- 常用软件Excel技巧[遇到问题可查一查]
热门文章
- c语言神州行用户,神州行焕新出发 你行我行神州行折射品牌自信心
- 计算机为什么找不到c盘d盘,电脑不显示是什么盘?是C盘还是D盘?怎么才能显示出来呢?...
- 计算机 程序 原理,计算机储存程序和程序原理是谁提出来的
- mysql练习题及答案_MySQL经典练习题及答案,常用SQL语句练习50题
- python 读取excel文件 效率 时间 格式_python读取Excel文件中的时间数据
- MaxCompute动态更新表中某个(多个)字段的数据
- 使用mybatis一次性添加多条数据 在oracle 数据库上
- 微信小程序云数据库触底分页加载,下拉无限加载,第一次请求数据随机,随机获取数据库的数据
- 小程序云开发,判断数据库表的两个字段匹配 云开发数据库匹配之 and 和 or 的配合使用
- 上传文件到服务器指定目录,文件名相同自动替换PHP实现代码