From e1eebadcfde5e7b95a54f6ec2639f9d54fc5ff06 Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Fri, 1 Dec 2023 14:02:56 -0500
Subject: [PATCH 1/7] Update some WebVR docs to relate to the more modern WebXR

---
 files/en-us/_redirects.txt                    |   1 +
 files/en-us/_wikihistory.json                 |   2 +-
 .../index.md                                  |   2 +-
 .../games/techniques/3d_on_the_web/index.md   |   4 +-
 .../techniques/3d_on_the_web/webvr/hmds.jpg   | Bin 9548 -> 0 bytes
 .../techniques/3d_on_the_web/webvr/index.md   | 113 ------------------
 .../techniques/3d_on_the_web/webxr/hmds.jpg   | Bin 0 -> 17262 bytes
 .../techniques/3d_on_the_web/webxr/index.md   |  57 +++++++++
 .../{webvr => webxr}/sechelt.jpg              | Bin
 files/jsondata/GroupData.json                 |   9 +-
 10 files changed, 70 insertions(+), 118 deletions(-)
 delete mode 100644 files/en-us/games/techniques/3d_on_the_web/webvr/hmds.jpg
 delete mode 100644 files/en-us/games/techniques/3d_on_the_web/webvr/index.md
 create mode 100644 files/en-us/games/techniques/3d_on_the_web/webxr/hmds.jpg
 create mode 100644 files/en-us/games/techniques/3d_on_the_web/webxr/index.md
 rename files/en-us/games/techniques/3d_on_the_web/{webvr => webxr}/sechelt.jpg (100%)

diff --git a/files/en-us/_redirects.txt b/files/en-us/_redirects.txt
index 128eff465f1d3b4..cee68f1d12854b4 100644
--- a/files/en-us/_redirects.txt
+++ b/files/en-us/_redirects.txt
@@ -3511,6 +3511,7 @@
 /en-US/docs/Games/Introduction_to_HTML5_Game_Development_(summary)	/en-US/docs/Games/Introduction_to_HTML5_Game_Development
 /en-US/docs/Games/Introduction_to_HTML5_Game_Gevelopment_(summary)	/en-US/docs/Games/Introduction_to_HTML5_Game_Development
 /en-US/docs/Games/Techniques/3D_collision_detection/Bounding_boxes_with_THREE.js	/en-US/docs/Games/Techniques/3D_collision_detection/Bounding_volume_collision_detection_with_THREE.js
+/en-US/docs/Games/Techniques/3D_on_the_web/WebVR	/en-US/docs/Games/Techniques/3D_on_the_web/WebXR
 /en-US/docs/Games/Techniques/Crisp,_pixel_art_look_with_image-rendering	/en-US/docs/Games/Techniques/Crisp_pixel_art_look
 /en-US/docs/Games/Techniques/Efficient_animation_for_web_games	/en-US/docs/Games/Techniques
 /en-US/docs/Games/Techniques/Fridge_Gamepad_API	/en-US/docs/Games/Techniques/Controls_Gamepad_API
diff --git a/files/en-us/_wikihistory.json b/files/en-us/_wikihistory.json
index 583ef325de52896..e0c0c15a9ffc3be 100644
--- a/files/en-us/_wikihistory.json
+++ b/files/en-us/_wikihistory.json
@@ -313,7 +313,7 @@
       "PushpitaPikuDey"
     ]
   },
