@quake2ts/engine 0.0.841 → 0.0.843

package/dist/browser/index.global.js

@@ -884,32 +884,34 @@ struct VertexOutput {
 fn vertexMain(@location(0) position: vec3<f32>) -> VertexOutput {
   var output: VertexOutput;
 
-  // Normalize input position (Quake Coordinates)
-  var qDir = normalize(position);
+  // Pass the RAW position (not normalized) as direction
+  // This preserves the face-relative direction and avoids corner tie issues
+  // The cubemap sampler handles normalization internally
+  var dir = position;
 
-  // Apply scrolling in Quake Coordinates (Horizontal Plane X/Y)
-  // This ensures clouds scroll horizontally regardless of the final mapping.
-  qDir.x += uniforms.scroll.x;
-  qDir.y += uniforms.scroll.y;
-
-  // Transform Quake coordinates (X-Fwd, Y-Left, Z-Up)
-  // to WebGPU/GL cubemap coordinates (Right-handed? -Z Fwd, +X Right, +Y Up)
-  // Quake X  -> GL -Z
-  // Quake Y  -> GL -X
-  // Quake Z  -> GL Y
-  var dir = vec3<f32>(-qDir.y, qDir.z, -qDir.x);
+  // Apply scrolling in Quake horizontal plane (X/Y)
+  // Small scrolling offset that doesn't break dominant component detection
+  dir.x += uniforms.scroll.x * 0.01;
+  dir.y += uniforms.scroll.y * 0.01;
 
   output.direction = dir;
-
   output.position = uniforms.viewProjection * vec4<f32>(position, 1.0);
   return output;
 }
 
 @fragment
 fn fragmentMain(@location(0) direction: vec3<f32>) -> @location(0) vec4<f32> {
-  return textureSample(t_skybox, s_skybox, direction);
+  // Transform from Quake coordinates to GL/WebGPU cubemap coordinates
+  // Quake: +X forward, +Y left, +Z up
+  // GL cubemap: +X right, +Y up, -Z forward
+  var cubemapDir: vec3<f32>;
+  cubemapDir.x = -direction.y;  // Quake +Y (left) \u2192 GL -X (left)
+  cubemapDir.y = direction.z;   // Quake +Z (up) \u2192 GL +Y (up)
+  cubemapDir.z = -direction.x;  // Quake +X (forward) \u2192 GL -Z (forward)
+
+  return textureSample(t_skybox, s_skybox, cubemapDir);
 }
-`;var jd=(n=>(n.QUAKE="quake",n.OPENGL="opengl",n.WEBGPU="webgpu",n))(jd||{});var ka=class{constructor(){this.coordinateSystem="webgpu"}buildProjectionMatrix(e){let r=F.create(),n=1/Math.tan(e.fov*Ce/2),i=1/(e.near-e.far);return r[0]=n/e.aspect,r[5]=n,r[10]=e.far*i,r[11]=-1,r[14]=e.near*e.far*i,r}buildViewMatrix(e){let[r,n,i]=e.angles,a=r*Ce,o=n*Ce,s=i*Ce,c=F.create();F.identity(c),F.rotateZ(c,c,-o),F.rotateY(c,c,-a),F.rotateX(c,c,-s);let l=F.fromValues(0,0,-1,0,-1,0,0,0,0,1,0,0,0,0,0,1),u=F.fromValues(0,0,-1,0,-1,0,0,0,0,1,0,0,0,0,0,1),d=F.create();F.multiply(d,u,c);let f=L.fromValues(e.position[0],e.position[1],e.position[2]),h=L.transformMat4(L.create(),f,d);L.negate(h,h);let m=F.clone(d);return m[12]=h[0],m[13]=h[1],m[14]=h[2],m}};var Zd=new Float32Array([1,-1,-1,1,1,-1,1,1,1,1,-1,-1,1,1,1,1,-1,1,-1,1,-1,-1,-1,-1,-1,-1,1,-1,1,-1,-1,-1,1,-1,1,1,-1,1,-1,-1,1,1,1,1,1,-1,1,-1,1,1,1,1,1,-1,1,-1,-1,1,-1,1,-1,-1,1,1,-1,-1,-1,-1,1,-1,-1,-1,-1,-1,1,1,-1,1,1,1,1,-1,-1,1,1,1,1,-1,1,1,-1,1,-1,1,1,-1,1,-1,-1,-1,1,-1,1,-1,-1,-1,-1,-1]),Fc=class{constructor(e,r){this.device=e;this.format=r;this.matrixBuilder=new ka;let n=e.createShaderModule({label:"skybox-shader",code:yp});this.vertexBuffer=e.createBuffer({label:"skybox-vertex-buffer",size:Zd.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST,mappedAtCreation:!0}),new Float32Array(this.vertexBuffer.getMappedRange()).set(Zd),this.vertexBuffer.unmap(),this.uniformBuffer=e.createBuffer({label:"skybox-uniform-buffer",size:80,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=e.createSampler({label:"skybox-sampler",minFilter:"linear",magFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge",addressModeW:"clamp-to-edge"});let i=e.createBindGroupLayout({label:"skybox-bind-group-layout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX,buffer:{type:"uniform"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{viewDimension:"cube"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});this.pipeline=e.createRenderPipeline({label:"skybox-pipeline",layout:e.createPipelineLayout({bindGroupLayouts:[i]}),vertex:{module:n,entryPoint:"vertexMain",buffers:[{arrayStride:12,attributes:[{shaderLocation:0,offset:0,format:"float32x3"}]}]},fragment:{module:n,entryPoint:"fragmentMain",targets:[{format:this.format,blend:{color:{srcFactor:"src-alpha",dstFactor:"one-minus-src-alpha",operation:"add"},alpha:{srcFactor:"one",dstFactor:"one-minus-src-alpha",operation:"add"}}}]},depthStencil:{format:"depth24plus",depthWriteEnabled:!1,depthCompare:"always"},primitive:{topology:"triangle-list",cullMode:"none"}}),this.bindGroupHelper=new Qd(e,i,this.uniformBuffer,this.sampler)}draw(e,r){let n,i=0;if(r.cameraState){let s=this.matrixBuilder.buildViewMatrix(r.cameraState),c=this.matrixBuilder.buildProjectionMatrix(r.cameraState);s[12]=0,s[13]=0,s[14]=0;let l=F.create();F.multiply(l,c,s),n=l,i=1}else if(r.viewProjection)n=r.viewProjection,i=0;else throw new Error("SkyboxPipeline: Either cameraState or viewProjection must be provided");let a=new Float32Array(20);a.set(n),a[16]=r.scroll[0],a[17]=r.scroll[1],a[18]=i,this.device.queue.writeBuffer(this.uniformBuffer,0,a);let o=this.bindGroupHelper.getBindGroup(r.cubemap);e.setPipeline(this.pipeline),e.setBindGroup(0,o),e.setVertexBuffer(0,this.vertexBuffer),e.draw(Zd.length/3)}destroy(){this.vertexBuffer.destroy(),this.uniformBuffer.destroy()}},Qd=class{constructor(e,r,n,i){this.device=e;this.layout=r;this.uniformBuffer=n;this.sampler=i;this.bindGroupCache=new Map}getBindGroup(e){if(this.bindGroupCache.has(e))return this.bindGroupCache.get(e);let r=this.device.createBindGroup({layout:this.layout,entries:[{binding:0,resource:{buffer:this.uniformBuffer}},{binding:1,resource:e.createView()},{binding:2,resource:this.sampler}]});return this.bindGroupCache.set(e,r),r}};var bp=`struct DLight {
+`;var jd=(n=>(n.QUAKE="quake",n.OPENGL="opengl",n.WEBGPU="webgpu",n))(jd||{});var ka=class{constructor(){this.coordinateSystem="webgpu"}buildProjectionMatrix(e){let r=F.create(),n=1/Math.tan(e.fov*Ce/2),i=1/(e.near-e.far);return r[0]=n/e.aspect,r[5]=n,r[10]=e.far*i,r[11]=-1,r[14]=e.near*e.far*i,r[15]=0,r}buildViewMatrix(e){let[r,n,i]=e.angles,a=r*Ce,o=n*Ce,s=i*Ce,c=F.create();F.identity(c),F.rotateZ(c,c,-o),F.rotateY(c,c,-a),F.rotateX(c,c,-s);let l=F.fromValues(0,0,-1,0,-1,0,0,0,0,1,0,0,0,0,0,1),u=F.fromValues(0,0,-1,0,-1,0,0,0,0,1,0,0,0,0,0,1),d=F.create();F.multiply(d,u,c);let f=L.fromValues(e.position[0],e.position[1],e.position[2]),h=L.transformMat4(L.create(),f,d);L.negate(h,h);let m=F.clone(d);return m[12]=h[0],m[13]=h[1],m[14]=h[2],m}};var Zd=new Float32Array([1,-1,-1,1,1,-1,1,1,1,1,-1,-1,1,1,1,1,-1,1,-1,1,-1,-1,-1,-1,-1,-1,1,-1,1,-1,-1,-1,1,-1,1,1,-1,1,-1,-1,1,1,1,1,1,-1,1,-1,1,1,1,1,1,-1,1,-1,-1,1,-1,1,-1,-1,1,1,-1,-1,-1,-1,1,-1,-1,-1,-1,-1,1,1,-1,1,1,1,1,-1,-1,1,1,1,1,-1,1,1,-1,1,-1,1,1,-1,1,-1,-1,-1,1,-1,1,-1,-1,-1,-1,-1]),Fc=class{constructor(e,r){this.device=e;this.format=r;this.matrixBuilder=new ka;let n=e.createShaderModule({label:"skybox-shader",code:yp});this.vertexBuffer=e.createBuffer({label:"skybox-vertex-buffer",size:Zd.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST,mappedAtCreation:!0}),new Float32Array(this.vertexBuffer.getMappedRange()).set(Zd),this.vertexBuffer.unmap(),this.uniformBuffer=e.createBuffer({label:"skybox-uniform-buffer",size:80,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=e.createSampler({label:"skybox-sampler",minFilter:"linear",magFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge",addressModeW:"clamp-to-edge"});let i=e.createBindGroupLayout({label:"skybox-bind-group-layout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX,buffer:{type:"uniform"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{viewDimension:"cube"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});this.pipeline=e.createRenderPipeline({label:"skybox-pipeline",layout:e.createPipelineLayout({bindGroupLayouts:[i]}),vertex:{module:n,entryPoint:"vertexMain",buffers:[{arrayStride:12,attributes:[{shaderLocation:0,offset:0,format:"float32x3"}]}]},fragment:{module:n,entryPoint:"fragmentMain",targets:[{format:this.format,blend:{color:{srcFactor:"src-alpha",dstFactor:"one-minus-src-alpha",operation:"add"},alpha:{srcFactor:"one",dstFactor:"one-minus-src-alpha",operation:"add"}}}]},depthStencil:{format:"depth24plus",depthWriteEnabled:!0,depthCompare:"less-equal"},primitive:{topology:"triangle-list",cullMode:"none"}}),this.bindGroupHelper=new Qd(e,i,this.uniformBuffer,this.sampler)}draw(e,r){let n,i=0;if(r.cameraState){let s=this.matrixBuilder.buildViewMatrix(r.cameraState),c=this.matrixBuilder.buildProjectionMatrix(r.cameraState);s[12]=0,s[13]=0,s[14]=0;let l=F.create();F.multiply(l,c,s),n=l,i=1}else if(r.viewProjection)n=r.viewProjection,i=0;else throw new Error("SkyboxPipeline: Either cameraState or viewProjection must be provided");let a=new Float32Array(20);a.set(n),a[16]=r.scroll[0],a[17]=r.scroll[1],a[18]=i,this.device.queue.writeBuffer(this.uniformBuffer,0,a);let o=this.bindGroupHelper.getBindGroup(r.cubemap);e.setPipeline(this.pipeline),e.setBindGroup(0,o),e.setVertexBuffer(0,this.vertexBuffer),e.draw(Zd.length/3)}destroy(){this.vertexBuffer.destroy(),this.uniformBuffer.destroy()}},Qd=class{constructor(e,r,n,i){this.device=e;this.layout=r;this.uniformBuffer=n;this.sampler=i;this.bindGroupCache=new Map}getBindGroup(e){if(this.bindGroupCache.has(e))return this.bindGroupCache.get(e);let r=this.device.createBindGroup({layout:this.layout,entries:[{binding:0,resource:{buffer:this.uniformBuffer}},{binding:1,resource:e.createView()},{binding:2,resource:this.sampler}]});return this.bindGroupCache.set(e,r),r}};var bp=`struct DLight {
     position: vec3<f32>,
     intensity: f32,
     color: vec3<f32>,