Name: Zaun Hochwald Lärche
SKU: 101657
Availability: InStock

Produktbeschreibung

Der geradlinige und schlichte Zaun Hochwald aus unbehandelter heimischer Lärche verleiht dem Garten einen minimalistischen Stil. Das Holz der Lärche verleiht dem Zaun nicht nur eine hochwertige Optik, sondern auch einen natürlichen Schutz vor Witterungseinflüssen.

Technische Daten

Lattentyp: Eckig, schräger Kopf
Lattenmaß: ca. 2 x 5 cm
Lattenabstand: ca. 5 cm
Riegelmaß: ca. 4,5 x 7,5 x 7 cm
Verfügbar in den Längen 2,50 m & 2,20 m

Produktdaten

Artikelnummer: 101657 Kategorie: Hochwald

Versandart: Speditionsgut

3D Mini-Planer

Mit wenigen Klicks zum Wunsch-Sichtschutz!

Sie möchten Ihr Projekt mit wenigen Klicks planen? Kein Problem! Nutzen Sie dafür die "+/- Tasten."
Sie benötigen andere Höhen, Formen, Befestigungen oder möchten um die Ecke bauen - Klicken Sie auf "Zum 3D Planer"!
Der Mega-Holz 3D Planer lässt kaum Wünsche offen!

Artikel	Menge	Einzelpreis	Gesamtpreis

Zum 3D Planer

Gesamtlänge

Gesamtpreis

0 &#x20AC

In den Warenkorb

