XR Camp · 一所面向沉浸式网络的免费学校
构建你可以走进去的网络。
学习构建在浏览器中运行的网站、3D 世界以及虚拟现实和增强现实体验。对所有人免费，从你写下的第一行代码开始。
我们的使命
XR Camp 是一所在线学校，让女性有机会成为网页设计师和开发者，并专注于沉浸式网络：3D、虚拟现实和增强现实。
它首先为拉丁美洲和中国的女性而建，包括从未写过代码的女性。课程提供英语、西班牙语和简体中文版本。
免费，面向所有人
XR Camp 完全免费。没有费用，没有付费墙，也不需要注册账户。所有课程、起始文件和参考答案都在 GitHub 上的一个公开仓库里。
课程由女性专家以及致力于女性赋权的男性支持者共同创作。
课程
跟随来自世界各地的女性专家和男性支持者学习，每次 45 分钟。
-
网页
前端设计与开发：HTML、CSS 和 JavaScript。
-
Web 3D
3D 设计与开发：A-Frame、three.js 和 X3D。
-
XR：VR 与 AR
在浏览器中使用 WebXR 实现虚拟现实和增强现实。
-
社区
社区即将绽放。
插画：Iryna Korshak 的《Women’s Day》
初心
Damon Hernandez
美国旧金山 & 芬兰赫尔辛基
“成为你希望在世界上看到的改变。”我把这句话放在心上。在沉浸式技术和网络技术领域工作的 20 多年里，我通过演讲、工作坊、活动、聚会、黑客松和其他社区活动，致力于在全球推广这些技术。
我一直努力成为社区的好伙伴。这个项目的目标，是让每一位对网络和沉浸式技术感兴趣的女性，都能获得属于她的技术超能力。
也献给 Sherine。
现在，走进你将构建的网络。
继续向下滚动。接下来的一切都是用 3D 构建的，使用的正是你将在这里学到的工具：HTML、A-Frame 和 WebXR。
第一个小时，就有一个 3D 世界
你不会从理论开始。在第一课中，你打开一个文件，改几个字，浏览器里就会出现一座写着你名字的 3D 花园。这段文字背后那条光线起点的花园，就是那个第一个世界的“长大版”。
<a-box position="-1.5 0.5 -4" color="#5b2a86"></a-box>八个阶段，从第一次点击到专业开发者
每个阶段都以一个你亲手发布的真实项目结束。课程按每次 45 分钟来安排，可以配合工作、学习和家庭生活，而且每个阶段本身都有价值。
-
阶段 0
欢迎来到未来
你将构建: 你的第一个 3D 世界、一条网络发展时间线，以及一个比较三种 3D 构建方式的实验室。
- 64 次学习，每次 45 分钟 · 每周 4 次，约 4 个月
- 9 课中已有 9 课提供英文版
-
阶段 1
成为网页开发者
你将构建: 无障碍、响应式的网站，发布到网上，让世界各地的人都能访问。
- 144 次学习，每次 45 分钟 · 每周 4 次，约 8 个月
- 9 课中已有 9 课提供英文版
-
阶段 2
成为前端工程师
你将构建: 可以安装到手机、离线运行并使用实时数据的网页应用。
- 145 次学习，每次 45 分钟 · 每周 4 次，约 8 个月
- 9 课中已有 7 课提供英文版
-
阶段 3
成为 Web3D 开发者
你将构建: 使用 A-Frame 和 three.js 构建的交互式 3D 体验。
- 138 次学习，每次 45 分钟 · 每周 4 次，约 8 个月
- 共 7 课，正在编写中
-
阶段 4
成为沉浸式开发者
你将构建: 通过一个链接就能在头显中打开的虚拟现实和增强现实体验。
- 111 次学习，每次 45 分钟 · 每周 4 次，约 6 个月
- 共 6 课，正在编写中
-
阶段 5
成为全栈空间开发者
你将构建: 带有账户、数据和实时连接的多用户 3D 应用。
- 155 次学习，每次 45 分钟 · 每周 4 次，约 9 个月
- 共 8 课，正在编写中
-
阶段 6
成为专业开发者
你将构建: 生产环境部署、多语言网站，以及你在开源世界中的一席之地。
- 73 次学习，每次 45 分钟 · 每周 4 次，约 4 个月
- 共 5 课，正在编写中
-
阶段 7
专业毕业项目
你将构建: 一个完整的沉浸式项目：调研、设计、构建、测试并发布。
- 95 次学习，每次 45 分钟 · 每周 4 次，约 5 个月
- 共 5 课，正在编写中
学习方式
一切都在 GitHub 上
所有课程、起始文件和参考答案都在一个公开仓库里。你可以直接下载，也可以 fork 一份，变成你自己的。
每次学习 45 分钟
每节课都会告诉你需要几次学习，以及每次结束时你会完成什么。
把 AI 当老师，而不是拐杖
AI 几乎什么都能解释。XR Camp 教你先理解自己的代码，再请 AI 修改它。
一起学习
社区即将绽放。
从设计开始就无障碍
本网站支持键盘和屏幕阅读器操作，并遵循你设备的动画设置。你可以随时用页面顶部的开关关闭 3D 场景。你在 XR Camp 构建的一切，也都将达到同样的标准。