Skip to content

Commit 9987d59

Browse files
Mugen87Mugen87
authored
Merge pull request #18015 from Mugen87/dev29
WebXR: Update docs and TS files.
2 parents 0dd6038 + 5b72961 commit 9987d59

File tree

3 files changed

+43
-30
lines changed

3 files changed

+43
-30
lines changed

‎docs/manual/en/introduction/How-to-create-VR-content.html‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -20,22 +20,22 @@ <h1>[name]</h1>
2020
<h2>Workflow</h2>
2121

2222
<p>
23-
First, you have to include [link:https://github.com/mrdoob/three.js/blob/master/examples/js/vr/WebVR.js WebVR.js]
23+
First, you have to include [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/webxr/VRButton.js VRButton.js]
2424
into your project.
2525
</p>
2626

2727
<code>
28-
import { WEBVR } from 'three/examples/jsm/vr/WebVR.js';
28+
import { VRButton } from 'three/examples/jsm/webxr/VRButton.js';
2929
</code>
3030

3131
<p>
32-
*WEBVR.createButton()* does two important things: It creates a button which indicates
32+
*VRButton.createButton()* does two important things: It creates a button which indicates
3333
VR compatibility. Besides, it initiates a VR session if the user activates the button. The only thing you have
3434
to do is to add the following line of code to your app.
3535
</p>
3636

3737
<code>
38-
document.body.appendChild( WEBVR.createButton( renderer ) );
38+
document.body.appendChild( VRButton.createButton( renderer ) );
3939
</code>
4040

4141
<p>
@@ -65,17 +65,18 @@ <h2>Next Steps</h2>
6565
<p>
6666
Have a look at one of the official WebVR examples to see this workflow in action.<br /><br />
6767

68-
[example:webvr_ballshooter WebVR / ballshoter]<br />
69-
[example:webvr_cubes WebVR / cubes]<br />
70-
[example:webvr_dragging WebVR / dragging]<br />
71-
[example:webvr_lorenzattractor WebVR / lorenzattractor]<br />
72-
[example:webvr_panorama WebVR / panorama]<br />
73-
[example:webvr_paint WebVR / paint]<br />
74-
[example:webvr_rollercoaster WebVR / rollercoaster]<br />
75-
[example:webvr_sandbox WebVR / sandbox]<br />
76-
[example:webvr_sculpt WebVR / sculpt]<br />
77-
[example:webvr_vive_paint WebVR / vive / paint]<br />
78-
[example:webvr_vive_sculpt WebVR / vive / sculpt]<br />
68+
[example:webxr_vr_ballshooter WebXR / VR / ballshoter]<br />
69+
[example:webxr_vr_cubes WebXR / VR / cubes]<br />
70+
[example:webxr_vr_dragging WebXR / VR / dragging]<br />
71+
[example:webxr_vr_lorenzattractor WebXR / VR / lorenzattractor]<br />
72+
[example:webxr_vr_multiview WebXR / VR / multiview]<br />
73+
[example:webxr_vr_paint WebXR / VR / paint]<br />
74+
[example:webxr_vr_panorama_depth WebXR / VR / panorama_depth]<br />
75+
[example:webxr_vr_panorama WebXR / VR / panorama]<br />
76+
[example:webxr_vr_rollercoaster WebXR / VR / rollercoaster]<br />
77+
[example:webxr_vr_sandbox WebXR / VR / sandbox]<br />
78+
[example:webxr_vr_sculpt WebXR / VR / sculpt]<br />
79+
[example:webxr_vr_video WebXR / VR / video]
7980
</p>
8081

8182
</body>

‎docs/manual/zh/introduction/How-to-create-VR-content.html‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,21 @@ <h1>如何创建VR内容（[name]）</h1>
1919
<h2>工作流程</h2>
2020

2121
<p>
22-
首先，你需要将[link:https://github.com/mrdoob/three.js/blob/master/examples/js/vr/WebVR.js WebVR.js]
22+
首先，你需要将[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/webxr/VRButton.js VRButton.js]
2323
包含到你的项目中。
2424
</p>
2525

2626
<code>
27-
import { WEBVR } from 'three/examples/jsm/vr/WebVR.js';
27+
import { VRButton } from 'three/examples/jsm/webxr/VRButton.js';
2828
</code>
2929

30-
<p>*WEBVR.createButton()*做了两件重要的事情：首先，它创建了一个按钮，指示了VR的兼容性；
30+
<p>*VRButton.createButton()*做了两件重要的事情：首先，它创建了一个按钮，指示了VR的兼容性；
3131
此外，若用户激活了这个按钮，则它将开启一个VR会话。
3232
你所要做的唯一一件事情，便是把下面的这一行代码加入到你的应用程序里。
3333
</p>
3434

3535
<code>
36-
document.body.appendChild( WEBVR.createButton( renderer ) );
36+
document.body.appendChild( VRButton.createButton( renderer ) );
3737
</code>
3838

3939
<p>
@@ -65,17 +65,18 @@ <h2>接下来的步骤</h2>
6565
请查看官方示例中与WebVR相关的示例，了解这一工作流程的实际使用、运行情况。
6666
<br /><br />
6767

68-
[example:webvr_ballshooter WebVR / ballshoter]<br />
69-
[example:webvr_cubes WebVR / cubes]<br />
70-
[example:webvr_dragging WebVR / dragging]<br />
71-
[example:webvr_lorenzattractor WebVR / lorenzattractor]<br />
72-
[example:webvr_panorama WebVR / panorama]<br />
73-
[example:webvr_paint WebVR / paint]<br />
74-
[example:webvr_rollercoaster WebVR / rollercoaster]<br />
75-
[example:webvr_sandbox WebVR / sandbox]<br />
76-
[example:webvr_sculpt WebVR / sculpt]<br />
77-
[example:webvr_vive_paint WebVR / vive / paint]<br />
78-
[example:webvr_vive_sculpt WebVR / vive / sculpt]<br />
68+
[example:webxr_vr_ballshooter WebXR / VR / ballshoter]<br />
69+
[example:webxr_vr_cubes WebXR / VR / cubes]<br />
70+
[example:webxr_vr_dragging WebXR / VR / dragging]<br />
71+
[example:webxr_vr_lorenzattractor WebXR / VR / lorenzattractor]<br />
72+
[example:webxr_vr_multiview WebXR / VR / multiview]<br />
73+
[example:webxr_vr_paint WebXR / VR / paint]<br />
74+
[example:webxr_vr_panorama_depth WebXR / VR / panorama_depth]<br />
75+
[example:webxr_vr_panorama WebXR / VR / panorama]<br />
76+
[example:webxr_vr_rollercoaster WebXR / VR / rollercoaster]<br />
77+
[example:webxr_vr_sandbox WebXR / VR / sandbox]<br />
78+
[example:webxr_vr_sculpt WebXR / VR / sculpt]<br />
79+
[example:webxr_vr_video WebXR / VR / video]
7980
</p>
8081

8182
</body>

‎examples/jsm/webxr/VRButton.d.ts‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import {
2+
WebGLRenderer
3+
} from '../../../src/Three';
4+
5+
export interface WebXROptions {
6+
referenceSpaceType: string;
7+
}
8+
9+
export namespace VRButton {
10+
export function createButton( renderer: WebGLRenderer, options?: WebXROptions  ): HTMLElement;
11+
}

0 commit comments

Comments
 (0)