// //CANVAS******************************************************************************************************************** var canvas = document.getElementById("renderCanvas");var startRenderLoop = function (engine, canvas) { engine.runRenderLoop(function () { if (sceneToRender && sceneToRender.activeCamera) { sceneToRender.render(); } }); };var engine = null; var scene = null; var sceneToRender = null; var createDefaultEngine = function () { return new BABYLON.Engine(canvas, true, { preserveDrawingBuffer: true, stencil: true, disableWebGL2Support: false, }); };//FOR LOADING BABYLON.DefaultLoadingScreen.prototype.displayLoadingUI = function () { if (document.getElementById("customLoadingScreenDiv")) { // Do not add a loading screen if there is already one document.getElementById("customLoadingScreenDiv").style.display = "initial"; return; } }; //lottie let animItem = bodymovin.loadAnimation({ wrapper: document.getElementById("lottieWraper"), animType: "svg", loop: true, path: "https://raw.githubusercontent.com/thesvbd/Lottie-examples/master/assets/animations/loading.json", }); animItem.resize(); animItem.addEventListener("DOMLoaded", function () { animItem.playSegments( [ [0, 100], [32, 100], ], true ); });BABYLON.DefaultLoadingScreen.prototype.hideLoadingUI = function () { document.getElementById("customLoadingScreenDiv").style.display = "none"; // console.log("scene is now loaded"); }; //end of loading//CREATE SCENE /////////////////////////////////////////////////// var createScene = function () { // for loading engine.displayLoadingUI();// SCENE var scene = new BABYLON.Scene(engine);//CAMERA var cameraTarget = new BABYLON.MeshBuilder.CreateBox( "cameraTarget", { width: 0.2, height: 0.2, depth: 0.2 }, scene ); cameraTarget.position = new BABYLON.Vector3(0.9, 1, 0); var camera = new BABYLON.ArcRotateCamera( "Camera", 0, 0, 0, new BABYLON.Vector3(0, 0, 0), scene ); cameraTarget.isVisible = false; camera.attachControl(canvas, true); camera.setPosition(new BABYLON.Vector3(0.9, 1.5, -4.1)); // camera.setTarget(new BABYLON.Vector3(0.9, 1, 0)); camera.wheelPrecision = 300; camera.target = cameraTarget;camera.lowerRadiusLimit = 2; // camera.upperRadiusLimit = 50;// camera.lowerBetaLimit = 0; camera.upperBetaLimit = 1.9;// // ENVIROMENT // scene.environmentTexture = new BABYLON.CubeTexture( // "enviorment/env.env", // scene // ); // scene.environmentIntensity = 0.8; //LIGHTS let lights = []; let lightsLite = []; let lightsHavy = []; // let lightsLed = []; let lightColors = [ "#ff0000", "#198754", "#ffc107", "#0d6efd", "#ffffff", "#0dcaf0", "#f70767", "#ff7400", "#7B00F7", "#7C7C02", ]; //LIGHTS BABYLON function lightsBabylon(a, b, c) { //set lite lights var light = new BABYLON.HemisphericLight( "light", new BABYLON.Vector3(0, 0, -1), scene );var light2 = new BABYLON.HemisphericLight( "light2", new BABYLON.Vector3(0, 0, 1), scene );a.push(light, light2);//set light lights intensity a.forEach((elm) => { elm.intensity = 0.2; });//set havy lights var light3 = new BABYLON.HemisphericLight( "light3", new BABYLON.Vector3(0, 1, -1), scene );var light4 = new BABYLON.HemisphericLight( "light4", new BABYLON.Vector3(0, 1, 1), scene );b.push(light3, light4);c.push(light, light2, light3, light4);//set havy lights intensity b.forEach((elm) => { elm.intensity = 0.8; }); } lightsBabylon(lightsLite, lightsHavy, lights); //set lights color lights.forEach((elm) => { elm.diffuse = elm.specular = BABYLON.Color3.FromHexString(lightColors[4]); });//SKY function addSkyBox(skyBoxes) { var skyBox = BABYLON.Mesh.CreateBox( "SkyBox", 500, scene, false, BABYLON.Mesh.BACKSIDE ); skyBox.material = new BABYLON.SkyMaterial("sky", scene); skyBox.material.inclination = 0; skyBox.material.luminance = 0.7; skyBox.material.azimuth = 0.25; skyBox.position.y = 0; skyBoxes.push(skyBox); } var skyBoxes = [];addSkyBox(skyBoxes);// GROUND // createGround(); var ground = BABYLON.MeshBuilder.CreateGround( "ground", { width: 1, height: 1 }, scene ); ground.scaling.x = 2.3; ground.scaling.z = 0.5; ground.position = new BABYLON.Vector3(0.9, 0, 0); var grassMaterial = new BABYLON.StandardMaterial("grassMaterial", scene); grassMaterial.diffuseTexture = new BABYLON.Texture("https://mega-holz.de/zaunplaner/fence-configurator-assets/grass.jpg", scene); grassMaterial.specularColor = new BABYLON.Color3(0.01, 0.01, 0.01); grassMaterial.diffuseTexture.uScale = 4.6; // width / height grassMaterial.diffuseTexture.vScale = 1; ground.material = grassMaterial; //////////////////////////////////////////////// function groundChange(x, z) { ground.scaling.x = x; ground.scaling.z = z;// ground.position = new BABYLON.Vector3(0.9, 0, -0.9); }//SET TEXTURE FOR SHOWING SIZE //gound text X var groundTextX = BABYLON.MeshBuilder.CreateGround( "groundTextX", { width: 1, height: 0.5, subdivisions: 25 }, scene ); var groundTextX2 = BABYLON.MeshBuilder.CreateGround( "groundTextX", { width: 1, height: 0.5, subdivisions: 25 }, scene ); groundTextX2.rotation.y = Math.PI; //Create dynamic texture // var textureResolution = 512; var textureGroundX = new BABYLON.DynamicTexture( "dynamic texture", { width: 512, height: 256 }, scene ); var textureContextX = textureGroundX.getContext();var materialGroundX = new BABYLON.StandardMaterial("Mat", scene); materialGroundX.diffuseTexture = textureGroundX; materialGroundX.diffuseTexture.hasAlpha = true; groundTextX.material = materialGroundX; groundTextX2.material = materialGroundX; textX = 191; //Add text to dynamic texture var font = "120px Arial"; textureGroundX.drawText( textX + "cm", null, null, font, "black", "transparent", true, true );//gound text Z var groundTextZ = BABYLON.MeshBuilder.CreateGround( "groundTextZ", { width: 1, height: 0.5, subdivisions: 25 }, scene ); groundTextZ.rotation.y = Math.PI / 2; var groundTextZ2 = BABYLON.MeshBuilder.CreateGround( "groundTextZ", { width: 1, height: 0.5, subdivisions: 25 }, scene ); groundTextZ2.rotation.y = -Math.PI / 2; //Create dynamic texturevar textureGroundZ = new BABYLON.DynamicTexture( "dynamic texture", { width: 512, height: 256 }, scene ); var textureContextZ = textureGroundZ.getContext();var materialGroundZ = new BABYLON.StandardMaterial("Mat", scene); materialGroundZ.diffuseTexture = textureGroundZ; materialGroundZ.diffuseTexture.hasAlpha = true; groundTextZ.material = materialGroundZ; groundTextZ2.material = materialGroundZ; textZ = 7; //Add text to dynamic texture // var font = "120px Arial"; textureGroundZ.drawText( textZ + "cm", null, null, font, "black", "transparent", true, true );// // ///////////////////////////////////////////////////////////////////////////////////////////FENCE COLORS // fenceBoardsColors = ["#8c8c8c", "#474747", "#836953", "#ece6d6"]; fencePartsColors = ["#e6e6e6", "#474747"];// //FENCE POSTS MATERIAL var fencePostMat = new BABYLON.StandardMaterial("fencePostMat", scene); fencePostMat.diffuseColor = BABYLON.Color3.FromHexString(fencePartsColors[1]);// //FENCE POSTS MATERIAL var sturmankerMat = new BABYLON.StandardMaterial("sturmankerMat", scene); sturmankerMat.diffuseColor = BABYLON.Color3.FromHexString( fencePartsColors[1] );//FENCE POST CAP MATERIALS var capMat = new BABYLON.StandardMaterial("capMat", scene); capMat.diffuseColor = BABYLON.Color3.FromHexString("#202020"); capMat.specularColor = new BABYLON.Color3(0.1, 0.1, 0.1);//ROOT SRAF MATERIAL var rootMat = new BABYLON.StandardMaterial("rootMat", scene); rootMat.diffuseColor = BABYLON.Color3.FromHexString("#b4b4b4"); // rootMat.specularColor = new BABYLON.Color3(0.01, 0.01, 0.01);//WOODEN POST CAP MATERIAL var woodenPostCapMat = new BABYLON.StandardMaterial("rootMat", scene); woodenPostCapMat.diffuseColor = BABYLON.Color3.FromHexString("#999999");//CONCRETE MATERIAL let concreteMat = new BABYLON.StandardMaterial("concreteMat", scene); concreteMat.diffuseTexture = new BABYLON.Texture("https://mega-holz.de/zaunplaner/fence-configurator-assets/concrete.jpg", scene); concreteMat.specularColor = new BABYLON.Color3(0.01, 0.01, 0.01); concreteMat.backFaceCulling = false;//FOUNDATION MATERIAL var foundationMat = new BABYLON.StandardMaterial("foundationMat", scene); foundationMat.diffuseColor = BABYLON.Color3.FromHexString("#ffffff"); foundationMat.alpha = 0.5;//MATERIAL FOR SELECTION var selectedMat = new BABYLON.StandardMaterial("selectedMat", scene); selectedMat.diffuseColor = BABYLON.Color3.FromHexString("#C10000"); selectedMat.specularColor = new BABYLON.Color3(0.01, 0.01, 0.01);//POST MATERIAL LARCHE 2 var postLarcheMaterial = new BABYLON.StandardMaterial( "postLarcheMaterial", scene ); postLarcheMaterial.diffuseTexture = new BABYLON.Texture( "https://mega-holz.de/zaunplaner/fence-configurator-assets/hochwald/textures/larche5.jpg", scene ); postLarcheMaterial.specularColor = new BABYLON.Color3(0.3, 0.3, 0.3); postLarcheMaterial.diffuseTexture.uScale = 2; // width postLarcheMaterial.diffuseTexture.vScale = 2; // heightvar postWoodMaterials = []; // postWoodMaterials[0] = postGrunMaterial; postWoodMaterials[0] = postLarcheMaterial;//MATERIAL LARCHE 2 var larcheMaterial = new BABYLON.StandardMaterial("larcheMaterial", scene); larcheMaterial.diffuseTexture = new BABYLON.Texture( "https://mega-holz.de/zaunplaner/fence-configurator-assets/hochwald/textures/larche5.jpg", scene ); larcheMaterial.specularColor = new BABYLON.Color3(0.3, 0.3, 0.3); larcheMaterial.diffuseTexture.uScale = 4; // width larcheMaterial.diffuseTexture.vScale = 4; // heightvar woodMaterials = []; // woodMaterials[0] = grunMaterial; woodMaterials[0] = larcheMaterial;woodMaterials.forEach((elm) => { elm.ambientTexture = new BABYLON.Texture("https://mega-holz.de/zaunplaner/fence-configurator-assets/hochwald/textures/bake2.jpg", scene); elm.ambientTexture.uScale = 1; //and/or the following for vScale: elm.ambientTexture.vScale = -1; //(-1.0 or some other value) });// // //FENCE VARIABLES // // //FENCE VARIABLES var leftPostCaps = []; var leftPostCapClones = []; var rightPostCaps = []; var rightPostCapClones = []; var metalParts = []; var rightMetalParts = []; var smallMetalParts = []; var rightSmallMetalParts = []; var allWoodPosts = []; var rightWoodPosts = []; var allWoodPostsCaps = []; var rightWoodPostsCaps = []; // var woodMaterials = []; var leftPosts = []; var rightPosts = []; var allPosts = []; var fakePosts = []; var intersectedPosts = []; var intersectedPostsMain = []; var roots = []; var rightRoots = []; var foundationStarts = []; var foundationStartsRight = []; var foundations = []; var foundationsRight = []; var sturmankersRuckseite = []; var sturmankersRuckseiteRight = []; var sturmankersVorderseite = []; var sturmankersVorderseiteRight = []; var foundationStartsVord = []; var foundationsVord = []; var foundationStartsRuck = []; var foundationsRuck = []; var newFenceForwardSigns = []; var newFenceRightSigns = []; var newFenceLeftSigns = []; var newFenceBackSigns = []; var addFenceSings = []; var fencesArr = []; var fakeFronts = []; var fakeBacks = []; var fakeLefts = []; var fakeRights = []; var fakeFences = []; var wholeFences = [];let allLProfiles = []; let allLprofilesComb = [];var hochwald22080Arr = []; var hochwald220100Arr = []; var hochwald220120Arr = []; var hochwald220150Arr = []; var hochwald25080Arr = []; var hochwald250100Arr = []; var hochwald250120Arr = []; var hochwald250150Arr = [];var kapija10080Arr = []; var kapija100100Arr = []; var kapija100120Arr = []; var kapija100150Arr = []; var kapija30080Arr = []; var kapija300100Arr = []; var kapija300120Arr = []; var kapija300150Arr = [];var kapijaParts10080Arr = []; var kapijaParts100100Arr = []; var kapijaParts100120Arr = []; var kapijaParts100150Arr = []; var kapijaParts30080Arr = []; var kapijaParts300100Arr = []; var kapijaParts300120Arr = []; var kapijaParts300150Arr = [];var allKapijaParts = [];var allFences = [];//FUNCTONS TO GET AND SET ABSOLUTE POSTIOIONS var getAbsPosX = (mesh) => { mesh.computeWorldMatrix(true); return mesh.getAbsolutePosition().x; }; var getAbsPosZ = (mesh) => { mesh.computeWorldMatrix(true); return mesh.getAbsolutePosition().z; };//MAIN POST MESH ////////////////////////////////////////////////////////////////////////// BABYLON.SceneLoader.ImportMeshAsync("", "https://mega-holz.de/zaunplaner/fence-configurator-assets/hochwald/mesh/", "stubic5.glb").then( (result) => { var mainPost = result.meshes[0]; mainPost.rotationQuaternion = null; mainPost.scaling = new BABYLON.Vector3(1.01, 1, 1.01); mainPost.addRotation(0, Math.PI, 0);// for (let i = 0; i { elm.isVisible = false; }); smallMetalParts.unshift(newSmallMetPartsArr);// //WOOD POST let leftWoodPost = result.meshes[1]; leftWoodPost.material = postWoodMaterials[0]; // leftWoodPost.addRotation(0, 0, Math.PI); allWoodPosts.unshift(leftWoodPost); // leftWoodPost.isVisible = false;//WOOD POST CAP let leftWoodPostCap = result.meshes[11]; leftWoodPostCap.material = woodenPostCapMat; allWoodPostsCaps.unshift(leftWoodPostCap);//POST CAP let leftPostCap = result.meshes[10]; leftPostCap.material = capMat; leftPostCaps.unshift(leftPostCap); leftPostCap.isVisible = false;let leftPostCapClone = leftPostCap.clone("leftPostCapClone"); leftPostCapClone.position.y = 0.052; leftPostCapClone.isVisible = false; leftPostCapClones.unshift(leftPostCapClone);//POSTS let leftPost = result.meshes[9]; leftPost.addRotation(0, Math.PI, 0); leftPosts.unshift(leftPost); allPosts.unshift(leftPost); leftPost.material = fencePostMat; leftPost.isVisible = false;//cerate fake rigth post let fakePost = new BABYLON.MeshBuilder.CreateBox( "fakePost", { width: 0.05, height: 2.1, depth: 0.05 }, scene ); fakePost.position.y = 1.05; // fakePost.parent = leftPost; fakePosts.unshift(fakePost); fakePost.isVisible = false;//post roots let leftRoot = result.meshes[8]; leftRoot.isVisible = false; roots.unshift(leftRoot);leftRoot.material = rootMat;//create foundation start let foundationLeftStart = new BABYLON.MeshBuilder.CreateGround( "foundationLeftStart", { width: 0.4, height: 0.4 }, scene ); foundationLeftStart.position = new BABYLON.Vector3( leftPost.position.x, 0.0001, 0 ); foundationLeftStart.material = concreteMat; foundationStarts.unshift(foundationLeftStart);//create foundation let foundationLeft = new BABYLON.MeshBuilder.CreateBox( "foundationLeft", { width: 0.4, height: 0.5, depth: 0.4 }, scene ); foundationLeft.position.x = foundationLeftStart.position.x; foundationLeft.position.y = -0.5 / 2; foundationLeft.material = foundationMat;foundations.unshift(foundationLeft);//STRUMANKER //VORD *************** let leftStrVord = result.meshes[3]; leftStrVord.isVisible = false;sturmankersVorderseite.unshift(leftStrVord);leftStrVord.position.z += 0.011; //create foundation start for front stunmankwer let foundationVordStart = new BABYLON.MeshBuilder.CreateGround( "foundationVordStart", { width: 0.4, height: 0.7 }, scene );foundationVordStart.position = new BABYLON.Vector3(0, 0.13, 0); foundationVordStart.rotation.x = -Math.PI / 2; foundationVordStart.material = concreteMat; foundationVordStart.parent = leftRoot; foundationStartsVord.unshift(foundationVordStart); foundationVordStart.isVisible = false; //create foundation for front stunmankwer let foundationVord = new BABYLON.MeshBuilder.CreateBox( "foundationVord", { width: 0.4, height: 0.7, depth: 0.5 }, scene ); foundationVord.material = foundationMat; foundationVord.position = new BABYLON.Vector3(0, 0.13, 0.251); foundationVord.parent = leftRoot; foundationsVord.unshift(foundationVord); foundationVord.isVisible = false;// RUCK ********** let leftStrRuck = result.meshes[2]; leftStrRuck.isVisible = false;sturmankersRuckseite.unshift(leftStrRuck); sturmankersRuckseite[0].position.z -= 0.01; //create foundation start for back stunmankwer let foundationRuckStart = new BABYLON.MeshBuilder.CreateGround( "foundationRuckStart", { width: 0.4, height: 0.7 }, scene ); foundationRuckStart.position = new BABYLON.Vector3(0, -0.13, 0); foundationRuckStart.rotation.x = -Math.PI / 2; foundationRuckStart.material = concreteMat; foundationRuckStart.parent = leftRoot; foundationStartsRuck.unshift(foundationRuckStart); foundationRuckStart.isVisible = false;//create foundation for back stunmankwer let foundationRuck = new BABYLON.MeshBuilder.CreateBox( "foundationRuck", { width: 0.4, height: 0.7, depth: 0.5 }, scene ); foundationRuck.material = foundationMat; foundationRuck.position = new BABYLON.Vector3(0, -0.13, 0.251); foundationRuck.parent = leftRoot; foundationsRuck.unshift(foundationRuck); foundationRuck.isVisible = false;//set material leftStrVord.material = leftStrRuck.material = sturmankerMat;//cerate fake strumanker let fakeFront = new BABYLON.MeshBuilder.CreateBox( "fakeFront", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeFront.parent = leftStrVord; fakeFronts.unshift(fakeFront); fakeFront.isVisible = false;let fakeBack = new BABYLON.MeshBuilder.CreateBox( "fakeBack", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeBack.parent = leftStrRuck; fakeBacks.unshift(fakeBack); fakeBack.isVisible = false;let fakeLeft = new BABYLON.MeshBuilder.CreateBox( "fakeLeft", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeLeft.parent = leftStrRuck; fakeLeft.addRotation(0, 0, Math.PI / 2); fakeLeft.position = new BABYLON.Vector3(0.2, 0.19, 0); fakeLefts.unshift(fakeLeft);fakeLeft.isVisible = false;let fakeRight = new BABYLON.MeshBuilder.CreateBox( "fakeRight", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeRight.parent = leftStrVord; fakeRight.addRotation(0, 0, Math.PI / 2); fakeRight.position = new BABYLON.Vector3(-0.2, -0.19, 0); fakeRights.unshift(fakeRight); fakeRight.isVisible = false;//SET CHILDREN // leftPostCap.addChild(signPlaneWarLeft); // leftPostCap.addChild(signPlaneDelLeft); leftPostCap.addChild(foundationLeft); // leftPostCap.addChild(leftLed); leftPostCap.addChild(leftStrVord); leftPostCap.addChild(leftStrRuck); // leftPostCap.addChild(leftStrRuckSraf); leftPostCap.addChild(leftRoot); // leftPostCap.addChild(leftRoot1);leftPostCap.addChild(foundationVordStart); leftPostCap.addChild(foundationVord); leftPostCap.addChild(foundationRuckStart); leftPostCap.addChild(foundationRuck); leftPostCap.addChild(leftWoodPostCap);//set Ground setGround(); }//END OF MAIN POST );function NewFence(id, type, size, children, color, height) { this.id = id; this.type = type; this.size = size; this.children = children; this.color = color; this.height = height; } //array for coordinates let fencesCoordinates = []; // ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // //LOAD FENCE MESH var fenceIdCount = -1; var activeFence = false; // var createRightFence = (posX, posZ, rotY, type, smCol, inlaysOnOff) => var createRightFence = (posX, posZ, rotY, type) => BABYLON.SceneLoader.ImportMeshAsync("", "https://mega-holz.de/zaunplaner/fence-configurator-assets/hochwald/mesh/", "hochwald5.glb").then( (result) => { var fence = result.meshes[0]; fence.rotationQuaternion = null;fence.position.x = posX; fence.position.z = posZ; fence.rotation.y = rotY;wholeFences.push(fence);// for (let i = 0; i { elm.isVisible = false; }); smallMetalParts.push(newSmallMetPartsArr); rightSmallMetalParts.push(newSmallMetPartsArr);//WOOD POST let rightWoodPost = result.meshes[3]; rightWoodPost.material = postWoodMaterials[0]; allWoodPosts.push(rightWoodPost); rightWoodPosts.push(rightWoodPost);if (postType == 1) { rightWoodPost.isVisible = false; rightMetalPart.isVisible = false; }// //WOOD POST CAP let rightWoodPostCap = result.meshes[11]; rightWoodPostCap.material = woodenPostCapMat; allWoodPostsCaps.push(rightWoodPostCap); rightWoodPostsCaps.push(rightWoodPostCap);//post roots let rightRoot = result.meshes[4]; if (postType == 0) { rightRoot.isVisible = false; } roots.push(rightRoot); rightRoots.push(rightRoot);rightRoot.material = rootMat;//create foundation start let foundationRightStart = new BABYLON.MeshBuilder.CreateGround( "foundationRightStart", { width: 0.4, height: 0.4 }, scene );foundationRightStart.position = new BABYLON.Vector3( getAbsPosX(result.meshes[4]), 0.0001, getAbsPosZ(result.meshes[4]) ); foundationRightStart.material = concreteMat;foundationStarts.push(foundationRightStart); foundationStartsRight.push(foundationRightStart);//create foundation let foundationRight = new BABYLON.MeshBuilder.CreateBox( "foundationRight", { width: 0.4, height: 0.5, depth: 0.4 }, scene );foundationRight.position = new BABYLON.Vector3( getAbsPosX(result.meshes[4]), -0.5 / 2, getAbsPosZ(result.meshes[4]) ); foundationRight.material = foundationMat;foundations.push(foundationRight); foundationsRight.push(foundationRight);//STRUMANKER let rightStrVord = result.meshes[2]; rightStrVord.isVisible = false;sturmankersVorderseite.push(rightStrVord);sturmankersVorderseiteRight.push(rightStrVord); if (postType == 0) { rightStrVord.position.z += 0.011; }//create foundation start for front stunmankwer let foundationVordStart = new BABYLON.MeshBuilder.CreateGround( "foundationVordStart", { width: 0.4, height: 0.7 }, scene );foundationVordStart.position = new BABYLON.Vector3(0, 0.13, 0); foundationVordStart.rotation.x = -Math.PI / 2; foundationVordStart.material = concreteMat; foundationVordStart.parent = rightRoot; foundationStartsVord.push(foundationVordStart); foundationVordStart.isVisible = false; //create foundation for front stunmankwer let foundationVord = new BABYLON.MeshBuilder.CreateBox( "foundationVord", { width: 0.4, height: 0.7, depth: 0.5 }, scene );foundationVord.material = foundationMat; foundationVord.position = new BABYLON.Vector3(0, 0.13, 0.251); foundationVord.parent = rightRoot; foundationsVord.push(foundationVord); foundationVord.isVisible = false;///sturmanker Ruck let rightStrRuck = result.meshes[1]; rightStrRuck.isVisible = false;sturmankersRuckseite.push(rightStrRuck);sturmankersRuckseiteRight.push(rightStrRuck); if (postType == 0) { rightStrRuck.position.z -= 0.01; }//create foundation start for back stunmankwer let foundationRuckStart = new BABYLON.MeshBuilder.CreateGround( "foundationRuckStart", { width: 0.4, height: 0.7 }, scene );foundationRuckStart.position = new BABYLON.Vector3(0, -0.13, 0); foundationRuckStart.rotation.x = -Math.PI / 2; foundationRuckStart.material = concreteMat; foundationRuckStart.parent = rightRoot; foundationStartsRuck.push(foundationRuckStart); foundationRuckStart.isVisible = false;//create foundation for back stunmankwer let foundationRuck = new BABYLON.MeshBuilder.CreateBox( "foundationRuck", { width: 0.4, height: 0.7, depth: 0.5 }, scene );foundationRuck.material = foundationMat; foundationRuck.position = new BABYLON.Vector3(0, -0.13, 0.251); foundationRuck.parent = rightRoot; foundationsRuck.push(foundationRuck); foundationRuck.isVisible = false;//set material rightStrVord.material = rightStrRuck.material = sturmankerMat;//cerate fake strumanker let fakeFront = new BABYLON.MeshBuilder.CreateBox( "fakeFront", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeFront.parent = rightStrVord; fakeFronts.push(fakeFront); fakeFront.isVisible = false;let fakeBack = new BABYLON.MeshBuilder.CreateBox( "fakeBack", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeBack.parent = rightStrRuck; fakeBacks.push(fakeBack); fakeBack.isVisible = false;let fakeLeft = new BABYLON.MeshBuilder.CreateBox( "fakeLeft", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeLeft.parent = rightStrRuck; fakeLeft.addRotation(0, 0, Math.PI / 2); fakeLeft.position = new BABYLON.Vector3(-0.2, 0.19, 0); fakeLefts.push(fakeLeft);fakeLeft.isVisible = false;let fakeRight = new BABYLON.MeshBuilder.CreateBox( "fakeRight", { width: 0.01, height: 0.3, depth: 0.3 }, scene ); fakeRight.parent = rightStrVord; fakeRight.addRotation(0, 0, Math.PI / 2); fakeRight.position = new BABYLON.Vector3(0.2, -0.19, 0); fakeRights.push(fakeRight); fakeRight.isVisible = false;// //SET CHILDREN rightPostCap.addChild(rightPostCapClone); rightPostCap.addChild(foundationRightStart); // rightPostCap.addChild(rightLed); rightPostCap.addChild(rightStrVord); // rightPostCap.addChild(rightStrVordSraf); rightPostCap.addChild(rightStrRuck); // rightPostCap.addChild(rightStrRuckSraf); rightPostCap.addChild(rightRoot); // rightPostCap.addChild(rightRoot1);rightPostCap.addChild(rightMetalPart); // rightPostCap.addChild(rightMetalPart1); newSmallMetPartsArr.forEach((elm) => { rightPostCap.addChild(elm); });rightPostCap.addChild(foundationRight); rightPostCap.addChild(foundationVordStart); rightPostCap.addChild(foundationVord); rightPostCap.addChild(foundationRuckStart); rightPostCap.addChild(foundationRuck); rightPostCap.addChild(result.meshes[11]); //diferent fences rightPostCap.addChild(result.meshes[16]); rightPostCap.addChild(result.meshes[17]); rightPostCap.addChild(result.meshes[18]); rightPostCap.addChild(result.meshes[19]); rightPostCap.addChild(result.meshes[20]); rightPostCap.addChild(result.meshes[21]); rightPostCap.addChild(result.meshes[22]); rightPostCap.addChild(result.meshes[23]); rightPostCap.addChild(result.meshes[56]); rightPostCap.addChild(result.meshes[58]); rightPostCap.addChild(result.meshes[61]); rightPostCap.addChild(result.meshes[62]); rightPostCap.addChild(result.meshes[64]); rightPostCap.addChild(result.meshes[65]); rightPostCap.addChild(result.meshes[66]); rightPostCap.addChild(result.meshes[67]); // //l-profili rightPostCap.addChild(result.meshes[21]); rightPostCap.addChild(result.meshes[22]); rightPostCap.addChild(result.meshes[25]); rightPostCap.addChild(result.meshes[26]); rightPostCap.addChild(result.meshes[29]); rightPostCap.addChild(result.meshes[30]); rightPostCap.addChild(result.meshes[33]); rightPostCap.addChild(result.meshes[34]); rightPostCap.addChild(result.meshes[37]); rightPostCap.addChild(result.meshes[38]); rightPostCap.addChild(result.meshes[41]); rightPostCap.addChild(result.meshes[42]); rightPostCap.addChild(result.meshes[45]); rightPostCap.addChild(result.meshes[46]); rightPostCap.addChild(result.meshes[49]); rightPostCap.addChild(result.meshes[50]);rightPostCap.addChild(result.meshes[24]); rightPostCap.addChild(result.meshes[25]); rightPostCap.addChild(result.meshes[26]); rightPostCap.addChild(result.meshes[27]); rightPostCap.addChild(result.meshes[28]); rightPostCap.addChild(result.meshes[29]); rightPostCap.addChild(result.meshes[30]); rightPostCap.addChild(result.meshes[31]); rightPostCap.addChild(result.meshes[32]); rightPostCap.addChild(result.meshes[33]); rightPostCap.addChild(result.meshes[34]); rightPostCap.addChild(result.meshes[35]); rightPostCap.addChild(result.meshes[36]); rightPostCap.addChild(result.meshes[37]); rightPostCap.addChild(result.meshes[38]); rightPostCap.addChild(result.meshes[39]); rightPostCap.addChild(result.meshes[40]); rightPostCap.addChild(result.meshes[41]); rightPostCap.addChild(result.meshes[42]); rightPostCap.addChild(result.meshes[43]); rightPostCap.addChild(result.meshes[44]); rightPostCap.addChild(result.meshes[45]); rightPostCap.addChild(result.meshes[46]); rightPostCap.addChild(result.meshes[47]); rightPostCap.addChild(result.meshes[48]); rightPostCap.addChild(result.meshes[49]); rightPostCap.addChild(result.meshes[50]); rightPostCap.addChild(result.meshes[51]); rightPostCap.addChild(result.meshes[52]); rightPostCap.addChild(result.meshes[53]); rightPostCap.addChild(result.meshes[54]); rightPostCap.addChild(result.meshes[55]); // sarke rightPostCap.addChild(result.meshes[12]); rightPostCap.addChild(result.meshes[13]); rightPostCap.addChild(result.meshes[14]); rightPostCap.addChild(result.meshes[15]); rightPostCap.addChild(result.meshes[57]); rightPostCap.addChild(result.meshes[59]); rightPostCap.addChild(result.meshes[60]); rightPostCap.addChild(result.meshes[63]);//L-PROFILES let lprofiles22080 = [ result.meshes[52], result.meshes[53], result.meshes[54], result.meshes[55], ]; let lprofiles220100 = [ result.meshes[48], result.meshes[49], result.meshes[50], result.meshes[51], ]; let lprofiles220120 = [ result.meshes[44], result.meshes[45], result.meshes[46], result.meshes[47], ]; let lprofiles220150 = [ result.meshes[40], result.meshes[41], result.meshes[42], result.meshes[43], ]; let lprofiles25080 = [ result.meshes[36], result.meshes[37], result.meshes[38], result.meshes[39], ]; let lprofiles250100 = [ result.meshes[32], result.meshes[33], result.meshes[34], result.meshes[35], ]; let lprofiles250120 = [ result.meshes[28], result.meshes[29], result.meshes[30], result.meshes[31], ]; let lprofiles250150 = [ result.meshes[24], result.meshes[25], result.meshes[26], result.meshes[27], ];let allLProfilesThis = new Array( lprofiles22080, lprofiles220100, lprofiles220120, lprofiles220150, lprofiles25080, lprofiles250100, lprofiles250120, lprofiles250150 );allLProfilesThis.forEach((elm) => { elm.forEach((element) => { element.isVisible = false; element.material = rootMat; }); }); allLProfiles.push(allLProfilesThis); allLprofilesComb.push( result.meshes[24], result.meshes[25], result.meshes[26], result.meshes[27], result.meshes[28], result.meshes[29], result.meshes[30], result.meshes[31], result.meshes[32], result.meshes[33], result.meshes[34], result.meshes[35], result.meshes[36], result.meshes[37], result.meshes[38], result.meshes[39], result.meshes[40], result.meshes[41], result.meshes[42], result.meshes[43], result.meshes[44], result.meshes[45], result.meshes[46], result.meshes[47], result.meshes[48], result.meshes[49], result.meshes[50], result.meshes[51], result.meshes[52], result.meshes[53], result.meshes[54], result.meshes[55] );let hochwald22080 = result.meshes[23]; hochwald22080Arr.push(hochwald22080); hochwald22080.isVisible = false;let hochwald220100 = result.meshes[22]; hochwald220100Arr.push(hochwald220100); hochwald220100.isVisible = false;let hochwald220120 = result.meshes[21]; hochwald220120Arr.push(hochwald220120); hochwald220120.isVisible = false;let hochwald220150 = result.meshes[20]; hochwald220150Arr.push(hochwald220150); hochwald220150.isVisible = false;let hochwald25080 = result.meshes[19]; hochwald25080Arr.push(hochwald25080); hochwald25080.isVisible = false;let hochwald250100 = result.meshes[18]; hochwald250100Arr.push(hochwald250100); hochwald250100.isVisible = false;let hochwald250120 = result.meshes[17]; hochwald250120Arr.push(hochwald250120); hochwald250120.isVisible = false;let hochwald250150 = result.meshes[16]; hochwald250150Arr.push(hochwald250150); hochwald250150.isVisible = false;let kapija10080 = result.meshes[62]; kapija10080Arr.push(kapija10080); kapija10080.isVisible = false;let kapija100100 = result.meshes[61]; kapija100100Arr.push(kapija100100); kapija100100.isVisible = false;let kapija100120 = result.meshes[58]; kapija100120Arr.push(kapija100120); kapija100120.isVisible = false;let kapija100150 = result.meshes[56]; kapija100150Arr.push(kapija100150); kapija100150.isVisible = false;let kapija30080 = result.meshes[64]; kapija30080Arr.push(kapija30080); kapija30080.isVisible = false;let kapija300100 = result.meshes[67]; kapija300100Arr.push(kapija300100); kapija300100.isVisible = false;let kapija300120 = result.meshes[65]; kapija300120Arr.push(kapija300120); kapija300120.isVisible = false;let kapija300150 = result.meshes[66]; kapija300150Arr.push(kapija300150); kapija300150.isVisible = false;let kapijaParts10080 = result.meshes[63]; kapijaParts10080Arr.push(kapijaParts10080); kapijaParts10080.isVisible = false; // kapijaParts10080.material = kapijaPartsMat1;let kapijaParts100100 = result.meshes[60]; kapijaParts100100Arr.push(kapijaParts100100); kapijaParts100100.isVisible = false; // kapijaParts100100.material = kapijaPartsMat1;let kapijaParts100120 = result.meshes[59]; kapijaParts100120Arr.push(kapijaParts100120); kapijaParts100120.isVisible = false; // kapijaParts100120.material = kapijaPartsMat1;let kapijaParts100150 = result.meshes[57]; kapijaParts100150Arr.push(kapijaParts100150); kapijaParts100150.isVisible = false; // kapijaParts100150.material = kapijaPartsMat1;let kapijaParts30080 = result.meshes[12]; kapijaParts30080Arr.push(kapijaParts30080); kapijaParts30080.isVisible = false; // kapijaParts30080.material = kapijaPartsMat1;let kapijaParts300100 = result.meshes[15]; kapijaParts300100Arr.push(kapijaParts300100); kapijaParts300100.isVisible = false; // kapijaParts300100.material = kapijaPartsMat1;let kapijaParts300120 = result.meshes[14]; kapijaParts300120Arr.push(kapijaParts300120); kapijaParts300120.isVisible = false; // kapijaParts300120.material = kapijaPartsMat1;let kapijaParts300150 = result.meshes[13]; kapijaParts300150Arr.push(kapijaParts300150); kapijaParts300150.isVisible = false; // kapijaParts300150.material = kapijaPartsMat1;let allKapijaPartsThis = new Array( kapijaParts10080, kapijaParts100100, kapijaParts100120, kapijaParts100150, kapijaParts30080, kapijaParts300100, kapijaParts300120, kapijaParts300150 );allKapijaParts.push(allKapijaPartsThis);let allFencesThis = new Array( hochwald22080, hochwald220100, hochwald220120, hochwald220150, hochwald25080, hochwald250100, hochwald250120, hochwald250150, kapija10080, kapija100100, kapija100120, kapija100150, kapija30080, kapija300100, kapija300120, kapija300150 );allFences.push(allFencesThis);allFencesThis.forEach((elm) => { elm.material = woodMaterials[0]; });if (type == "hochwald22080") { hochwald22080.isVisible = true; lprofiles22080.forEach((elm) => { elm.isVisible = true; }); }if (type == "hochwald220100") { hochwald220100.isVisible = true; lprofiles220100.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.25; rightWoodPost.position.y = 0.55; rightWoodPostCap.position.y = -0.85; }if (type == "hochwald220120") { hochwald220120.isVisible = true; lprofiles220120.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.5; rightWoodPost.position.y = 0.65; rightWoodPostCap.position.y = -0.65; }if (type == "hochwald220150") { hochwald220150.isVisible = true; lprofiles220150.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.875; rightWoodPost.position.y = 0.8; rightWoodPostCap.position.y = -0.35; }if (type == "hochwald25080") { hochwald25080.isVisible = true; lprofiles25080.forEach((elm) => { elm.isVisible = true; }); setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.3 ); }if (type == "hochwald250100") { hochwald250100.isVisible = true; lprofiles250100.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.25; rightWoodPost.position.y = 0.55; rightWoodPostCap.position.y = -0.85; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.3 ); }if (type == "hochwald250120") { hochwald250120.isVisible = true; lprofiles250120.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.5; rightWoodPost.position.y = 0.65; rightWoodPostCap.position.y = -0.65; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.3 ); }if (type == "hochwald250150") { hochwald250150.isVisible = true; lprofiles250150.forEach((elm) => { elm.isVisible = true; }); rightWoodPost.scaling.y = 1.875; rightWoodPost.position.y = 0.8; rightWoodPostCap.position.y = -0.35; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.3 ); }if (type == "kapija10080") { kapija10080.isVisible = true; kapijaParts10080.isVisible = true; setSmallerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 1.2 ); }if (type == "kapija100100") { kapija100100.isVisible = true; kapijaParts100100.isVisible = true; rightWoodPost.scaling.y = 1.25; rightWoodPost.position.y = 0.55; rightWoodPostCap.position.y = -0.85; setSmallerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 1.2 ); } if (type == "kapija100120") { kapija100120.isVisible = true; kapijaParts100120.isVisible = true; rightWoodPost.scaling.y = 1.5; rightWoodPost.position.y = 0.65; rightWoodPostCap.position.y = -0.65; setSmallerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 1.2 ); } if (type == "kapija100150") { kapija100150.isVisible = true; kapijaParts100150.isVisible = true; rightWoodPost.scaling.y = 1.875; rightWoodPost.position.y = 0.8; rightWoodPostCap.position.y = -0.35; setSmallerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 1.2 ); }if (type == "kapija30080") { kapija30080.isVisible = true; kapijaParts30080.isVisible = true; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.8 ); }if (type == "kapija300100") { kapija300100.isVisible = true; kapijaParts300100.isVisible = true; rightWoodPost.scaling.y = 1.25; rightWoodPost.position.y = 0.55; rightWoodPostCap.position.y = -0.85; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.8 ); } if (type == "kapija300120") { kapija300120.isVisible = true; kapijaParts300120.isVisible = true; rightWoodPost.scaling.y = 1.5; rightWoodPost.position.y = 0.65; rightWoodPostCap.position.y = -0.65; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.8 ); } if (type == "kapija300150") { kapija300150.isVisible = true; kapijaParts300150.isVisible = true; rightWoodPost.scaling.y = 1.875; rightWoodPost.position.y = 0.8; rightWoodPostCap.position.y = -0.35; setBiggerFenceSize( rightPost, rightPostCap, foundationRight, newFenceForwardSigns, newFenceRightSigns, newFenceLeftSigns, newFenceBackSigns, getAbsPosX, getAbsPosZ, fakeFence, rightWoodPost, 0.8 ); } ///////////////////////////////////////////////////////////// if (postType == 1) { allLProfilesThis.forEach((elm) => { elm.forEach((element) => { element.isVisible = false; }); }); } //SET NEW FENCE SAME POST SIZE AS THE OTHER if (befePfostenSize == 1) { rightPost.scaling.z = 1.2; rightPost.position.y = 0.7717; // if (type == "fionaKosaDesna" || type == "fionaKosaDesnaRupe") { // rightPost.scaling.z = 0.724; // rightPost.position.y = 0.3119; // } rightRoot.isVisible = false;foundationRight.scaling.y = 1; foundationVord.scaling.z = 1; foundationRuck.scaling.z = 1;foundationRight.position.z = 1.215; foundationVord.position.z = 1.215; foundationRuck.position.z = 1.215; } // setbefePfosten(1.2, 0.7717, false, 1, -0.5 / 2); if (befePfostenSize == 2) { rightPost.scaling.z = 1.475; rightPost.position.y = 0.511; // if (type == "fionaKosaDesna" || type == "fionaKosaDesnaRupe") { // rightPost.scaling.z = 0.999; // rightPost.position.y = 0.053; // } rightRoot.isVisible = false;foundationRight.scaling.y = 1.8; foundationVord.scaling.z = 1.8; foundationRuck.scaling.z = 1.8;foundationRight.position.z = 1.415; foundationVord.position.z = 1.415; foundationRuck.position.z = 1.415; } // // setbefePfosten(1.475, 0.511, false, 1.8, -0.9 / 2);//CREATE OBJ FOR FENCE fenceIdCount += 1; fenceId = fenceIdCount;fenceType = type;if ( type == "hochwald22080" || type == "hochwald220100" || type == "hochwald220120" || type == "hochwald220150" ) { fenceSizeObj = 220; }if ( type == "hochwald25080" || type == "hochwald250100" || type == "hochwald250120" || type == "hochwald250150" ) { fenceSizeObj = 250; }if ( type == "kapija10080" || type == "hkapija100100" || type == "kapija100120" || type == "kapija100150" ) { fenceSizeObj = 100; }if ( type == "kapija30080" || type == "kapija300100" || type == "kapija300120" || type == "kapija300150" ) { fenceSizeObj = 300; }childrenThis = [];if (woodMaterialType[0] == 0) { // allFencesThis.forEach((element) => { // element.material = woodMaterials[0]; // }); // rightWoodPost.material = woodMaterials[0]; boardColObj = "larche"; } // if (woodMaterialType[0] == 1) { // allFencesThis.forEach((element) => { // element.material = woodMaterials[1]; // }); // rightWoodPost.material = woodMaterials[1]; // boardColObj = "grau"; // }if ( type == "hochwald22080" || type == "hochwald25080" || type == "kapija10080" || type == "kapija30080" ) { thisHeight = 80; }if ( type == "hochwald220100" || type == "hochwald250100" || type == "kapija100100" || type == "kapija300100" ) { thisHeight = 100; }if ( type == "hochwald220120" || type == "hochwald250120" || type == "kapija100120" || type == "kapija300120" ) { thisHeight = 120; }if ( type == "hochwald220150" || type == "hochwald25150" || type == "kapija100150" || type == "kapija300150" ) { thisHeight = 150; }fencesArr.push( new NewFence( fenceId, fenceType, fenceSizeObj, childrenThis, boardColObj, thisHeight ) );fencesArr[fenceId].status = "activeFence";if (fenceId > 0 && typeof activeFence != "boolean") { fencesArr[activeFence].children.push(fenceId); fencesArr[fenceId].parent = fencesArr[activeFence].id;//set parent right post if ( rightWoodPosts[fencesArr[fenceId].parent].isVisible && rightWoodPosts[fencesArr[fenceId].parent].scaling.y { engine.hideLoadingUI(); }, 3000); // //END OF MESH // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// } ); //SET GROUND var groundSizeX = 0; var groundSizeZ = 0; let fenceSizeSmallCartDisplay = document.getElementById("fence-size-display"); function setGround() { arrX = []; arrZ = []; for (let i = 0; i ground.scaling.z) { if (ground.scaling.x { if (!clicked) { clicked = true; createRightFence( getAbsPosX(rightPosts[activeFence]) + 1.145, getAbsPosZ(rightPosts[activeFence]), 0, "hochwald22080" ); setDisplayOfConfOnAddFence(); setTimeout(() => { clicked = false; }, 500); } }; // DELETE FENCES let subFenceBtn = document.getElementById("subFenceBtn"); subFenceBtn.onclick = () => { if (!clicked) { clicked = true; if (activeFence != 0) deleteFence(activeFence); setTimeout(() => { clicked = false; }, 500); } }; ////////////////////////////////////////////////////////////////////////////////////////////////let postType = 0;var befePfostenSize = 0;let woodMaterialType = [0];// // ACCESORIES SECTION FUNCTIONS*****************************************************************************************// //////////////////////////////////////////////////////////////////////// //DELETE FENCE function deleteFence(a) { wholeFences[a].dispose(); foundationsRight[a].dispose(); fakeFences[a].name = "disposedFakeFence"; fencesArr[a].status = "disposedFence"; allPosts[a + 1].isVisible = false; allWoodPosts[a + 1].isVisible = false; fencesArr[a].children.forEach((elm) => { fencesArr[elm].parent = fencesArr[a].parent;fencesArr[fencesArr[a].parent].children.push(elm); }); if (fencesArr[fencesArr[a].parent] != undefined) { fencesArr[fencesArr[a].parent].children.splice( fencesArr[fencesArr[a].parent].children.indexOf(a), 1 ); }setGround(); //visibility because of cart counting rightPosts[a].isVisible = false; rightWoodPosts[a].isVisible = false;roots[a + 1].isVisible = false; sturmankersRuckseite[a + 1].isVisible = sturmankersVorderseite[ a + 1 ].isVisible = false;rightMetalParts[a].isVisible = false;allFences[a].forEach((elm) => { elm.isVisible = false; });rightWoodPostsCaps[a].isVisible = false;//MINI////////// setParent = fencesArr[a].parent; fencesArr[a].parent = undefined; setDisplayOfConfOnSubFence();activeFence = setParent; }// accCloseButFun(deleteFencePart); //////////////////////////////////////////////////////////// //TAKE SCREENSHOT // var screenshotBtn = document.getElementById("screenshot-but"); // screenshotBtn.onclick = () => { // BABYLON.Tools.CreateScreenshot(engine, camera, 1024); // };//////////////////////////// //LINKvar link = document.getElementById("link"); link.onclick = () => { // var a = document.getElementsByClassName("scCartList")[0].children; var a = products; var prodIds = []; var prodValues = []; var linkParts = []; for (let i = 0; i < a.length; i++) { prodIds.push(a[i].id); prodValues.push(a[i].numOfProd);linkParts.push(prodIds[i] + ":" + prodValues[i] + ","); } linkParts = linkParts.join(""); linkParts = linkParts.slice(0, -1); link.href += "?add-to-cart=" + linkParts; };//MINIFIED CONF///////////////////////////////////////////////////////////////////// let products = [ { id: "230", prodName: "", numOfProd: 1, prodPrice: "" }, { id: "831", prodName: "", numOfProd: 2, prodPrice: "" }, { id: "381", prodName: "", numOfProd: 2, prodPrice: "" }, { id: "411", prodName: "", numOfProd: 8, prodPrice: "" }, { id: "3986", prodName: "", numOfProd: 4, prodPrice: "" }, { id: "388", prodName: "", numOfProd: 2, prodPrice: "" }, ]; let wooComDataLoaded = false; let numDataLoaded = 0;for (let i = 0; i response.json()) .then((data) => { numDataLoaded += 1;products[i].prodName = data.name;products[i].prodPrice = data.prices.price; products[i].prodPrice = products[i].prodPrice.substring(0, products[i].prodPrice.length - 2) + "." + products[i].prodPrice.substring( products[i].prodPrice.length - 2, products[i].prodPrice.length );if (numDataLoaded == products.length) wooComDataLoaded = true; }); }let sumPrices = []; let confTable = document.getElementById("conf-table"); let allSumPricesDisplay = document.getElementById("price-display");function checkLoaded() { if (wooComDataLoaded) { for (let i = 0; i < products.length; i++) { sumPrices.push(products[i].numOfProd * products[i].prodPrice);var tr = document.createElement("tr"); tr.style.border = 'none'; var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3 = document.createElement("td"); var td4 = document.createElement("td"); td1.style.border = td2.style.border = td3.style.border = td4.style.border = 'none'; td1.style.textAlign = "left"; td2.style.textAlign = "center"; td3.style.textAlign = td4.style.textAlign = "right";var productNameText = document.createTextNode( `${products[i].prodName}` ); var numOfProdText = document.createTextNode(`${products[i].numOfProd}`); var productPriceText = document.createTextNode( `${products[i].prodPrice} \u20ac` ); var productPriceSumText = document.createTextNode( `${sumPrices[i].toFixed(2)} \u20ac` ); td1.appendChild(productNameText); td2.appendChild(numOfProdText); td3.appendChild(productPriceText); td4.appendChild(productPriceSumText); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4);confTable.appendChild(tr); } getSumOfAllPrices(); clearInterval(refreshIntervalId); console.log("cart loaded"); } else { console.log("cart not loaded"); } } if (!wooComDataLoaded) { var refreshIntervalId = setInterval(checkLoaded, 100); }//DYNAMICLY CHANGE LIVE CARTfunction addPartsNumOnAdd() { let numOfProdCell = document.getElementsByTagName("tr"); products[0].numOfProd = products[0].numOfProd + 1; products[1].numOfProd = products[1].numOfProd + 1; products[2].numOfProd = products[2].numOfProd + 1; products[3].numOfProd = products[3].numOfProd + 4; products[4].numOfProd = products[4].numOfProd + 4; products[5].numOfProd = products[5].numOfProd + 1; for (let i = 1; i < numOfProdCell.length; i++) { numOfProdCell[i].children[1].innerHTML = products[i - 1].numOfProd; } }function subPartsNumOnAdd() { let numOfProdCell = document.getElementsByTagName("tr"); products[0].numOfProd = products[0].numOfProd - 1; products[1].numOfProd = products[1].numOfProd - 1; products[2].numOfProd = products[2].numOfProd - 1; products[3].numOfProd = products[3].numOfProd - 4; products[4].numOfProd = products[4].numOfProd - 4; products[5].numOfProd = products[5].numOfProd - 1; for (let i = 1; i < numOfProdCell.length; i++) { numOfProdCell[i].children[1].innerHTML = products[i - 1].numOfProd; } }function getSumOfIndividualParts() { let numOfSumCell = document.getElementsByTagName("tr"); for (let i = 0; i < products.length; i++) { sumPrices[i] = products[i].numOfProd * products[i].prodPrice; } for (let i = 1; i partialSum + a, 0); sumOfAllPrices = Math.round(sumOfAllPrices * 100) / 100; allSumPricesDisplay.innerHTML = `${sumOfAllPrices.toFixed(2)} \u20ac`; }// setTimeout(() => { // setDisplayOfConfOnAddFence(); // }, 5000); function setDisplayOfConfOnAddFence() { addPartsNumOnAdd(); getSumOfIndividualParts(); getSumOfAllPrices(); } function setDisplayOfConfOnSubFence() { subPartsNumOnAdd(); getSumOfIndividualParts(); getSumOfAllPrices(); } //PUSH COORDINATES TO LOCAL STORAGE //data for pushing let finalFencesCoordinates = []; let data; let openFullConfgBtn = document.getElementById("openFullConfgBtn"); openFullConfgBtn.onclick = () => { finalFencesCoordinates = [];for (let i = 0; i < fencesArr.length; i++) { if (fencesArr[i].status == "activeFence") { fencesCoordinates[i].length = 3; finalFencesCoordinates.push(fencesCoordinates[i]); } }for (let i = 1; i { sceneToRender = scene; });// Resize window.addEventListener("resize", function () { engine.resize(); }); // ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // //END OF SCENE

Laureen

Alu Rhombus

Taiga

Rhombus Kiefer

Rhombus

EASY-FENCE

Zaun Hochwald Lärche

Preise & Verfügbarkeit

Überblick

Fakten & Beschreibung

Produktbeschreibung

Technische Daten

Produktdaten

3D Mini-Planer

Passendes Zubehör & Ähnliche Produkte

Passendes Zubehör

Alternative Produkte zur Erweiterung

Produktbewertungen

Bewertung hinzufügen

Unsere Partner

Mega-Holz GmbH & Co. KG

LINKS

KONTAKT

SERVICEZEITEN

ZAHLUNGSARTEN