p5.js exitPointerLock()函数
函数exitPointerLock()退出先前使用的指针锁,例如,如果指针被锁定,则将其解锁,反之亦然。用于退出 requestPointer()函数调用的指针锁。
句法:
exitPointerLock()
第一步:打开 p5.js 的网页编辑器 https://editor.p5js.org/
步骤 2:编写以下代码并查看结果。
例子:
Javascript
// Make a boolean variable and set
// its value false
let lock = false;
// Set the function
function setup() {
// Set the frame rate
frameRate(5);
// Set the canvas size
createCanvas(600, 400, WEBGL);
}
// Set the draw function
function draw() {
// Set the background colour
background(175);
// Set the camera
let cX = random(-10, 10);
let cY = random(-10, 10);
let cZ = random(-10, 10);
camera(cX, cY,
cZ + (height / 2) / tan(PI / 6),
cX, 0, 0, 0, 1, 0);
ambientLight(255);
rotateX(-movedX * 0.1);
rotateY(movedY * 0.1);
noStroke();
normalMaterial();
box(100, 100, 100);
}
// Function to apply exitpointer lock
function mouseReleased() {
// If lock is not false then
// make it true
if (!lock) {
lock = true;
// Request for pointer lock
requestPointerLock();
} else {
// Exit the pointer lock
exitPointerLock();
// Again make te lock variable false
lock = false;
}
}
输出:
在输出中,我们可以看到当鼠标被释放时,它退出了之前的指针锁,因为我们已经设置了 mouseReleased()函数来退出指针锁。