https://github.com/mlemoe/webar-vue-demo

一个 Web AR 示例，基于 W3C webXR Device API + Vue
https://github.com/mlemoe/webar-vue-demo

Last synced: 26 days ago
JSON representation

一个 Web AR 示例，基于 W3C webXR Device API + Vue

• Host: GitHub
• URL: https://github.com/mlemoe/webar-vue-demo
• Owner: MleMoe
• License: mit
• Created: 2021-05-13T01:49:09.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-02T11:52:34.000Z (about 3 years ago)
• Last Synced: 2024-10-29T15:51:31.509Z (3 months ago)
• Language: JavaScript
• Homepage: https://mlemoe.github.io/webar-vue-demo/
• Size: 523 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# webar-vue-demo

一个基于 w3c webxr 的 webar 展示 demo，使用工具 vue/vite

## 使用方法

```bash

# 克隆项目

git clone https://github.com/MleMoe/webar-vue-demo.git

# 安装依赖

yarn

# 运行

yarn start

```

## 测试设备

设备要求：支持 AR Core 的安卓手机，Chrome 浏览器（版本 81 以上）

手机和 PC 在同一局域网下

在地址栏输入 chrome://flags，搜索 webxr，找到 WebXR incubations，设置为启用状态

搜索 Insecure origins treated as secure，设置成 Enabled 状态，并在其上的文本框内输入 `http://your-ipv4-address:3000/`，relaunch 一下 chrome，就能使用该测试链接查看 AR 内容了。

## demo 展示

https://mlemoe.github.io/webar-vue-demo/