Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
b4c8e3b4
T
three.js
项目概览
车家大少爷
/
three.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
three.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b4c8e3b4
编写于
9月 12, 2019
作者:
M
Mugen87
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Docs: Add PointerLockControls page.
上级
10ddc4d7
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
302 addition
and
2 deletion
+302
-2
docs/examples/en/controls/PointerLockControls.html
docs/examples/en/controls/PointerLockControls.html
+149
-0
docs/examples/zh/controls/PointerLockControls.html
docs/examples/zh/controls/PointerLockControls.html
+149
-0
docs/list.js
docs/list.js
+4
-2
未找到文件。
docs/examples/en/controls/PointerLockControls.html
0 → 100644
浏览文件 @
b4c8e3b4
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
/>
<base
href=
"../../../"
/>
<script
src=
"list.js"
></script>
<script
src=
"page.js"
></script>
<link
type=
"text/css"
rel=
"stylesheet"
href=
"page.css"
/>
</head>
<body>
[page:EventDispatcher]
→
<h1>
[name]
</h1>
<p
class=
"desc"
>
The implementation of this class is based on the [link:https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API Pointer Lock API].
[name] is a perfect choice for first person 3D games.
</p>
<h2>
Example
</h2>
<p>
[example:misc_controls_pointerlock misc / controls / pointerlock ]
</p>
<code>
var controls = new PointerLockControls( camera );
// add event listener to show/hide a UI (e.g. the game's menu)
controls.addEventListener( 'lock', function () {
menu.style.display = 'none';
} );
controls.addEventListener( 'unlock', function () {
menu.style.display = 'block';
} );
</code>
<h2>
Constructor
</h2>
<h3>
[name]( [param:Camera camera], [param:HTMLDOMElement domElement] )
</h3>
<p>
<p>
[page:Camera camera]: The camera of the rendered scene.
</p>
<p>
[page:HTMLDOMElement domElement]: (optional) The HTML element used for event listeners. By default this is the document's body.
</p>
<p>
Creates a new instance of [name].
</p>
</p>
<h2>
Events
</h2>
<h3>
change
</h3>
<p>
Fires when the user moves the mouse.
</p>
<h3>
lock
</h3>
<p>
Fires when the pointer lock status is "locked" (in other words: the mouse is captured).
</p>
<h3>
unlock
</h3>
<p>
Fires when the pointer lock status is "unlocked" (in other words: the mouse is not captured anymore).
</p>
<h2>
Properties
</h2>
<h3>
[property:HTMLDOMElement domElement]
</h3>
<p>
The HTMLDOMElement used to listen for mouse / touch events. This must be passed in the constructor; changing it here will
not set up new event listeners. Default is the document's body.
</p>
<h3>
[property:Boolean isLocked]
</h3>
<p>
Whether or not the controls are locked.
</p>
<h2>
Methods
</h2>
<p>
See the base [page:EventDispatcher] class for common methods.
</p>
<h3>
[method:null connect] ()
</h3>
<p>
Adds the event listeners of the controls.
</p>
<h3>
[method:null disconnect] ()
</h3>
<p>
Removes the event listeners of the controls.
</p>
<h3>
[method:Vector3 getDirection] ( [param:Vector3 target] )
</h3>
<p>
<p>
[page:Vector3 target]: The target vector.
</p>
<p>
Returns the look direction of the camera.
</p>
</p>
<h3>
[method:null lock] ()
</h3>
<p>
Activates the pointer lock.
</p>
<h3>
[method:null moveForward] ( [param:Number distance] )
</h3>
<p>
<p>
[page:Number distance]: The signed distance.
</p>
<p>
Moves the camera forward parallel to the xz-plane. Assumes camera.up is y-up.
</p>
</p>
<h3>
[method:null moveRight] ( [param:Number distance] )
</h3>
<p>
<p>
[page:Number distance]: The signed distance.
</p>
<p>
Moves the camera sidewards parallel to the xz-plane.
</p>
</p>
<h3>
[method:null unlock] ()
</h3>
<p>
Exits the pointer lock.
</p>
<h2>
Source
</h2>
<p>
[link:https://github.com/mrdoob/three.js/blob/master/examples/js/controls/PointerLockControls.js examples/js/controls/PointerLockControls.js]
</p>
</body>
</html>
docs/examples/zh/controls/PointerLockControls.html
0 → 100644
浏览文件 @
b4c8e3b4
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
/>
<base
href=
"../../../"
/>
<script
src=
"list.js"
></script>
<script
src=
"page.js"
></script>
<link
type=
"text/css"
rel=
"stylesheet"
href=
"page.css"
/>
</head>
<body>
[page:EventDispatcher]
→
<h1>
[name]
</h1>
<p
class=
"desc"
>
The implementation of this class is based on the [link:https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API Pointer Lock API].
[name] is a perfect choice for first person 3D games.
</p>
<h2>
Example
</h2>
<p>
[example:misc_controls_pointerlock misc / controls / pointerlock ]
</p>
<code>
var controls = new PointerLockControls( camera );
// add event listener to show/hide a UI (e.g. the game's menu)
controls.addEventListener( 'lock', function () {
menu.style.display = 'none';
} );
controls.addEventListener( 'unlock', function () {
menu.style.display = 'block';
} );
</code>
<h2>
Constructor
</h2>
<h3>
[name]( [param:Camera camera], [param:HTMLDOMElement domElement] )
</h3>
<p>
<p>
[page:Camera camera]: The camera of the rendered scene.
</p>
<p>
[page:HTMLDOMElement domElement]: (optional) The HTML element used for event listeners. By default this is the document's body.
</p>
<p>
Creates a new instance of [name].
</p>
</p>
<h2>
Events
</h2>
<h3>
change
</h3>
<p>
Fires when the user moves the mouse.
</p>
<h3>
lock
</h3>
<p>
Fires when the pointer lock status is "locked" (in other words: the mouse is captured).
</p>
<h3>
unlock
</h3>
<p>
Fires when the pointer lock status is "unlocked" (in other words: the mouse is not captured anymore).
</p>
<h2>
Properties
</h2>
<h3>
[property:HTMLDOMElement domElement]
</h3>
<p>
The HTMLDOMElement used to listen for mouse / touch events. This must be passed in the constructor; changing it here will
not set up new event listeners. Default is the document's body.
</p>
<h3>
[property:Boolean isLocked]
</h3>
<p>
Whether or not the controls are locked.
</p>
<h2>
Methods
</h2>
<p>
See the base [page:EventDispatcher] class for common methods.
</p>
<h3>
[method:null connect] ()
</h3>
<p>
Adds the event listeners of the controls.
</p>
<h3>
[method:null disconnect] ()
</h3>
<p>
Removes the event listeners of the controls.
</p>
<h3>
[method:Vector3 getDirection] ( [param:Vector3 target] )
</h3>
<p>
<p>
[page:Vector3 target]: The target vector.
</p>
<p>
Returns the look direction of the camera.
</p>
</p>
<h3>
[method:null lock] ()
</h3>
<p>
Activates the pointer lock.
</p>
<h3>
[method:null moveForward] ( [param:Number distance] )
</h3>
<p>
<p>
[page:Number distance]: The signed distance.
</p>
<p>
Moves the camera forward parallel to the xz-plane. Assumes camera.up is y-up.
</p>
</p>
<h3>
[method:null moveRight] ( [param:Number distance] )
</h3>
<p>
<p>
[page:Number distance]: The signed distance.
</p>
<p>
Moves the camera sidewards parallel to the xz-plane.
</p>
</p>
<h3>
[method:null unlock] ()
</h3>
<p>
Exits the pointer lock.
</p>
<h2>
Source
</h2>
<p>
[link:https://github.com/mrdoob/three.js/blob/master/examples/js/controls/PointerLockControls.js examples/js/controls/PointerLockControls.js]
</p>
</body>
</html>
docs/list.js
浏览文件 @
b4c8e3b4
...
@@ -356,7 +356,8 @@ var list = {
...
@@ -356,7 +356,8 @@ var list = {
"
Controls
"
:
{
"
Controls
"
:
{
"
DeviceOrientationControls
"
:
"
examples/en/controls/DeviceOrientationControls
"
,
"
DeviceOrientationControls
"
:
"
examples/en/controls/DeviceOrientationControls
"
,
"
DragControls
"
:
"
examples/en/controls/DragControls
"
,
"
DragControls
"
:
"
examples/en/controls/DragControls
"
,
"
OrbitControls
"
:
"
examples/en/controls/OrbitControls
"
"
OrbitControls
"
:
"
examples/en/controls/OrbitControls
"
,
"
PointerLockControls
"
:
"
examples/en/controls/PointerLockControls
"
},
},
"
Geometries
"
:
{
"
Geometries
"
:
{
...
@@ -794,7 +795,8 @@ var list = {
...
@@ -794,7 +795,8 @@ var list = {
"
控制
"
:
{
"
控制
"
:
{
"
DeviceOrientationControls
"
:
"
examples/zh/controls/DeviceOrientationControls
"
,
"
DeviceOrientationControls
"
:
"
examples/zh/controls/DeviceOrientationControls
"
,
"
DragControls
"
:
"
examples/zh/controls/DragControls
"
,
"
DragControls
"
:
"
examples/zh/controls/DragControls
"
,
"
OrbitControls
"
:
"
examples/zh/controls/OrbitControls
"
"
OrbitControls
"
:
"
examples/zh/controls/OrbitControls
"
,
"
PointerLockControls
"
:
"
examples/zh/controls/PointerLockControls
"
},
},
"
几何体
"
:
{
"
几何体
"
:
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录