pacem 0.51.1 → 0.51.2-akkad

package/dist/css/pacem-dark-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-dark.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-light.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-content.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys-shell.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/css/pacem-phousys.min.css

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/azure-maps.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-2d.min.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */

package/dist/js/pacem-3d.d.ts

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -536,7 +536,7 @@ declare namespace Pacem.Drawing3D.WebGPU {
         readonly format: GPUTextureFormat;
     }
     type RenderPassEncoderBindDelegate = (pass: GPURenderPassEncoder, ...buffers: RenderableBuffer[]) => void;
-    type RenderableBufferKey = 'u32id' | 'cameraViewTransform' | 'cameraViewProjectionTransform' | 'cameraInverseViewProjectionTransform' | 'objectWorldTransform' | 'geometryPositions' | 'light' | 'geometryNormals' | 'geometryTexCoords' | 'vertexColors';
+    type RenderableBufferKey = 'u32id' | 'cameraViewTransform' | 'cameraViewProjectionTransform' | 'cameraInverseViewProjectionTransform' | 'objectWorldTransform' | 'geometryPositions' | 'light' | 'geometryNormals' | 'geometryTexCoords' | 'vertexColors' | 'geometry';
     type MaterialKey = 'texture' | 'sampler' | 'normalTexture' | '';
     type Texture = {
         texture?: GPUTexture;
@@ -649,7 +649,8 @@ declare namespace Pacem.Drawing3D.WebGPU {
         static createIndexed(device: GPUDevice, data: Uint16Array, label?: string): GPUBuffer;
     }
     class BufferLayouts {
-        static createVertex(shaderLocation?: number, size?: number): GPUVertexBufferLayout;
+        static createVertex(shaderLocation: number, size?: number): GPUVertexBufferLayout;
+        static createVertex(shaderLocationStart: number, ...sizes: number[]): GPUVertexBufferLayout;
     }
 }
 declare namespace Pacem.Drawing3D.WebGPU {
@@ -761,6 +762,7 @@ declare namespace Pacem.Drawing3D.WebGPU {
     type PipelineOptions = {
         primitive: GPUPrimitiveState;
         multisample: boolean;
+        packedVertices: boolean;
     };
     class RenderPipeline {
         private static _memoizer;

package/dist/js/pacem-3d.js

@@ -1,5 +1,5 @@
 /**
- * pacem v0.51.1 (https://js.pacem.it)
+ * pacem v0.51.2-akkad (https://js.pacem.it)
  * Copyright 2025 Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -1971,16 +1971,21 @@ var Pacem;
             }
             WebGPU.Buffers = Buffers;
             class BufferLayouts {
-                static createVertex(shaderLocation = 0, size = 3) {
+                static createVertex(shaderLocationStart = 0, size = 3, ...sizes) {
+                    const attributes = [];
+                    let fullSize = 0, index = 0;
+                    for (let sz of [size].concat(sizes)) {
+                        attributes.push({
+                            shaderLocation: shaderLocationStart + index,
+                            offset: fullSize * Float32Array.BYTES_PER_ELEMENT,
+                            format: `float32x${sz}`,
+                        });
+                        fullSize += sz;
+                        index++;
+                    }
                     return {
-                        arrayStride: size /* x, y, z */ * Float32Array.BYTES_PER_ELEMENT,
-                        attributes: [
-                            {
-                                shaderLocation,
-                                offset: 0,
-                                format: `float32x${size}`,
-                            }
-                        ],
+                        arrayStride: fullSize /* x, y, z */ * Float32Array.BYTES_PER_ELEMENT,
+                        attributes,
                         stepMode: 'vertex'
                     };
                 }
@@ -2306,6 +2311,7 @@ var Pacem;
             const labelPrefix = WebGPU.LABEL_PREFIX;
             const DefaultPipelineOptions = {
                 multisample: true,
+                packedVertices: true,
                 primitive: {
                     topology: 'triangle-list',
                     frontFace: 'ccw',
@@ -2497,8 +2503,9 @@ var Pacem;
                         const meshPipeline = new MeshRenderPipelineClass(ctx, mesh, camera, ...lights);
                         // cache peek for sudden return
                         const key = meshPipeline.key;
-                        if (cache.has(key)) {
-                            return cache.get(key);
+                        const found = cache.get(key);
+                        if (found) {
+                            return found;
                         }
                         // no cache -> build it
                         meshPipeline.build(pipelineOptions);
@@ -2684,16 +2691,23 @@ var Pacem;
                                 lightBuffers.push(buffer);
                             }
                         }
-                        // set
-                        pass.setPipeline(this._pipeline);
+                        // same pass
+                        const samePass = pass === this.#previousPass;
+                        if (!samePass) {
+                            this.#previousPass = pass;
+                            // set
+                            pass.setPipeline(this._pipeline);
+                        }
                         try {
                             // bind
                             this._bindVertex(pass, meshBuffer);
                             this._bindWorldTransform(pass, meshBuffer);
-                            this._bindCameraProjection(pass, cameraBuffer);
                             this._bindMaterial(pass, meshBuffer);
                             this._bindTextures(pass, meshBuffer);
-                            this._bindLighting(pass, ...lightBuffers);
+                            if (!samePass) {
+                                this._bindCameraProjection(pass, cameraBuffer);
+                                this._bindLighting(pass, ...lightBuffers);
+                            }
                             // draw
                             const mesh = meshBuffer.item, geometry = mesh.geometry;
                             pass.draw(geometry.triangleIndices?.length || geometry.positions.length);
@@ -2749,14 +2763,19 @@ var Pacem;
                     // build vertex state
                     const vertex = {
                         module: device.createShaderModule({ code: wgsl.vertex }),
-                        buffers: [
-                            // position
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3),
-                            // normal
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, 3),
-                            // uv
-                            WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, 2)
-                        ]
+                        buffers: options.packedVertices ?
+                            [
+                                // packed
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3, 3, 2),
+                            ]
+                            : [
+                                // position
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, 3),
+                                // normal
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, 3),
+                                // uv
+                                WebGPU.BufferLayouts.createVertex(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, 2)
+                            ]
                     };
                     // bind group layouts
                     const worldBindGroupLayout = device.createBindGroupLayout({
@@ -2919,7 +2938,7 @@ var Pacem;
                     this._materialBindGroups = new WeakMap();
                     this._lightingBindGroups.clear();
                     // vertex buffers
-                    this._bindVertex = (pass, ...buffers) => {
+                    const bindVertexSplit = (pass, ...buffers) => {
                         const meshBuffer = buffers.at(0);
                         if (Pacem.Utils.isNull(meshBuffer)) {
                             throw new ReferenceError(`Null ${WebGPU.RenderableBuffer.name} bringing vertex buffers was provided.`);
@@ -2931,6 +2950,15 @@ var Pacem;
                         pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_NORMAL, normals);
                         pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_UV, uv);
                     };
+                    const bindVertexPacked = (pass, ...buffers) => {
+                        const meshBuffer = buffers.at(0);
+                        if (Pacem.Utils.isNull(meshBuffer)) {
+                            throw new ReferenceError(`Null ${WebGPU.RenderableBuffer.name} bringing vertex buffers was provided.`);
+                        }
+                        const { buffer } = meshBuffer.buffer(ctx, 'geometry');
+                        pass.setVertexBuffer(WebGPU.VERTEX_BUFFER_INDEX_MESH_POSITION, buffer);
+                    };
+                    this._bindVertex = options.packedVertices ? bindVertexPacked : bindVertexSplit;
                     // world transform
                     this._bindWorldTransform = (pass, ...buffers) => {
                         const meshBuffer = buffers.at(0);
@@ -2999,6 +3027,7 @@ var Pacem;
                         pass.setBindGroup(group, bindGroup);
                     };
                 }
+                #previousPass;
             }
         })(WebGPU = Drawing3D.WebGPU || (Drawing3D.WebGPU = {}));
     })(Drawing3D = Pacem.Drawing3D || (Pacem.Drawing3D = {}));