-  "Games/Techniques/3D_on_the_web/WebVR": {
+  "Games/Techniques/3D_on_the_web/WebXR": {
     "modified": "2020-10-30T12:56:29.452Z",
     "contributors": [
       "Wind1808",
diff --git a/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.md b/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.md
index fcd7bb48728d3db..039d6c263d4cf31 100644
--- a/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.md
@@ -6,7 +6,7 @@ page-type: guide
 
 {{GamesSidebar}}
 
-The [WebVR](/en-US/docs/Games/Techniques/3D_on_the_web/WebVR) and [WebGL](/en-US/docs/Web/API/WebGL_API) APIs already enable us to start creating virtual reality (VR) experiences inside web browsers, but the community is still waiting for tools and libraries to appear, to make this easier. Mozilla's [A-Frame](https://aframe.io/) framework provides a markup language allowing us to build 3D VR landscapes using a system familiar to web developers, which follows game development coding principles; this is useful for quickly and successfully building prototypes and demos, without having to write a lot of JavaScript or GLSL. This article explains how to get up and running with A-Frame, and how to use it to build up a simple demo.
+The [WebXR](/en-US/docs/Games/Techniques/3D_on_the_web/WebXR) and [WebGL](/en-US/docs/Web/API/WebGL_API) APIs already enable us to start creating virtual reality (VR) and augmented reality (AR) experiences inside web browsers, but the community is still waiting for tools and libraries to appear, to make this easier. Mozilla's [A-Frame](https://aframe.io/) framework provides a markup language allowing us to build 3D VR landscapes using a system familiar to web developers, which follows game development coding principles; this is useful for quickly and successfully building prototypes and demos, without having to write a lot of JavaScript or GLSL. This article explains how to get up and running with A-Frame, and how to use it to build up a simple demo.
 
 ## High level overview
 
diff --git a/files/en-us/games/techniques/3d_on_the_web/index.md b/files/en-us/games/techniques/3d_on_the_web/index.md
index c538d41fa1edc85..7b5c26aac080207 100644
--- a/files/en-us/games/techniques/3d_on_the_web/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/index.md
@@ -33,9 +33,9 @@ It's hard to imagine a game without collision detection — we always need to wo
 - [2D collision detection](/en-US/docs/Games/Techniques/2D_collision_detection)
 - [3D collision detection](/en-US/docs/Games/Techniques/3D_collision_detection)
 
-### WebVR
+### WebXR
 
-The concept of virtual reality is not new, but it's storming onto the web thanks to hardware advancements such as the [Oculus Rift](https://www.oculus.com/rift/), and the (currently experimental) [WebVR API](/en-US/docs/Web/API/WebVR_API) for capturing information from VR hardware and making it available for use in JavaScript applications. For more, read [WebVR — Virtual Reality for the Web](/en-US/docs/Games/Techniques/3D_on_the_web/WebVR).
+The concept of virtual reality is not new, but it's storming onto the web thanks to hardware advancements such as the [Meta Quest](https://www.meta.com/quest/), and the (currently experimental) [WebXR API](/en-US/docs/Web/API/WebXR_Device_API) for capturing information from XR hardware and making it available for use in JavaScript applications. For more, read [WebXR — Virtual and Augmented Reality for the Web](/en-US/docs/Games/Techniques/3D_on_the_web/WebXR).
 
 There's also the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) article showing you how easy it is to build 3D environments for virtual reality using the [A-Frame](https://aframe.io/) framework.
 
diff --git a/files/en-us/games/techniques/3d_on_the_web/webvr/hmds.jpg b/files/en-us/games/techniques/3d_on_the_web/webvr/hmds.jpg
deleted file mode 100644
index 5ce29503f3bbbfe8a8687f03543c945f52434cb5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9548
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

diff --git a/files/en-us/games/techniques/3d_on_the_web/webvr/index.md b/files/en-us/games/techniques/3d_on_the_web/webvr/index.md
deleted file mode 100644
index 1abb11a80df1c1a..000000000000000
--- a/files/en-us/games/techniques/3d_on_the_web/webvr/index.md
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: WebVR — Virtual Reality for the Web
-slug: Games/Techniques/3D_on_the_web/WebVR
-page-type: guide
----
-
-{{GamesSidebar}}
-
-The concept of virtual reality in itself isn't new, but now we have the technology to have it working as it should be, and a JavaScript API to make use of it in web applications. This article introduced WebVR from the perspective of its use in games.
-
-> **Note:** WebVR API is replaced by [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR was never ratified as a standard, was implemented and enabled by default in very few browsers and supported a small number of devices.
-
-## VR devices
-
-With the popularity of Oculus Rift and a lot of other devices in production coming soon to the market, the future looks bright — we already have sufficient technology to make the VR experience "good enough" for playing games. There are many devices to chose from: desktop ones like Oculus Rift or HTC Vive, through consoles with Playstation VR (which admittedly doesn't support WebVR at this time), to mobile experiences like Gear VR or Google Cardboard.
-
-![Five different VR devices, ranging from cardboard to high-end.](hmds.jpg)
-
-> **Note:** For more information, read our [WebVR Concepts](/en-US/docs/Web/API/WebVR_API/Concepts) article.
-
-## The WebVR API
-
-The [WebVR API](/en-US/docs/Web/API/WebVR_API) is the central API for capturing information on VR Devices connected to a computer and headset position/orientation/velocity/acceleration information, and converting that into useful data you can use in your games and other applications.
-
-> **Note:** There are of course other APIs useful for creating games, for example [The Gamepad API](/en-US/docs/Web/API/Gamepad_API) for control inputs, and the [Device Orientation API](/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation) for handling display orientation on mobile.
-
-### Browser support and spec status
-
-The [WebVR spec](https://mozvr.github.io/webvr-spec/webvr.html), led by [Vladimir Vukicevic](https://twitter.com/vvuk) from Mozilla and [Brandon Jones](https://twitter.com/tojiro) from Google, is being replaced by the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR may still be available in some browsers while WebXR is finalized.
-For more info, see the <https://mixedreality.mozilla.org/> and [WebVR.info](https://webvr.info/) websites.
-
-### Using the WebVR API
-
-The WebVR API is based on two concepts — sending [stereoscopic images](/en-US/docs/Web/API/WebVR_API/Concepts#stereoscopic_vision) to both lenses in your headset and receiving positional data for your head from the sensor, and those two are handled by {{domxref("HMDVRDevice")}} (head-mounted display virtual reality device) and {{domxref("PositionSensorVRDevice")}}.
-
-### Get the devices
-
-To get information about devices connected to your computer, you can use the {{domxref("Navigator/getVRDisplays")}} method:
-
-```js
-navigator.getVRDevices().then((devices) => {
-  for (let i = 0; i < devices.length; ++i) {
-    if (devices[i] instanceof HMDVRDevice) {
-      gHMD = devices[i];
-      break;
-    }
-  }
-  if (gHMD) {
-    for (let i = 0; i < devices.length; ++i) {
-      if (
-        devices[i] instanceof PositionSensorVRDevice &&
-        devices[i].hardwareUnitId === gHMD.hardwareUnitId
-      ) {
-        gPositionSensor = devices[i];
-        break;
-      }
-    }
-  }
-});
-```
-
-This code will loop through the available devices and assign proper sensors to the headsets — the first `devices` array contains the connected devices, and a check is done to find the {{domxref("HMDVRDevice")}}, and assign it to the `gHMD` variable — using this you can set up the scene, getting the eye parameters, setting the field of view, etc. For example:
-
-```js
-function setCustomFOV(up, right, down, left) {
-  const testFOV = new VRFieldOfView(up, right, down, left);
-
-  gHMD.setFieldOfView(testFOV, testFOV, 0.01, 10000.0);
-}
-```
-
-The `gPositionSensor` variable holds the {{domxref("PositionSensorVRDevice")}} — using this you can get the current position or orientation state (for example to update the scene view on every frame), or reset the sensor. For example, the below code outputs position information on the screen:
-
-```js
-function setView() {
-  const posState = gPositionSensor.getState();
-
-  if (posState.hasPosition) {
-    const format = (axis) => `${axis}${roundToTwo(posState.position[axis])}`;
-    posPara.textContent = `Position: ${axis("x")} ${axis("y")} ${axis("x")}`;
-    xPos = -posState.position.x * WIDTH * 2;
-    yPos = posState.position.y * HEIGHT * 2;
-    zPos = -posState.position.z > 0.01 ? -posState.position.z : 0.01;
-  }
-
-  // …
-}
-```
-
-For a full explanation and more details of the demo this is taken from, see [Using the WebVR API](/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API).
-
-## Tools and techniques
-
-The first WebVR experiments and demos used Three.js as it's probably the most popular 3D engine for the web. See the [VREffect](https://github.com/mrdoob/three.js/blob/ca521eb4af7554e760f14d8fe8b451c8ff34deb8/examples/js/effects/VREffect.js) and [VRControls](https://github.com/mrdoob/three.js/blob/abdd1713c606135bc35028c6021698b52f27872b/examples/js/controls/VRControls.js) functions available on the Three.js GitHub to help you implement and handle WebVR with Three.js.
-
-![A 3D representation of a landscape: it's a pinkish sunset, with a blue mountainous land in the background surrounded by a mirror sea and a darker blue island in the second plan.](sechelt.jpg)
-
-Boris Smus has written about the concept of [Responsive WebVR](https://smus.com/responsive-vr/), where a single web game can be played on various devices like laptops without VR hardware, PCs with Oculus Rift, or smartphones inside Google Cardboard and still deliver a unique and valuable experience across all of them. It's like responsive design but applied to the VR world — write once and run in any VR headset, or without it. You can check the [WebVR Boilerplate](https://github.com/borismus/webvr-boilerplate) sources — it's a good example to start learning WebVR from, and a starting point for any web-based VR experience.
-
-There's also a markup framework called [A-Frame](https://aframe.io/) that offers simple building blocks for WebVR, so you can rapidly build and experiment with VR websites and games: read the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) tutorial for more details.
-
-Immersion is more important than gameplay or graphics - you have to feel you're "inside" the experience. It's not easy to achieve, but it doesn't require realistic images. Quite the contrary as having a basic shapes flying around in high frame rate can make a lot. Remember: experimenting is key - see what works for your game in particular.
-
-## The future of WebVR
-
-It's happening — consumer devices are reaching the market right now, and we already have JavaScript APIs to support them on the Web. All we need now is a stable specification, good UX and UI, better hardware and more tools and libraries — and all of that is on the horizon. It's the perfect time to dive in and experiment with WebVR.
-
-## See also
-
-- [WebVR API](/en-US/docs/Web/API/WebVR_API)
-- [WebVR concepts](/en-US/docs/Web/API/WebVR_API/Concepts)
-- [Using the WebVR API](/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API)
-- [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame)
diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/hmds.jpg b/files/en-us/games/techniques/3d_on_the_web/webxr/hmds.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..345d5a96978747936e90f381683d54106a1ff053
GIT binary patch
literal 17262
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
U62%(bXL<5a^;o;B{Z`+90Fw_JZ2$lO

literal 0
HcmV?d00001

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
new file mode 100644
index 000000000000000..aee14896aebf5af
--- /dev/null
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -0,0 +1,57 @@
+---
+title: WebXR — Virtual and Augmented Reality for the Web
+slug: Games/Techniques/3D_on_the_web/WebXR
+page-type: guide
+---
+
+{{GamesSidebar}}
+
+The concepts of virtual reality (VR) and augmented reality (AR) aren't new, but the technology is more accessible than ever. We can also use a JavaScript API to make use of it in web applications. This article introduces WebXR from the perspective of its use in games.
+
+> **Note:** You may see references to the older WebVR (with a V) API across the Internet. WebVR was replaced by [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR was never ratified as a standard, was implemented and enabled by default in very few browsers, and supported only a small number of devices.
+
+## VR devices
+
+With the popularity of existing VR headsets such as Meta Quest, Valve Index, and PlayStation VR, the future looks bright — we already have sufficient technology to create meaningful VR gaming experiences.
+
+![Three different VR devices: the Meta Quest 3, the Valve Index, and the Sony PSVR2.](hmds.jpg)
+
+### History of the WebVR spec
+
+The [WebVR spec](https://mozvr.github.io/webvr-spec/webvr.html), led by [Vladimir Vukicevic](https://twitter.com/vvuk) from Mozilla and [Brandon Jones](https://twitter.com/tojiro) from Google, is being replaced by the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR may still be available in some browsers while WebXR is finalized.
+For more info, see the <https://mixedreality.mozilla.org/> and [WebVR.info](https://webvr.info/) websites.
+
+## The WebXR API
+
+The core of any WebXR experience is built on top of two foundational concepts:
+
+1. The application must receive real-time data about your headset's position and your controllers' positions in three-dimensional space
+2. The application must render a real-time, stereoscopic view to the headset's display(s) according to that positional data
+
+The [WebXR API](/en-US/docs/Web/API/WebXR_Device_API) is the central API for capturing information about XR devices connected to a computer. The API can capture headset and controller position, orientation, velocity, acceleration, and other information that you can use in your games.
+
+There are other APIs useful for creating games such as [the Gamepad API](/en-US/docs/Web/API/Gamepad_API) for non-XR controller inputs and the [Device Orientation API](/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation) for handling display orientation.
+
+### Using the WebXR API
+
+The best place to start with the WebXR API is with our [Fundamentals of WebXR](/en-US/docs/Web/API/WebXR_Device_API/Fundamentals) guide. After that, see [Starting up and shutting down a WebXR session](/en-US/docs/Web/API/WebXR_Device_API/Startup_and_shutdown).
+
+## Tools and techniques
+
+The first WebVR experiments and demos used Three.js as it's probably the most popular 3D engine for the web. Its popularity continues today, and it can be used for WebXR games. Check out Three.js' [How to create VR content](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content) documentation to help you make WebXR games with Three.js.
+
+![A 3D representation of a landscape: it's a pinkish sunset, with a blue mountainous land in the background surrounded by a mirror sea and a darker blue island in the second plan.](sechelt.jpg)
+
+There's also a markup framework called [A-Frame](https://aframe.io/) that offers simple building blocks for WebXR, so you can rapidly build and experiment with VR websites and games: read the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) tutorial for more details.
+
+Immersion is more important than gameplay or graphics - you have to feel you're "inside" the experience. It's not easy to achieve, but it doesn't require realistic images. Quite the contrary, as having a basic shapes flying around with a high frame rate can make for a compelling experience. Remember: experimenting is key - see what works for your game in particular.
+
+## The future of WebXR
+
+It's happening — consumer devices are on the market right now, and we already have JavaScript APIs to support them on the web. All we need now is a widely-adopted, stable specification, good UX and UI, better hardware, and more tools and libraries — and all of that is on the horizon. It's the perfect time to dive in and experiment with WebXR.
+
+## See also
+
+- [WebVR Device API](/en-US/docs/Web/API/WebXR_Device_API)
+- [Fundamentals of WebXR](/en-US/docs/Web/API/WebXR_Device_API/Fundamentals)
+- [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame)
diff --git a/files/en-us/games/techniques/3d_on_the_web/webvr/sechelt.jpg b/files/en-us/games/techniques/3d_on_the_web/webxr/sechelt.jpg
similarity index 100%
rename from files/en-us/games/techniques/3d_on_the_web/webvr/sechelt.jpg
rename to files/en-us/games/techniques/3d_on_the_web/webxr/sechelt.jpg
diff --git a/files/jsondata/GroupData.json b/files/jsondata/GroupData.json
index d03c03864818589..89d5ddd51bf2b74 100644
--- a/files/jsondata/GroupData.json
+++ b/files/jsondata/GroupData.json
@@ -2301,7 +2301,14 @@
     },
     "WebXR Device API": {
       "overview": ["WebXR Device API"],
-      "guides": ["/docs/Web/API/WebXR_Device_API/Fundamentals"],
+      "guides": [
+        "/docs/Web/API/WebXR_Device_API/Fundamentals",
+        "/docs/Web/API/WebXR_Device_API/Lifecycle",
+        "/docs/Web/API/WebXR_Device_API/Startup_and_shutdown",
+        "/docs/Web/API/WebXR_Device_API/Cameras",
+        "/docs/Web/API/WebXR_Device_API/Geometry",
+        "/docs/Web/API/WebXR_Device_API/Spatial_tracking"
+      ],
       "interfaces": [
         "XRAnchor",
         "XRBoundedReferenceSpace",

From d4408d29b291be85c83cacbe4be49f492509eb03 Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:50:12 -0500
Subject: [PATCH 2/7] Update
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index aee14896aebf5af..a5964a8f60a007c 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -8,7 +8,7 @@ page-type: guide
 
 The concepts of virtual reality (VR) and augmented reality (AR) aren't new, but the technology is more accessible than ever. We can also use a JavaScript API to make use of it in web applications. This article introduces WebXR from the perspective of its use in games.
 
-> **Note:** You may see references to the older WebVR (with a V) API across the Internet. WebVR was replaced by [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR was never ratified as a standard, was implemented and enabled by default in very few browsers, and supported only a small number of devices.
+> **Note:** You may see references to the non-standard WebVR API. WebVR was never ratified as a standard, was implemented and enabled by default in very few browsers, and supported only a few devices. The **WebVR** API is replaced by the [**WebXR** Device API](/en-US/docs/Web/API/WebXR_Device_API).
 
 ## VR devices
 

From f536a54773e4cf4315cee39cca531898e96c0c5c Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:51:32 -0500
Subject: [PATCH 3/7] Update
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index a5964a8f60a007c..d2b6b4135d1ddf4 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -16,7 +16,7 @@ With the popularity of existing VR headsets such as Meta Quest, Valve Index, and
 
 ![Three different VR devices: the Meta Quest 3, the Valve Index, and the Sony PSVR2.](hmds.jpg)
 
-### History of the WebVR spec
+### Development of WebVR
 
 The [WebVR spec](https://mozvr.github.io/webvr-spec/webvr.html), led by [Vladimir Vukicevic](https://twitter.com/vvuk) from Mozilla and [Brandon Jones](https://twitter.com/tojiro) from Google, is being replaced by the [WebXR Device API](/en-US/docs/Web/API/WebXR_Device_API). WebVR may still be available in some browsers while WebXR is finalized.
 For more info, see the <https://mixedreality.mozilla.org/> and [WebVR.info](https://webvr.info/) websites.

From b7586afaa25a170e3ecbe39512d5db6f09f27f0b Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 11:55:52 -0500
Subject: [PATCH 4/7] Update
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index d2b6b4135d1ddf4..0c5e27ed14255a4 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -38,7 +38,7 @@ The best place to start with the WebXR API is with our [Fundamentals of WebXR](/
 
 ## Tools and techniques
 
-The first WebVR experiments and demos used Three.js as it's probably the most popular 3D engine for the web. Its popularity continues today, and it can be used for WebXR games. Check out Three.js' [How to create VR content](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content) documentation to help you make WebXR games with Three.js.
+Three.js is one of the most popular 3D engines for the web, and it can be used for WebXR games. Check out Three.js' [How to create VR content](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content) documentation to help you make WebXR games with Three.js.
 
 ![A 3D representation of a landscape: it's a pinkish sunset, with a blue mountainous land in the background surrounded by a mirror sea and a darker blue island in the second plan.](sechelt.jpg)
 

From cb27ef945968398b0d6beee5daa0b71796f9b3f8 Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 12:16:31 -0500
Subject: [PATCH 5/7] Update
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index 0c5e27ed14255a4..659bc916f6f348c 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -44,7 +44,7 @@ Three.js is one of the most popular 3D engines for the web, and it can be used f
 
 There's also a markup framework called [A-Frame](https://aframe.io/) that offers simple building blocks for WebXR, so you can rapidly build and experiment with VR websites and games: read the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) tutorial for more details.
 
-Immersion is more important than gameplay or graphics - you have to feel you're "inside" the experience. It's not easy to achieve, but it doesn't require realistic images. Quite the contrary, as having a basic shapes flying around with a high frame rate can make for a compelling experience. Remember: experimenting is key - see what works for your game in particular.
+Immersion takes priority over gameplay and graphics - you must feel part of the experience. It's not easy to achieve, but it doesn't require realistic images. On the contrary, even basic shapes soaring past at high frame rates can be thrilling if the experience is immersive. Remember: experimenting is key - feel free to go with what works well for your project.
 
 ## The future of WebXR
 

From 7ad4bbf71ba086be656ce3c91ca73ee4b491cb9f Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 12:22:44 -0500
Subject: [PATCH 6/7] Update
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index 659bc916f6f348c..eaa8b859ec0fbb9 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -48,7 +48,7 @@ Immersion takes priority over gameplay and graphics - you must feel part of the
 
 ## The future of WebXR
 
-It's happening — consumer devices are on the market right now, and we already have JavaScript APIs to support them on the web. All we need now is a widely-adopted, stable specification, good UX and UI, better hardware, and more tools and libraries — and all of that is on the horizon. It's the perfect time to dive in and experiment with WebXR.
+Consumer devices are available on the market, and we have JavaScript APIs to support them on the web. As hardware becomes more affordable and the ecosystem matures, developers can focus on building experiences through good UX and UI. It's the perfect time to dive in and experiment with WebXR.
 
 ## See also
 

From 4d4991b4cfd7a08ae3c36237103bf1db3293425b Mon Sep 17 00:00:00 2001
From: Zach Fox <3409031+zfox23@users.noreply.github.com>
Date: Mon, 4 Dec 2023 12:25:49 -0500
Subject: [PATCH 7/7] Reorder

---
 files/en-us/games/techniques/3d_on_the_web/webxr/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
index eaa8b859ec0fbb9..8ab07c5c8ba2070 100644
--- a/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
+++ b/files/en-us/games/techniques/3d_on_the_web/webxr/index.md
@@ -38,11 +38,11 @@ The best place to start with the WebXR API is with our [Fundamentals of WebXR](/
 
 ## Tools and techniques
 
-Three.js is one of the most popular 3D engines for the web, and it can be used for WebXR games. Check out Three.js' [How to create VR content](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content) documentation to help you make WebXR games with Three.js.
+[A-Frame](https://aframe.io/) is a web framework that offers simple building blocks for WebXR, so you can rapidly build and experiment with VR websites and games. You can read MDN's [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) tutorial for more details.
 
-![A 3D representation of a landscape: it's a pinkish sunset, with a blue mountainous land in the background surrounded by a mirror sea and a darker blue island in the second plan.](sechelt.jpg)
+Separately, Three.js is one of the most popular 3D engines for the web, and it can be used for WebXR games. Check out Three.js' [How to create VR content](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content) documentation to help you make WebXR games with Three.js.
 
-There's also a markup framework called [A-Frame](https://aframe.io/) that offers simple building blocks for WebXR, so you can rapidly build and experiment with VR websites and games: read the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame) tutorial for more details.
+![A 3D representation of a landscape: it's a pinkish sunset, with a blue mountainous land in the background surrounded by a mirror sea and a darker blue island in the second plan.](sechelt.jpg)
 
 Immersion takes priority over gameplay and graphics - you must feel part of the experience. It's not easy to achieve, but it doesn't require realistic images. On the contrary, even basic shapes soaring past at high frame rates can be thrilling if the experience is immersive. Remember: experimenting is key - feel free to go with what works well for your project.