ARKit Web 项目教程

ARKit Web 项目教程

arkit-web An experimental iOS app for rapidly prototyping ARKit experiences with WebGL. 项目地址: https://gitcode.com/gh_mirrors/ar/arkit-web

1. 项目目录结构及介绍

arkit-web/
├── ARKitWeb/
│   ├── ARKitWeb.xcodeproj
│   ├── ARKitWeb
│   └── Demos/
│       ├── editorconfig
│       ├── gitignore
│       ├── LICENSE.md
│       ├── README.md
│       └── package.json
├── LICENSE.md
├── README.md
└── Demos/
    ├── editorconfig
    ├── gitignore
    ├── LICENSE.md
    ├── README.md
    └── package.json

目录结构介绍

• ARKitWeb/: 包含原生 iOS 应用的主要代码和项目文件。

  • ARKitWeb.xcodeproj: Xcode 项目文件，用于配置和构建 iOS 应用。
  • ARKitWeb: 包含 iOS 应用的主要源代码。
  • Demos/: 包含演示项目的配置文件和依赖管理文件。
    • editorconfig: 编辑器配置文件。
    • gitignore: Git 忽略文件配置。
    • LICENSE.md: 项目许可证文件。
    • README.md: 项目说明文件。
    • package.json: 演示项目的依赖管理文件。

• LICENSE.md: 项目许可证文件。

• README.md: 项目说明文件。

• Demos/: 包含演示项目的配置文件和依赖管理文件。

  • editorconfig: 编辑器配置文件。
  • gitignore: Git 忽略文件配置。
  • LICENSE.md: 项目许可证文件。
  • README.md: 项目说明文件。
  • package.json: 演示项目的依赖管理文件。

2. 项目启动文件介绍

启动文件

• ARKitWeb.xcodeproj: 这是 Xcode 项目文件，双击此文件可以打开 Xcode 并启动项目。在 Xcode 中，你可以选择模拟器或实际设备来运行项目。

启动步骤

1. 打开终端并导航到 arkit-web/Demos 目录。
2. 运行 yarn start 启动开发服务器。
3. 运行 yarn tunnel 启动 ngrok 连接，以便进行实时开发。

3. 项目配置文件介绍

配置文件

• package.json: 这是演示项目的依赖管理文件，包含了项目所需的依赖包和脚本命令。
  • scripts: 包含项目的启动命令，如 start 和 tunnel。
  • dependencies: 列出了项目运行所需的依赖包。

配置步骤

1. 打开终端并导航到 arkit-web/Demos 目录。
2. 运行 yarn 安装项目依赖。
3. 根据需要运行 yarn start 或 yarn tunnel 启动开发服务器或 ngrok 连接。

通过以上步骤，你可以成功启动和配置 ARKit Web 项目，并开始进行 AR 体验的快速原型设计。

arkit-web An experimental iOS app for rapidly prototyping ARKit experiences with WebGL. 项目地址: https://gitcode.com/gh_mirrors/ar/arkit-web