From aae6c45254e44b09b1183fd83b3fd7c5a480ea37 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期一, 20 十二月 2021 16:50:23 +0800
Subject: [PATCH] #
---
static/js/app.js | 92 ++++++++++++++++++++++++++++++----------------
1 files changed, 60 insertions(+), 32 deletions(-)
diff --git a/static/js/app.js b/static/js/app.js
index dcf21ef..450a51e 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -29,6 +29,7 @@
this.direction = new THREE.Vector3();
this.raycaster = null;
this.prevTime = performance.now();//涓婁竴娆ender鐨勬椂闂�
+ this.backgroundType = true;
this.start = function () {
this.initMain();
@@ -61,24 +62,29 @@
this.scene = new THREE.Scene();
}
this.initCamera = function () {
- //澹版槑涓�涓�忚鐩告満锛�
- // 瑙嗚锛�60锛�
- // 绾垫í姣攁spect:鍏ㄥ睆锛屼娇鐢ㄧ殑鏄祻瑙堝櫒鐨勫搴�/楂樺害
- //杩戝钩闈ear锛�0.1
- //杩滃钩闈㈣瑙抐ar:10000
- this.camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 50000);
- /*
- 璁剧疆鐩告満浣嶇疆锛屾敞鎰弔hreejs涓殑鍧愭爣绯婚噰鐢ㄧ殑鏄彸鎵嬪潗鏍囩郴
- */
- // this.camera.position.x = 0;
- // this.camera.position.y = 1000;
- // this.camera.position.z = 600;
- // //鐩告満鐨勬湞鍚�
- // this.camera.lookAt(0, 0, 0);
- this.camera.position.set( - 350, 1070, 1550 );
- this.camera.lookAt( this.scene.position );
- //灏嗙浉鏈烘斁鍒板満鏅腑
- this.scene.add(this.camera);
+ if (this.camera === null) {
+ //澹版槑涓�涓�忚鐩告満锛�
+ // 瑙嗚锛�60锛�
+ // 绾垫í姣攁spect:鍏ㄥ睆锛屼娇鐢ㄧ殑鏄祻瑙堝櫒鐨勫搴�/楂樺害
+ //杩戝钩闈ear锛�0.1
+ //杩滃钩闈㈣瑙抐ar:10000
+ this.camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 50000);
+ /*
+ 璁剧疆鐩告満浣嶇疆锛屾敞鎰弔hreejs涓殑鍧愭爣绯婚噰鐢ㄧ殑鏄彸鎵嬪潗鏍囩郴
+ */
+ // this.camera.position.x = 0;
+ // this.camera.position.y = 1000;
+ // this.camera.position.z = 600;
+ // //鐩告満鐨勬湞鍚�
+ // this.camera.lookAt(0, 0, 0);
+ this.camera.position.set( - 350, 1070, 1550 );
+ this.camera.lookAt( this.scene.position );
+ //灏嗙浉鏈烘斁鍒板満鏅腑
+ this.scene.add(this.camera);
+ } else {
+ this.camera.position.set( - 350, 1070, 1550 );
+ this.camera.lookAt( this.scene.position );
+ }
}
this.initRenderer = function () {
this.renderer = new THREE.WebGLRenderer();
@@ -145,18 +151,21 @@
}
this.initStats = function () {
this.stats = new Stats();
- // this.dom.appendChild( this.stats.dom );
+ this.dom.appendChild( this.stats.dom );
+ this.stats.domElement.style.display = 'none';
}
this.initBackground = function () {
- // const cubeTextureLoader = new THREE.CubeTextureLoader();
- // cubeTextureLoader.setPath( '../static/img/skybox/' );
- // this.scene.background = cubeTextureLoader.load([
- // "px.jpg", "nx.jpg",
- // "py.jpg", "ny.jpg",
- // "pz.jpg", "nz.jpg"
- // ]);
- this.scene.background = new THREE.Color( 0xf0f0f0 );
-
+ if (this.backgroundType) {
+ this.scene.background = new THREE.Color( 0xf0f0f0 );
+ } else {
+ const cubeTextureLoader = new THREE.CubeTextureLoader();
+ cubeTextureLoader.setPath( '../static/img/skybox/' );
+ this.scene.background = cubeTextureLoader.load([
+ "px.jpg", "nx.jpg",
+ "py.jpg", "ny.jpg",
+ "pz.jpg", "nz.jpg"
+ ]);
+ }
// 澶槼
// let sky = new Sky();
// sky.scale.setScalar( 450000 );
@@ -212,7 +221,7 @@
break;
case 'Space':
if ( object.canJump === true ) {
- object.velocity.y += 350;
+ object.velocity.y += 450;
}
object.canJump = false;
break;
@@ -239,7 +248,13 @@
break;
}
};
-
+ this.controls.addEventListener( 'lock', function () {
+ console.log("绗竴浜虹О瑙嗚")
+ } );
+ this.controls.addEventListener( 'unlock', function () {
+ console.log("涓婂笣瑙嗚");
+ object.initCamera();
+ } );
document.addEventListener( 'keydown', onKeyDown );
document.addEventListener( 'keyup', onKeyUp );
@@ -259,8 +274,8 @@
this.direction.z = Number( this.moveForward ) - Number( this.moveBackward );
this.direction.x = Number( this.moveRight ) - Number( this.moveLeft );
this.direction.normalize(); // this ensures consistent movements in all directions
- if ( this.moveForward || this.moveBackward ) this.velocity.z -= this.direction.z * 400.0 * delta;
- if ( this.moveLeft || this.moveRight ) this.velocity.x -= this.direction.x * 400.0 * delta;
+ if ( this.moveForward || this.moveBackward ) this.velocity.z -= this.direction.z * 2000.0 * delta;
+ if ( this.moveLeft || this.moveRight ) this.velocity.x -= this.direction.x * 2000.0 * delta;
if ( onObject === true ) {
this.velocity.y = Math.max( 0, this.velocity.y );
this.canJump = true;
@@ -426,6 +441,19 @@
crnTask.move();
}
}
+
+ // 鍔熻兘鏂规硶鍖�
+ this.changeStats = function () {
+ if (this.stats.domElement.style.display === 'none') {
+ this.stats.domElement.style.display = 'block';
+ } else {
+ this.stats.domElement.style.display = 'none';
+ }
+ }
+ this.changeBackGround = function () {
+ this.backgroundType = !this.backgroundType;
+ this.initBackground();
+ }
},
};
--
Gitblit v1.9.1