@divinevoxel/vlox 0.0.4 → 0.0.6

package/Mesher/Tools/VoxelMeshBVHBuilder.js

@@ -1,4 +1,5 @@
-import { WorldSpaces } from "../../Data/World/WorldSpaces";
+import { WorldSpaces } from "../../World/WorldSpaces";
+const MAX_FLOAT32 = new Float32Array([Infinity])[0];
 /**
  * A class to help with indexing a full flat binary tree defined by the number of levels it has.
  */
@@ -160,23 +161,29 @@ export class StructCursor {
         const ix = this.trueIndex;
         const iy = this.trueIndex + 1;
         const iz = this.trueIndex + 2;
-        this.data[ix] =
-            this.data[ix] == -Infinity || x < this.data[ix] ? x : this.data[ix];
-        this.data[iy] =
-            this.data[iy] == -Infinity || y < this.data[iy] ? y : this.data[iy];
-        this.data[iz] =
-            this.data[iz] == -Infinity || z < this.data[iz] ? z : this.data[iz];
+        if (x < this.data[ix] || this.data[ix] == -MAX_FLOAT32) {
+            this.data[ix] = x;
+        }
+        if (y < this.data[iy] || this.data[iy] == -MAX_FLOAT32) {
+            this.data[iy] = y;
+        }
+        if (z < this.data[iz] || this.data[iz] == -MAX_FLOAT32) {
+            this.data[iz] = z;
+        }
     }
     updateMax(x, y, z) {
         const ix = this.trueIndex + 4;
         const iy = this.trueIndex + 5;
         const iz = this.trueIndex + 6;
-        this.data[ix] =
-            this.data[ix] == -Infinity || x > this.data[ix] ? x : this.data[ix];
-        this.data[iy] =
-            this.data[iy] == -Infinity || y > this.data[iy] ? y : this.data[iy];
-        this.data[iz] =
-            this.data[iz] == -Infinity || z > this.data[iz] ? z : this.data[iz];
+        if (x > this.data[ix] || this.data[ix] == -MAX_FLOAT32) {
+            this.data[ix] = x;
+        }
+        if (y > this.data[iy] || this.data[iy] == -MAX_FLOAT32) {
+            this.data[iy] = y;
+        }
+        if (z > this.data[iz] || this.data[iz] == -MAX_FLOAT32) {
+            this.data[iz] = z;
+        }
     }
     toJSON() {
         return {
@@ -194,11 +201,11 @@ export class VoxelMeshBVHBuilder {
     structCursor = new StructCursor(this.tree);
     indices = new Uint32Array(this.treeIndex.getLevelSize(12) * 2);
     reset() {
-        this.tree.fill(-Infinity);
+        this.tree.fill(-MAX_FLOAT32);
         this.indices.fill(0);
     }
-    updateVoxel(voxelX, voxelY, voxelZ, indicesStart, indicesEnd, minX, minY, minZ, maxX, maxY, maxZ) {
-        const voxelIndex = WorldSpaces.voxel.getIndexXYZ(voxelX, voxelY, voxelZ);
+    updateVoxel(voxelX, voxelY, voxelZ, meshIndex, indicesStart, indicesEnd, minX, minY, minZ, maxX, maxY, maxZ) {
+        const voxelIndex = WorldSpaces.voxel.getIndex(voxelX, voxelY, voxelZ);
         const leafIndex = this.treeIndex.getIndexAtLevel(12, voxelIndex);
         this.indices[voxelIndex * 2] = indicesStart;
         this.indices[voxelIndex * 2 + 1] = indicesEnd;
@@ -219,15 +226,3 @@ export class VoxelMeshBVHBuilder {
         }
     }
 }
-/*
-console.warn(
-  [voxelX, voxelY, voxelZ],
-  "add gometry",
-     [minX, minY, minZ],
-  [maxX, maxY, maxZ],
-  [voxelX, voxelY, voxelZ],
-  [indicesStart, indicesEnd],
-  indicesEnd - indicesStart,
-  (indicesEnd - indicesStart) / 3
-);
-*/

package/Mesher/Tools/VoxelMeshVertexStructCursor.d.ts

@@ -39,7 +39,9 @@ export declare class VoxelMeshVertexStructCursor {
     set colorB(value: number);
     trueIndex: number;
     _index: number;
-    data: Float32Array;
+    data: {
+        [index: number]: number;
+    };
     get index(): number;
     set index(index: number);
     constructor(data?: Float32Array);

package/Mesher/Tools/VoxelMesherDataTool.d.ts

@@ -1,27 +1,39 @@
-import { MesherDataTool } from "@amodx/meshing/Tools/MesherDataTools";
-import { QuadScalarVertexData } from "@amodx/meshing/Primitives/QuadVertexData";
-import { VoxelTemplateDataTool } from "./VoxelTemplateDataTool.js";
+import { MesherDataTool } from "../Geomtry/Tools/MesherDataTools";
+import { QuadScalarVertexData } from "../Geomtry/Primitives/QuadVertexData";
 import { VoxelFaces } from "../../Math";
-import { QuadVerticies } from "@amodx/meshing/Geometry.types";
+import { QuadVerticies } from "../Geomtry/Geometry.types";
+import { VoxelMesh } from "../Geomtry/VoxelMesh";
 import { VoxelMeshBVHBuilder } from "./VoxelMeshBVHBuilder";
 import { Vec3Array, Vector3Like } from "@amodx/math";
-import { VoxelCursorInterface } from "../../Data/Cursor/Interfaces/VoxelCursor.interface";
-import { DataCursorInterface } from "../../Data/Cursor/Interfaces/DataCursor.interface";
+import { VoxelCursorInterface } from "../../Voxels/Cursor/VoxelCursor.interface.js";
+import { DataCursorInterface } from "../../Data/Cursor/DataCursor.interface.js";
+declare class VoxelVars {
+    faceFlipped: boolean;
+    textureIndex: number;
+    light: QuadScalarVertexData;
+    ao: QuadScalarVertexData;
+    animation: QuadScalarVertexData;
+    level: QuadScalarVertexData;
+    overlayTextures: QuadScalarVertexData;
+    reset(): void;
+}
 export declare class VoxelMesherDataTool extends MesherDataTool {
     id: string;
-    template: VoxelTemplateDataTool;
+    materialIndex: number;
     voxel: VoxelCursorInterface;
     nVoxel: DataCursorInterface;
     /**The current world position */
     position: Vector3Like;
     /**The current local origin  */
     origin: Vector3Like;
-    bvhTool: VoxelMeshBVHBuilder;
+    mesh: VoxelMesh;
+    bvhTool: VoxelMeshBVHBuilder | null;
+    vars: VoxelVars;
     dataCalculated: Record<VoxelFaces, boolean>;
     condiotnalGeometryData: Record<VoxelFaces, Record<QuadVerticies, [number[][], number[][], number[][]]>>;
     lightData: Record<VoxelFaces, Record<QuadVerticies, number>>;
     effects: Record<string, number[]>;
-    constructor(id: string);
+    constructor(id: string, materialIndex: number);
     bounds: {
         min: Vec3Array;
         max: Vec3Array;
@@ -31,12 +43,6 @@ export declare class VoxelMesherDataTool extends MesherDataTool {
     endConstruction(): boolean;
     calculateFaceData(direction: VoxelFaces): true | undefined;
     clearCalculatedData(): void;
-    getAnimationData(): QuadScalarVertexData;
-    getWorldLight(): QuadScalarVertexData;
-    getWorldAO(): QuadScalarVertexData;
-    getOverlayTextures(): QuadScalarVertexData;
-    setTexture(uv: number): this;
-    getTexture(): number;
-    setFaceFlipped(value: boolean): this;
-    isFaceFlipped(): boolean;
+    reset(): void;
 }
+export {};

package/Mesher/Tools/VoxelMesherDataTool.js

@@ -1,33 +1,45 @@
 //tools
-import { MesherDataTool } from "@amodx/meshing/Tools/MesherDataTools";
+import { MesherDataTool } from "../Geomtry/Tools/MesherDataTools";
 //data
-import { QuadScalarVertexData } from "@amodx/meshing/Primitives/QuadVertexData";
-import { VoxelTemplateDataTool } from "./VoxelTemplateDataTool.js";
-import { BinaryNumberTypes } from "@amodx/binary";
+import { QuadScalarVertexData } from "../Geomtry/Primitives/QuadVertexData";
 import { VoxelFaces, VoxelFacesArray } from "../../Math";
-import { QuadVerticies } from "@amodx/meshing/Geometry.types";
+import { QuadVerticies } from "../Geomtry/Geometry.types";
 import { FaceDataCalc } from "../Models/Common/Calc/FaceDataCalc.js";
-import { Mesh } from "@amodx/meshing/Mesh/Mesh";
-import { VoxelMeshBVHBuilder } from "./VoxelMeshBVHBuilder";
+import { VoxelMesh } from "../Geomtry/VoxelMesh";
 import { Vector3Like } from "@amodx/math";
-import { WorldSpaces } from "../../Data/World/WorldSpaces";
+class VoxelVars {
+    faceFlipped = false;
+    textureIndex = 0;
+    light = new QuadScalarVertexData();
+    ao = new QuadScalarVertexData();
+    animation = new QuadScalarVertexData();
+    level = new QuadScalarVertexData();
+    overlayTextures = new QuadScalarVertexData();
+    reset() {
+        this.faceFlipped = false;
+        this.textureIndex = 0;
+    }
+}
 export class VoxelMesherDataTool extends MesherDataTool {
     id;
-    template = new VoxelTemplateDataTool();
+    materialIndex;
     voxel;
     nVoxel;
     /**The current world position */
     position = Vector3Like.Create();
     /**The current local origin  */
     origin = Vector3Like.Create();
-    bvhTool = new VoxelMeshBVHBuilder();
+    mesh = new VoxelMesh();
+    bvhTool = null;
+    vars = new VoxelVars();
     dataCalculated;
     condiotnalGeometryData;
     lightData;
     effects;
-    constructor(id) {
+    constructor(id, materialIndex) {
         super();
         this.id = id;
+        this.materialIndex = materialIndex;
         //  this.faceDataOverride.currentVoxel = this.voxel;
         //  this.faceDataOverride.neighborVoxel = this.nVoxel;
         this.dataCalculated = [];
@@ -58,24 +70,7 @@ export class VoxelMesherDataTool extends MesherDataTool {
             this.lightData[face][QuadVerticies.BottomLeft] = 0;
             this.lightData[face][QuadVerticies.BottomRight] = 0;
         }
-        this.startNewMesh(new Mesh(true));
-        [
-            ["voxelData", [[], 1, BinaryNumberTypes.Float32]],
-            ["uv", [[], 2, BinaryNumberTypes.Float32]],
-            ["textureIndex", [[], 3, BinaryNumberTypes.Float32]],
-            ["colors", [[], 3, BinaryNumberTypes.Float32]],
-        ].forEach(([key, data]) => this.mesh.attributes.set(key, data));
-        [
-            ["light", new QuadScalarVertexData()],
-            ["ao", new QuadScalarVertexData()],
-            ["animation", new QuadScalarVertexData()],
-            ["level", new QuadScalarVertexData()],
-            ["overlay-uvs", new QuadScalarVertexData()],
-        ].forEach(([key, data]) => this.quadVertexData.set(key, data));
-        [
-            ["face-flipped", 0],
-            ["texture-index", 0],
-        ].forEach(([key, data]) => this.vars.set(key, data));
+        this.startNewMesh(new VoxelMesh());
     }
     bounds = {
         min: [0, 0, 0],
@@ -92,11 +87,12 @@ export class VoxelMesherDataTool extends MesherDataTool {
         this.bounds.max[2] = -Infinity;
     }
     endConstruction() {
-        const position = WorldSpaces.voxel.getPositionXYZ(this.position.x, this.position.y, this.position.z);
         if (this.bounds.min.includes(Infinity) ||
             this.bounds.max.includes(-Infinity))
             return false;
-        this.bvhTool.updateVoxel(position.x, position.y, position.z, this._indexStart, this.mesh.indices.length, this.bounds.min[0], this.bounds.min[1], this.bounds.min[2], this.bounds.max[0], this.bounds.max[1], this.bounds.max[2]);
+        if (this.bvhTool) {
+            this.bvhTool.updateVoxel(this.position.x, this.position.y, this.position.z, this._indexStart, this.materialIndex, this.mesh.indices.length, this.bounds.min[0], this.bounds.min[1], this.bounds.min[2], this.bounds.max[0], this.bounds.max[1], this.bounds.max[2]);
+        }
         return true;
     }
     calculateFaceData(direction) {
@@ -113,36 +109,7 @@ export class VoxelMesherDataTool extends MesherDataTool {
         this.dataCalculated[VoxelFaces.East] = false;
         this.dataCalculated[VoxelFaces.West] = false;
     }
-    getAnimationData() {
-        return this.quadVertexData.get("animation");
-    }
-    getWorldLight() {
-        if (this.template.isAcive()) {
-            return this.template._light;
-        }
-        return this.quadVertexData.get("light");
-    }
-    getWorldAO() {
-        if (this.template.isAcive()) {
-            return this.template._ao;
-        }
-        return this.quadVertexData.get("ao");
-    }
-    getOverlayTextures() {
-        return this.quadVertexData.get("overlay-uvs");
-    }
-    setTexture(uv) {
-        this.vars.set("texture-index", uv);
-        return this;
-    }
-    getTexture() {
-        return this.vars.get("texture-index");
-    }
-    setFaceFlipped(value) {
-        this.vars.set("face-flipped", value ? 1 : 0);
-        return this;
-    }
-    isFaceFlipped() {
-        return this.vars.get("face-flipped") == 1;
+    reset() {
+        this.vars.reset();
     }
 }

package/Mesher/Types/Mesher.types.d.ts

@@ -1,16 +1,12 @@
-import { BinaryNumberTypes, TypedArrays } from "@amodx/binary";
 import { Vec3Array } from "@amodx/math";
-export type CompactMeshIndex = [
-    id: string,
-    array: TypedArrays,
-    length: number,
-    startByte: number,
-    endByte: number,
-    stride: number,
-    type: BinaryNumberTypes
-][];
-export type CompactSubMesh = [materialId: string, index: CompactMeshIndex];
-export type CompactMeshData = [type: 0, buffer: ArrayBuffer, meshes: CompactSubMesh[]] | [
+export type CompactSubMesh = [
+    materialId: string,
+    vertexBuffer: Float32Array,
+    indexBuffer: Uint32Array | Uint16Array,
+    minBounds: Vec3Array,
+    maxBounds: Vec3Array
+];
+export type CompactMeshData = [type: 0, meshes: CompactSubMesh[]] | [
     type: 1,
     vertexBuffer: ArrayBuffer,
     indexBuffer: Uint32Array,

package/Models/Defaults/CubeVoxelModels.js

@@ -84,7 +84,7 @@ export const orientedCube = {
     },
     shapeStatesConditonalNodes: {},
     shapeStatesNodes: {
-        "placement=down,direction=south": [
+        "placement=down,direction=north": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -100,7 +100,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=down,direction=north": [
+        "placement=down,direction=south": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -109,10 +109,10 @@ export const orientedCube = {
                     "@upTexRotation": 180,
                     "@downTex": "@downTex",
                     "@downTexRotation": 180,
-                    "@northTex": "@southTex",
-                    "@southTex": "@northTex",
-                    "@eastTex": "@westTex",
-                    "@westTex": "@eastTex",
+                    "@northTex": "@northTex",
+                    "@southTex": "@southTex",
+                    "@eastTex": "@eastTex",
+                    "@westTex": "@westTex",
                 },
             },
         ],
@@ -148,7 +148,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=up,direction=south": [
+        "placement=up,direction=north": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -168,7 +168,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=up,direction=north": [
+        "placement=up,direction=south": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -228,7 +228,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=south,direction=south": [
+        "placement=south,direction=north": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -248,7 +248,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=south,direction=north": [
+        "placement=south,direction=south": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -313,14 +313,14 @@ export const orientedCube = {
                 id: "cube",
                 geometryId: "dve_cube",
                 inputs: {
-                    "@upTex": "@northTex",
+                    "@upTex": "@southTex",
                     "@northTex": "@downTex",
-                    "@northTexRotation": 0,
+                    "@northTexRotation": 180,
                     "@southTex": "@upTex",
-                    "@southTexRotation": 0,
-                    "@downTex": "@southTex",
-                    "@eastTex": "@eastTex",
-                    "@westTex": "@westTex",
+                    "@southTexRotation": 180,
+                    "@downTex": "@northTex",
+                    "@eastTex": "@westTex",
+                    "@westTex": "@eastTex",
                     "@upTexRotation": 180,
                     "@downTexRotation": 180,
                     "@eastTexRotation": 270,
@@ -333,14 +333,14 @@ export const orientedCube = {
                 id: "cube",
                 geometryId: "dve_cube",
                 inputs: {
-                    "@upTex": "@southTex",
+                    "@upTex": "@northTex",
                     "@northTex": "@downTex",
-                    "@northTexRotation": 180,
+                    "@northTexRotation": 0,
                     "@southTex": "@upTex",
-                    "@southTexRotation": 180,
-                    "@downTex": "@northTex",
-                    "@eastTex": "@westTex",
-                    "@westTex": "@eastTex",
+                    "@southTexRotation": 0,
+                    "@downTex": "@southTex",
+                    "@eastTex": "@eastTex",
+                    "@westTex": "@westTex",
                     "@upTexRotation": 180,
                     "@downTexRotation": 180,
                     "@eastTexRotation": 270,
@@ -388,7 +388,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=west,direction=south": [
+        "placement=west,direction=north": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -408,7 +408,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=west,direction=north": [
+        "placement=west,direction=south": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -468,7 +468,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=east,direction=south": [
+        "placement=east,direction=north": [
             {
                 id: "cube",
                 geometryId: "dve_cube",
@@ -488,7 +488,7 @@ export const orientedCube = {
                 },
             },
         ],
-        "placement=east,direction=north": [
+        "placement=east,direction=south": [
             {
                 id: "cube",
                 geometryId: "dve_cube",

package/Models/Defaults/PanelVoxelModels.js

@@ -529,7 +529,7 @@ export const simpleCrossedPannel = {
     shapeStatesConditonalNodes: {},
     //  shapeStatesOverrides: {},
     shapeStatesNodes: {
-        "placement=down,direction=south": [
+        "placement=down,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -551,7 +551,7 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=down,direction=north": [
+        "placement=down,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -617,7 +617,7 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=up,direction=south": [
+        "placement=up,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -639,7 +639,7 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=up,direction=north": [
+        "placement=up,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -705,7 +705,7 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=north,direction=south": [
+        "placement=north,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -727,7 +727,7 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=north,direction=north": [
+        "placement=north,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
@@ -793,13 +793,13 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=south,direction=south": [
+        "placement=south,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -809,19 +809,19 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
             },
         ],
-        "placement=south,direction=north": [
+        "placement=south,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -831,7 +831,7 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -881,13 +881,13 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=east,direction=south": [
+        "placement=east,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -897,19 +897,19 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
             },
         ],
-        "placement=east,direction=north": [
+        "placement=east,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -919,7 +919,7 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -969,13 +969,13 @@ export const simpleCrossedPannel = {
                 },
             },
         ],
-        "placement=west,direction=south": [
+        "placement=west,direction=north": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -985,19 +985,19 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 180,
+                    "@textureRotation": 0,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
             },
         ],
-        "placement=west,direction=north": [
+        "placement=west,direction=south": [
             {
                 id: "quad-1",
                 geometryId: "dve_diagonal_flat_panel_west_east",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },
@@ -1007,7 +1007,7 @@ export const simpleCrossedPannel = {
                 geometryId: "dve_diagonal_flat_panel_east_west",
                 inputs: {
                     "@texture": "@texture",
-                    "@textureRotation": 0,
+                    "@textureRotation": 180,
                     "@transaprent": "@transparent",
                     "@doubleSided": "@doubleSided",
                 },