imi-bas/pronature-platform
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

#63

Browse Source
This commit is contained in:
goynov
2026-02-24 11:59:02 +02:00
parent 441befabd7
commit 30b49ba573
4 changed files with 97 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/Dashboard.js
+4 -5
View File
@@ -41,7 +41,7 @@ class DashBoard extends EventManager {
}))
dash.add(dashMesh);
engine.scene.add(dash);
engine.cameraRig.add(dash);
const loadingPlane = new Mesh(
new PlaneGeometry(dashWidth, dashHeight),
@@ -112,12 +112,11 @@ class DashBoard extends EventManager {
pointsText.position.set(0.86 * dashWidth/2, 0.47 * dashHeight, -0.001);
dash.add(pointsText);
engine.addEventListener('beforeRender', ()=>{
//engine.addEventListener('beforeRender', ()=>{
dash.quaternion.copy(engine.camera.quaternion)
dash.position.copy(engine.camera.position)
//dash.translateZ(-1.2 * engine.camera.zoom);
dash.translateZ(-dashDistance -0.75/Math.tan(engine.camera.fov/2 * Math.PI/180) * engine.camera.zoom);
})
//})
this.initScene = function(scene, startBtnCallback){
this.loading(0,0);
@@ -203,7 +202,7 @@ class DashBoard extends EventManager {
//dashPlacement, rotate = false, plane = false
this.attach = (object, opts = {})=>{
this.cameraFix = engine.hero.cameraZ;
engine.hero.cameraZ = 6;
engine.hero.cameraZ = 12;
hud.visible = true;
hudPlane.visible = !!opts.plane;
if (opts.plane){
src/lib/GameEngine.js
+55 -33
View File
@@ -33,7 +33,7 @@ class GameEngine extends EventManager{
this.perspectiveCamera = new THREE.PerspectiveCamera(45, this.aspect, 0.001, 99);
this.raycaster = new THREE.Raycaster();
this.perspectiveCamera.position.set(0, 0, 10);
//this.perspectiveCamera.position.set(0, 0, 10);
this.camera = this.perspectiveCamera;
@@ -45,7 +45,7 @@ class GameEngine extends EventManager{
this.frustumSize / - 2,
0.01, 1000
);
this.orthographicCamera.position.set(0, 0, 100);
const scene = new THREE.Scene();
this.scene = scene;
@@ -100,6 +100,7 @@ class GameEngine extends EventManager{
renderer.setViewport(0, 0, this.w, this.h);
renderer.autoClear = true;
renderer.alpha = true
this.renderer = renderer;
this.anaglyph = new AnaglyphEffect(renderer);
this.anaglyph.setSize(this.w, this.h);
@@ -120,29 +121,31 @@ class GameEngine extends EventManager{
this.activeObjects = new THREE.Group();
scene.add(this.activeObjects);
const controls = new OrbitControls(this.camera, renderer.domElement);
if (opts.gizmo) {
this.orbitControls = new OrbitControls(this.camera, renderer.domElement);
this.orbitControls.enableZoom = false;
const gizmo = new ViewportGizmo(this.camera, renderer, {
container: '.renderer-gizmo',
//type:'cube'
});
gizmo.attachControls(controls);
gizmo.attachControls(this.orbitControls);
this.gizmo = gizmo;
this.perspectiveCamera.position.set(0, 0, 10);
this.orthographicCamera.position.set(0, 0, 100);
this.cameraRig.rotation.y = 0;
}
if (opts.telemetry){
this.tm = new Telemetry(opts.telemetry, opts.mode);
}
this.orbitControls = controls;
controls.enableZoom = false;
//const controls = new MapControls( camera, renderer.domElement );
this.transformControls = new TransformControls(this.camera, renderer.domElement);
this.transformControls.addEventListener('dragging-changed', function (event) {
controls.enabled = !event.value;
});
this.pointerControls = new PointerControls(this.camera, renderer.domElement);
this.pointerControls = new PointerControls(this);
// controls.enableDamping = true;
// controls.screenSpacePanning = true;
@@ -173,7 +176,6 @@ class GameEngine extends EventManager{
const clock = new THREE.Clock();
this.clock = clock;
this.renderer = renderer;
this.draco = new DRACOLoader().setDecoderPath('/3rdparty/draco/');
this.loader = new GLTFLoader();
@@ -204,7 +206,7 @@ class GameEngine extends EventManager{
gameEngine.camera.zoom -= event.deltaY / (1000 / gameEngine.camera.zoom);
gameEngine.camera.zoom = Math.max(gameEngine.camera.zoom, .01);
//controls.rotateSpeed = 1 / Math.sqrt(gameEngine.camera.zoom);
controls.panSpeed = 1 / gameEngine.camera.zoom;
gameEngine.orbitControls.panSpeed = 1 / gameEngine.camera.zoom;
gameEngine.camera.updateProjectionMatrix();
}
})
@@ -226,23 +228,25 @@ class GameEngine extends EventManager{
if (opts.xr) {
renderer.xr.enabled = true;
this.xrBtn = XRButton.createButton(renderer, opts.depthSense ? {
'requiredFeatures': ['depth-sensing'],
'depthSensing': {
requiredFeatures: ['depth-sensing'],
depthSensing: {
usagePreference: ["gpu-optimized"],
dataFormatPreference: ["unsigned-short"],
matchDepthView: false
}
} : {})
} : {
})
this.xrBtn.classList.add('engine-xr-btn');
document.body.appendChild(this.xrBtn);
this.initXrControllers();
this.initXr();
}
this.clickable = new Clickable(20);
this.draggable = new Draggable(20);
}
initXrControllers() {
initXr() {
let c1 = this.renderer.xr.getController(0);
c1.addEventListener('select', this.onSelect.bind(this));
c1.addEventListener('selectstart', this.onControllerEvent.bind(this));
@@ -287,22 +291,32 @@ class GameEngine extends EventManager{
this.xrController1 = c1
this.xrController2 = c2
this.xrCamera = this.renderer.xr.getCamera();
}
initCameraPivot() {
const pivot = new THREE.Object3D()
pivot.position.set(0, 0, 0)
// const pivot = new THREE.Object3D()
// pivot.position.set(0, 0, 0)
const yaw = new THREE.Object3D()
const pitch = new THREE.Object3D()
// const yaw = new THREE.Object3D()
// const pitch = new THREE.Object3D()
this.scene.add(pivot)
pivot.add(yaw)
yaw.add(pitch)
this.scene.add(this.perspectiveCamera);
this.scene.add(this.orthographicCamera);
this.cameraPivot = pivot;
this.cameraYaw = yaw;
// this.scene.add(pivot)
// pivot.add(yaw)
// yaw.add(pitch)
// this.scene.add(this.perspectiveCamera);
// this.scene.add(this.orthographicCamera);
// this.cameraPivot = pivot;
// this.cameraYaw = yaw;
this.cameraWorld = new THREE.Group();
this.cameraRig = new THREE.Group();
this.cameraRig.add(this.perspectiveCamera);
this.cameraRig.add(this.orthographicCamera);
this.cameraRig.rotation.y = Math.PI;
this.cameraWorld.add(this.cameraRig);
this.scene.add(this.cameraWorld);
}
async initPhysics() {
@@ -540,7 +554,7 @@ class GameEngine extends EventManager{
// o.updateProjectionMatrix();
this.camera = o;
this.transformControls.camera = o;
this.orbitControls.object = o;
//this.orbitControls.object = o;
if (this.gizmo) {
this.gizmo.camera = o;
}
@@ -554,7 +568,7 @@ class GameEngine extends EventManager{
// o.updateProjectionMatrix();
this.camera = o;
this.transformControls.camera = o;
this.orbitControls.object = o;
//this.orbitControls.object = o;
if (this.gizmo) {
this.gizmo.camera = o;
}
@@ -607,12 +621,20 @@ class GameEngine extends EventManager{
this.ambientSound.play();
}
showBackground(show, t = 1){
this.motionQueue.add({
o: this.scene,
a: { backgroundIntensity: show ? 1 : 0},
t
})
immersive(show, t = 1){
this.motionQueue.add([
{
o: this.scene,
a: {
backgroundIntensity: show ? 0.1 : 1, environmentIntensity: show ? 0.1 : 1
},
t
},{
o: this.ambientLight,
a: { intensity: show ? 0.1 : 11},
t
}
])
}
destroy(){
src/lib/Hero.js
+20 -8
View File
@@ -5,7 +5,7 @@ import { QueryFilterFlags } from '@dimforge/rapier3d';
class Hero{
walkDirection = new Vector3()
rotateAngle = new Vector3(0, 1, 0)
#cameraZ = 5/1.77
#cameraZ = 6
get cameraZ(){
return this.#cameraZ;
@@ -76,7 +76,8 @@ class Hero{
// this.characterController.setCharacterMass(50);
this.orbitControl = this.engine.orbitControls
this.camera = this.engine.camera
//this.camera = this.engine.camera;
this.camera = this.engine.cameraWorld;
this.cameraY = this.size.y * 1.5;
this.direction = this.model.rotation.y;
@@ -88,8 +89,17 @@ class Hero{
}
update(delta){
if (this.ready && this.engine.physics.started && !this.disableInput && !this.engine.renderer.xr.isPresenting) {
if (this.ready && this.engine.physics.started && !this.disableInput) {
this.updateCharacterControls(delta)
// if (this.engine.renderer.xr.isPresenting){
// this.camera = this.engine.cameraWorld;
// // this.engine.activeObjects.position.x = -this.camera.position.x;
// // this.engine.activeObjects.position.z = -this.camera.position.z;
// }else{
// this.camera = this.engine.cameraWorld;
// this.engine.camera.position.set(0,0,0);
// this.engine.camera.rotation.set(0,0,0);
// }
}
}
@@ -106,9 +116,9 @@ class Hero{
}
if (!pc.controls.isLocked && !this.model.visible){
this.model.visible = true;
this.#cameraZ = 5/1.77
this.camera.fov = 45;
this.camera.updateProjectionMatrix();
this.#cameraZ = 6
this.engine.camera.fov = 45;
this.engine.camera.updateProjectionMatrix();
}
let input = pc.input;
@@ -230,12 +240,14 @@ class Hero{
cameraPosition.lerp(cameraDesiredPosition, delta*2)
this.camera.position.copy(cameraPosition)
if (!pc.controls.isLocked){
this.orbitControl.target.set(
// this.orbitControl.target.set(
// )
this.camera.lookAt(
this.model.position.x,
this.cameraY -this.size.y * 0.5 + this.model.position.y,
this.model.position.z
)
this.camera.lookAt(this.orbitControl.target)
}
}
src/lib/PointerControls.js
+18 -24
View File
@@ -2,9 +2,9 @@ import { Vector3 } from 'three';
import { PointerLockControls } from 'three/examples/jsm/Addons.js';
class PointerControls {
constructor(camera, domElement) {
constructor(engine) {
this.kb = {};
this.dom = domElement;
this.dom = engine.renderer.domElement;
this.canJump = false;
this.velocity = new Vector3();
@@ -13,10 +13,10 @@ class PointerControls {
this.vertex = new Vector3();
this.rvelo = 0;
this.camera = camera;
this.engine = engine;
this.click = false;
this.controls = new PointerLockControls(camera, domElement);
this.controls = new PointerLockControls(engine.camera, this.dom);
const onKeyDown = (event) => {
this.kb[event.code] = true;
@@ -35,55 +35,49 @@ class PointerControls {
document.addEventListener('keydown', onKeyDown);
document.addEventListener('keyup', onKeyUp);
window.addEventListener("gamepadconnected", (e) => {
this.gp = navigator.getGamepads()[e.gamepad.index];
console.log("Gamepad connected", this.gp);
});
domElement.addEventListener('click', () => {
this.dom.addEventListener('click', () => {
this.controls.isLocked && this.clicked && this.clicked();
});
domElement.addEventListener('mousedown', () => {
this.dom.addEventListener('mousedown', () => {
this.controls.isLocked && this.onpointer && this.onpointer('start');
});
domElement.addEventListener('mousemove', () => {
this.dom.addEventListener('mousemove', () => {
this.controls.isLocked && this.onpointer && this.onpointer('drag');
});
domElement.addEventListener('mouseup', () => {
this.dom.addEventListener('mouseup', () => {
this.controls.isLocked && this.onpointer && this.onpointer('end');
});
this.update = () => { };
}
get moveForward(){
return this.kb['ArrowUp'] || this.kb['KeyW'] || false
return this.kb['ArrowUp'] || this.kb['KeyW'] || this.engine.xrController1?.gamepad?.axes[3] < -0.5 || false
}
get moveBackward(){
return this.kb['ArrowDown'] || this.kb['KeyS'] || this.engine.xrController1?.gamepad?.axes[3] > 0.5 || false
}
get moveLeft(){
return this.kb['ArrowLeft'] || this.kb['KeyA'] || false
return this.kb['ArrowLeft'] || this.kb['KeyA'] || this.engine.xrController1?.gamepad?.axes[2] < -0.5 || false
}
get moveRight(){
return this.kb['ArrowRight'] || this.kb['KeyD'] || this.engine.xrController1?.gamepad?.axes[2] > 0.5 || false
}
get rotateLeft(){
return this.moveLeft;
}
get moveRight(){
return this.kb['ArrowRight'] || this.kb['KeyD'] || false
}
get rotateRight(){
return this.moveRight;
}
get moveBackward(){
return this.kb['ArrowDown'] || this.kb['KeyS'] || false
}
get moveUp(){
return this.kb['KeyR'] || false
}