Kevin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added fences for small garden

Browse Source
This commit is contained in:
LJ5O
2023-12-05 16:13:46 +01:00
parent 0d560140e5
commit 18712a472a
1 changed files with 42 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/utils/addAssetsOnScene.js
View File

@@ -45,17 +45,14 @@ export async function addAssetsOnScene(scene){
const groundXSize = groundHitBox.max.x - groundHitBox.min.x;
const groundySize = groundHitBox.max.y - groundHitBox.min.y;
alignGround(ground, fenceModel.scene);
for(let i = 0; i<groundXSize; i=i+fenceWidth){
let fence1 = fenceModel.scene.clone()
let fence2 = fenceModel.scene.clone()
let fence3 = fenceModel.scene.clone()
let fence4 = fenceModel.scene.clone()
fence1.scale.set(0.05,0.05,0.05);
fence2.scale.set(0.05,0.05,0.05);
fence3.scale.set(0.05,0.05,0.05);
fence4.scale.set(0.05,0.05,0.05);
fence1.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));//Correctly rotated for that face
fence2.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));
@@ -71,11 +68,6 @@ export async function addAssetsOnScene(scene){
fence4.position.y = groundHitBox.max.y - fenceWidth - i;//LEFT SIDE
fence4.position.x = groundHitBox.min.x + 0.25;
alignGround(ground, fence1);
alignGround(ground, fence2);
alignGround(ground, fence3);
alignGround(ground, fence4);
scene.add(fence1);
scene.add(fence2);
scene.add(fence3);
@@ -87,7 +79,43 @@ export async function addAssetsOnScene(scene){
fences.push(fence4);
}
//Adding Paths
//Small garden
const topLeftCorner = {x:5, y:-14}
const smallGardenHeight = 11*fenceWidth;
const smallGardenWidth = 5*fenceWidth;
for(let i = 0; i<smallGardenHeight; i=i+fenceWidth){
const fence1 = fenceModel.scene.clone();
const fence2 = fenceModel.scene.clone();
fence1.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));//Correctly rotated for that face
fence2.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));
fence1.position.x = topLeftCorner.x + i;
fence1.position.y = topLeftCorner.y;
fence2.position.x = topLeftCorner.x - i + smallGardenHeight;
fence2.position.y = topLeftCorner.y + smallGardenWidth;
scene.add(fence1);
scene.add(fence2);
}
for(let i = 0; i<smallGardenWidth; i=i+fenceWidth){
const fence1 = fenceModel.scene.clone();
const fence2 = fenceModel.scene.clone();
fence1.position.y = topLeftCorner.y + i;
fence1.position.x = topLeftCorner.x - fenceWidth;
fence2.position.y = topLeftCorner.y - i + smallGardenWidth - fenceWidth;
fence2.position.x = topLeftCorner.x + smallGardenHeight;
scene.add(fence1);
scene.add(fence2);
}
/* --------------------
ADDING PATHs
-------------------- */
//Works like fences
let pathTiles = [];//List of created pathTiles
const pathTilesModel = await loadModel('src/objects/models/path.gltf');
@@ -112,11 +140,6 @@ export async function addAssetsOnScene(scene){
pathLeft.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));//Correctly rotated for that face
pathRight.rotateOnWorldAxis(new THREE.Vector3(0,0,1), MathUtils.degToRad(90));
alignGround(ground, pathUp);
alignGround(ground, pathLeft);
alignGround(ground, pathDown);
alignGround(ground, pathRight);
scene.add(pathUp);
scene.add(pathLeft);
scene.add(pathDown);
@@ -196,10 +219,10 @@ export async function addAssetsOnScene(scene){
scene.add( player.scene );
return {
ground: ground,
fenceScenes: fences,
//ground: ground,
//fenceScenes: fences,
player: player,
pathTiles: pathTiles,
//pathTiles: pathTiles,
nameplateModel: nameplateModel
};
}