天天看点

在HoloLens浏览器运行WebAR | 代码下载

在HoloLens浏览器运行WebAR | 代码下载

 Whats up!我是AR熊,最近在整理三次方收藏的AR/VR工具,发现了三次方不止一次推荐这个框架,但还是有许多用户或者学员不知道,今天再次力荐一波~

对于HoloLens MR开发者来说,这个框架的功能非常丰富,代码案例也很多

在HoloLens浏览器运行WebAR | 代码下载

框架效果演示

在HoloLens浏览器运行WebAR | 代码下载

WebAR演示

在HoloLens浏览器运行WebAR | 代码下载

WebVR演示

详细介绍

SimpleWebXR是一个轻量级库,它在你的c# Unity代码中使用WebXR javascript API。因此,在Unity WebGL构建之后,你的应用程序可以在浏览器中实现AR、VR功能,十分方便。该框架包功能如下:

1、简单的手部追踪

SimpleWebXR支持手部跟踪。本示例在检测到的手的每个关节上显示一个球体。该球体的半径由设备确定。已在Hololens 2和Oculus Quest上进行了测试。

在HoloLens浏览器运行WebAR | 代码下载
在HoloLens浏览器运行WebAR | 代码下载

2、XR CAD文件查看器

可在浏览器中打开45种以上3D CAD格式(FBX,STEP,OBJ,Collada,GLTF,OnShape等),现在,使用WebXR在VR / AR中查看它们!

在HoloLens浏览器运行WebAR | 代码下载

3、用户HoloLens的WebXR用户视图

在HoloLens浏览器运行WebAR | 代码下载

4、画笔示例

这是有关如何使用简单WebXR的非常基本的示例。它使用Unity Line Renderer用手/控制器在空间中绘制线条。

在HoloLens浏览器运行WebAR | 代码下载

5、XRTK

该混合现实工具包的主要目的是使开发者非常容易上手创建混合现实的应用和加快部署项目从unity到多个平台。

在HoloLens浏览器运行WebAR | 代码下载

6、Spectator view

戴上HoloLens时,我们常常会忘记没有戴上HoloLens的人无法体验到我们所看到的XR内容。此功能允许其他人在2D屏幕上查看HoloLens用户在其世界中看到的内容。该Microsoft项目是适用于iOS和Android的本机用户视图应用程序。此框架支持用户在浏览器中看到此内容。

在HoloLens浏览器运行WebAR | 代码下载
在HoloLens浏览器运行WebAR | 代码下载
在HoloLens浏览器运行WebAR | 代码下载

7、webXR 取色器

在HoloLens浏览器运行WebAR | 代码下载

浏览器兼容

在HoloLens浏览器运行WebAR | 代码下载
  • Android上的Google Chrome浏览器(⚠️ 需要安全的https连接)
  • Windows 10上的Edge(用于HoloLens)
  • Hololens 2上的Firefox Reality
  • iOS上的Mozilla WebXR Viewer
  • Oculus Quest上的Oculus浏览器
  • 桌面上的Firefox模拟器
  • 台式机上的Chrome模拟器

该框架支持在浏览器进行模拟:

在HoloLens浏览器运行WebAR | 代码下载

代码下载

WebXR项目工程代码:

https://github.com/Rufus31415/Simple-WebXR-Unity

在HoloLens浏览器运行WebAR | 代码下载
在HoloLens浏览器运行WebAR | 代码下载