🚀 8th Wall Web Demos

ar.xin-youji.com - WebAR 体验演示

本地化部署 - 不依赖 CDN，国内访问更稳定

📚 入门示例 (Getting Started)

Three.js 基础

使用 Three.js 实现基础 AR 效果

THREE.JS

Three.js 图片追踪

基于图片识别的 AR 效果

THREE.JS

A-Frame 基础

使用 A-Frame 快速构建 AR 场景

A-FRAME

A-Frame 图片追踪

A-Frame + 图片识别

A-FRAME

Babylon.js 基础

使用 Babylon.js 实现 AR

BABYLON.JS

✨ Three.js 高级示例

放置物体 (Place Ground)

在地面上放置 3D 物体

THREE.JS

飞行动画 (Flyer)

3D 模型飞行动画效果

THREE.JS

VPS 定位

视觉定位系统示例

THREE.JS

切换摄像头

前后摄像头切换示例

THREE.JS

全息图 (Hologram)

8i 全息人体模型展示

THREE.JS

🎮 A-Frame 示例

放置物体

A-Frame 地面放置示例

A-FRAME

艺术画廊

AR 艺术画廊体验

A-FRAME

传送门

AR 传送门效果

A-FRAME

VPS 定位

A-Frame + VPS

A-FRAME

Powered by 8th Wall | 本地化部署 @ ar.xin-youji.com