@@ -3432,7 +3461,7 @@ var Pacem;
             // #endregion
             // #region GEOMETRY
             class GeometryBuffer {
-                #freshness = { positions: true, normals: true, uv: true };
+                #freshness = { positions: true, normals: true, uv: true, packed: true };
                 #geometry;
                 #geometryBuffers;
                 constructor(geometry) {
@@ -3471,6 +3500,11 @@ var Pacem;
                             const { uv } = geom, uvFresh = freshness.uv;
                             freshness.uv = false;
                             return Pacem.Utils.extend({ fresh: uvFresh }, uv);
+                        case 'geometry':
+                            // alltogether
+                            const { packed } = geom, geomFresh = freshness.packed;
+                            freshness.packed = false;
+                            return Pacem.Utils.extend({ fresh: geomFresh }, packed);
                         default:
                             throwBufferRequestError(key, GeometryBuffer);
                     }
@@ -3488,13 +3522,28 @@ var Pacem;
                         const flatPositions = hasTriangleIndices ?
                             meshGeometry.triangleIndices.map(index => meshGeometry.positions[index])
                             : meshGeometry.positions;
-                        const positionsValue = new Float32Array(AdapterUtils.flattenVectorArray(flatPositions));
+                        const length2 = flatPositions.length * 2, length3 = length2 + flatPositions.length;
+                        const positionsValue = new Float32Array(length3); //AdapterUtils.flattenVectorArray(flatPositions));
+                        const normalsValue = new Float32Array(length3); //AdapterUtils.flattenVectorArray(meshGeometry.normals));
+                        const uvValue = new Float32Array(length2); //AdapterUtils.flattenVectorArray(meshGeometry.textureCoordinates));
+                        const geomValue = new Float32Array(2 * length3 + length2);
+                        for (let j = 0; j < flatPositions.length; j++) {
+                            const offset2 = 2 * j;
+                            const offset3 = 3 * j;
+                            const { x, y, z } = flatPositions[j];
+                            const { x: nx, y: ny, z: nz } = meshGeometry.normals[j];
+                            const { x: u, y: v } = meshGeometry.textureCoordinates[j];
+                            positionsValue.set([x, y, z], offset3);
+                            normalsValue.set([nx, ny, nz], offset3);
+                            uvValue.set([u, v], offset2);
+                            geomValue.set([x, y, z, nx, ny, nz, u, v], offset3 * 2 + offset2);
+                        }
                         const positions = WebGPU.Buffers.create(device, positionsValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-positions-buffer');
-                        const normalsValue = new Float32Array(AdapterUtils.flattenVectorArray(meshGeometry.normals));
                         const normals = WebGPU.Buffers.create(device, normalsValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-normals-buffer');
-                        const uvValue = new Float32Array(AdapterUtils.flattenVectorArray(meshGeometry.textureCoordinates));
                         const uv = WebGPU.Buffers.create(device, uvValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-uvmap-buffer');
+                        const geom = WebGPU.Buffers.create(device, geomValue, WebGPU.LABEL_PREFIX + 'meshgeometry-' + key + '-buffer');
                         this.#geometryBuffers = {
+                            packed: { buffer: geom, value: geomValue },
                             positions: { buffer: positions, value: positionsValue },
                             normals: { buffer: normals, value: normalsValue },
                             uv: { buffer: uv, value: uvValue },
@@ -3507,8 +3556,10 @@ var Pacem;
                             positions: { buffer: positions, value: positionsValue },
                             normals: { buffer: null, value: null },
                             uv: { buffer: null, value: null },
+                            packed: { buffer: null, value: null }
                         };
                     }
+                    this.#freshness = { positions: true, normals: true, uv: true, packed: true };
                 }
                 destroy() {
                     this.destroyBuffers();
@@ -3639,6 +3690,7 @@ var Pacem;
                         case 'geometryPositions':
                         case 'geometryNormals':
                         case 'geometryTexCoords':
+                        case 'geometry':
                             return geom.buffer(context, key);
                         case 'vertexColors':
                             return mater.buffer(context, key);