From 485ef1dee5ab15d25d35c2d786e9b5378bce37c8 Mon Sep 17 00:00:00 2001 From: LJ5O <75009579+LJ5O@users.noreply.github.com> Date: Wed, 27 Dec 2023 23:12:14 +0100 Subject: [PATCH] Added some signs Ready to add an image --- src/cameras/PerspectiveCamera.js | 1 + src/utils/addAssetsOnScene.js | 32 +++++++++++++++++++++++++++++++- 2 files changed, 32 insertions(+), 1 deletion(-) diff --git a/src/cameras/PerspectiveCamera.js b/src/cameras/PerspectiveCamera.js index 18ca843..342f210 100644 --- a/src/cameras/PerspectiveCamera.js +++ b/src/cameras/PerspectiveCamera.js @@ -8,6 +8,7 @@ export function getCamera(){ camera.position.x = 0;// <-----> camera.position.y = -4;// ^^ / vv camera.position.z = 4;// ^-----v + //camera.position.set(10,0.36 -4,0 +4); camera.rotateOnWorldAxis(new THREE.Vector3(1, 0, 0), MathUtils.degToRad(40)); return camera; diff --git a/src/utils/addAssetsOnScene.js b/src/utils/addAssetsOnScene.js index e83b8eb..79c71b0 100644 --- a/src/utils/addAssetsOnScene.js +++ b/src/utils/addAssetsOnScene.js @@ -312,6 +312,7 @@ export async function addAssetsOnScene(scene){ gamepad.scene.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(20)); alignGround(table.scene, gamepad.scene); scene.add( gamepad.scene ); + /* -------------------- ADDING NAME & JOB -------------------- */ @@ -329,15 +330,44 @@ export async function addAssetsOnScene(scene){ nameplateModel.scene.position.y = 2; alignGround(ground, nameplateModel.scene); nameplateModel.scene.position.z += 0.2; - scene.add(nameplateModel.scene); + /* -------------------- + ADDING SIGNS + -------------------- */ + const sign = await loadModel('src/objects/models/sign.gltf'); + sign.scene.scale.set(0.08,0.08,0.08); + sign.scene.position.x = 10; + sign.scene.position.y = 1.36; + sign.scene.rotateOnWorldAxis(new THREE.Vector3(1,0,0), MathUtils.degToRad(90)); + sign.scene.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(-90)); + alignGround(ground, sign.scene); + scene.add( sign.scene ); + + const geometry = new THREE.PlaneGeometry(2.95, 1.55); + const material = new THREE.MeshBasicMaterial({ color: 0x000000 }); + const plane = new THREE.Mesh(geometry, material); + plane.rotateOnWorldAxis(new THREE.Vector3(1,0,0), MathUtils.degToRad(90)); + plane.position.set(10.06, 1.347, 1.65); + scene.add(plane); + + + for(let i=1; i<3; i++){ + const signCopy = sign.scene.clone(); + signCopy.position.x += i*5; + scene.add( signCopy ); + + const planeClone = plane.clone(); + planeClone.position.x += i*5; + scene.add( planeClone ); + } /* -------------------- ADDING PLAYER -------------------- */ const player = await loadModel('src/objects/models/player.gltf');//Loading player player.scene.scale.set(0.2,0.2,0.2); + //player.scene.position.set(10,0.36,0); alignGround(ground, player.scene); player.scene.rotateOnWorldAxis(new THREE.Vector3(1,0,0), MathUtils.degToRad(90));//Must be standing up scene.add( player.scene );