虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame介绍

以下为你介绍的虚拟现实/增强现实都可用在Linux系统上:AR.js(用于 Web 的高效 AR 库)、Omnitone(普通耳机实现 VR 中的 3D 全景音效)、IdeaSpace(用于 WebVR 的内容管理系统)、A-Frame(web 虚拟现实框架)。

1、AR.js(用于 Web 的高效 AR 库)

虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame介绍

AR.js 是一款应用于 Web 的高效增强现实(AR)库。

特点:

非常快:即使在手机上也能高效运行,包括 Android、IOS 和 Windows phone。

基于 Web:纯 Web 解决方案,无需安装,基于 three.js + jsartoolkit5。

开源:完全开源、免费。

标准:适用于任何带有 webgl 和 webrtc 的手机。

下载地址:https://github.com/jeromeetienne/AR.js

2、Omnitone(普通耳机实现 VR 中的 3D 全景音效)

虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame介绍

omnitone 旨在实现普通耳机在 VR 环境中的 3D 全景音效,让用户获得更好的VR沉浸感。

Omnitone 项目是一个跨浏览器支持的开源空间音频渲染器,主要支持目前业界较为常用的FOA(First Order Ambisonic)格式,这也是YouTubeApp推荐的主要全景声格式。

用法:

第一步是将库文件包含在HTML文档中,Omnitone可在Google的CDN上找到:

<script src="https://www.gstatic.com/external_hosted/omnitone/build/omnitone.min.js"></script>

<script>

// `Omnitone` object is loaded and ready.

var audioContext = new AudioContext();

var foaRenderer = Omnitone.createFOARenderer(audioContext);

</script>

另外,您可以通过NPM将Omnitone安装为本地开发的一部分:

npm install omnitone

从1.3.0版开始,Omnitone库包含一个ES6模块,当您将Omnitone集成到项目中时,这很方便:

import Omnitone from './omnitone/build/omnitone.min.esm.js';

const audioContext = new AudioContext();

const foaRenderer = Omnitone.createFOARenderer(audioContext);

您还可以git clone存储库并照常使用库文件:

git clone https://github.com/GoogleChrome/omnitone.git

下载地址:https://github.com/GoogleChrome/omnitone

3、IdeaSpace(用于 WebVR 的内容管理系统)

虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame介绍

IdeaSpace 是一个用于虚拟现实网页的 CMS 内容管理系统。可以像管理博客一样管理你的虚拟现实空间和资源。IdeaSpace 使用 Mozilla 的 A-Frame 来实现主题和空间,提供强大的遵循 Web 标准的标识语言。可通过 Oculus Rift 或者 Google Cardboard 在浏览器上方便体验虚拟现实空间,无需安装插件和应用。

运行环境:

PHP >= 5.5.9

OpenSSL PHP Extension

PDO PHP Extension

Mbstring PHP Extension

Tokenizer PHP Extension

GD Library or Imagick PHP Extension

MySQL database (or Postgres / SQLite / SQL Server)

Apache web server (or NGINX)

下载地址:https://gitee.com/mirrors/ideaspace

4、A-Frame(web 虚拟现实框架)

虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame介绍

A-Frame 是 Mozilla 开源的网页虚拟现实体验( WebVR )框架,可用于桌面、iPhone(即将支持安卓)以及 Oculus Rift。A-Frame 可以让创建 WebVR 体验变得更简单。

A-Frame 设计成 web 开发者很熟悉的模样。它封装了 WebGL 的功能到 HTML 自定义元素,所以创建一个高性能的虚拟现实体验就像下列代码那样简单:

<html>

<head>

<script src="https://aframe.io/releases/latest/aframe.min.js"></script>

</head>

<body>

<a-scene>

<a-sky src="https://aframe.io/aframe/examples/_skies/lake.jpg"></a-sky>

<a-model src="https://aframe.io/aframe/examples/showcase-composite/sculpture.dae" position="0 0 -2"></a-model>

<a-image src="https://aframe.io/aframe/examples/showcase-composite/portland.png" width="1" height="0.35" position="-2 1.2 1"></a-image>

</a-scene>

</body>

</html>

Builds:

要使用最新的稳定版A-Frame,请包含aframe.min.js:

<head>

<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>

</head>

要检查稳定版本和主版本,请参阅dist/文件夹。

npm:

npm install --save aframe

# Or yarn add aframe

require('aframe')  // e.g., with Browserify or Webpack.

Local Development:

git clone https://github.com/aframevr/aframe.git  # Clone the repository.

cd aframe && npm install  # Install dependencies.

npm start  # Start the local development server.

并在浏览器中打开http://localhost:9000。

下载地址:https://github.com/aframevr/aframe

注明

以上就是虚拟现实/增强现实AR.js、Omnitone、IdeaSpace、A-Frame的介绍内容,这些虚拟现实/增强现实都能使用在Linux操作系统中。

栏目相关文章