leaflet-city-mapper 0.0.2 → 0.0.4

package/src/globals/roofPipeline.js

@@ -0,0 +1,29 @@
+export const roofPipeline = {
+  layout: 'auto',
+  vertex: {
+    module: null,
+    entryPoint: 'vertexMain'
+  },
+  fragment: {
+    module: null,
+    entryPoint: 'fragmentMain',
+    targets: [{
+      format: 'rgba8unorm',
+      blend: {
+        color: {
+          srcFactor: 'src-alpha',
+          dstFactor: 'one-minus-src-alpha',
+          operation: 'add'
+        },
+        alpha: {
+          srcFactor: 'one',
+          dstFactor: 'one-minus-src-alpha',
+          operation: 'add'
+        }
+      }
+    }]
+  },
+  primitive: {
+    topology: 'triangle-strip'
+  }
+};

package/src/globals/roofSampler.js

@@ -0,0 +1,4 @@
+export const roofSampler = {
+  addressModeU: 'clamp-to-edge',
+  addressModeV: 'clamp-to-edge'
+};

package/src/globals/roofShader.js

@@ -0,0 +1,16 @@
+export const roofShader = {
+  code: /* wgsl */`
+      @group(0) @binding(0) var source: texture_2d<f32>;
+      @group(0) @binding(1) var sourceSampler: sampler;
+      @group(0) @binding(2) var<uniform> opacity: f32;
+      struct Varyings { @builtin(position) position: vec4f, @location(0) uv: vec2f };
+      @vertex fn vertexMain(@builtin(vertex_index) index: u32) -> Varyings {
+        let uv = vec2f(f32(index & 1u), f32(index >> 1u));
+        return Varyings(vec4f(uv.x * 2.0 - 1.0, 1.0 - uv.y * 2.0, 0.0, 1.0), uv);
+      }
+      @fragment fn fragmentMain(input: Varyings) -> @location(0) vec4f {
+        let color = textureSample(source, sourceSampler, input.uv);
+        return vec4f(color.rgb, color.a * opacity);
+      }
+    `
+};

package/src/globals/roofSignatures.js

@@ -0,0 +1 @@
+export const roofSignatures = [];

package/src/globals/roofSize.js

@@ -0,0 +1,4 @@
+export const roofSize = {
+  x: 1,
+  y: 1
+};

package/src/globals/roofTarget.js

@@ -0,0 +1,3 @@
+export const roofTarget = {
+  texture: null
+};

package/src/globals/roofTexture.js

@@ -0,0 +1,5 @@
+export const roofTexture = {
+  size: [null, null],
+  format: 'rgba8unorm',
+  usage: null
+};

package/src/globals/roofTiles.js

@@ -0,0 +1 @@
+export const roofTiles = [];

package/src/globals/roundProfile.js

@@ -0,0 +1,7 @@
+export const roundProfile = [
+  [0, 0],
+  [0.35, 0.8],
+  [0.6, 1],
+  [0.85, 0.7],
+  [1, 0]
+];

package/src/globals/samplerLayoutEntries.js

@@ -0,0 +1,36 @@
+export const samplerLayoutEntries = [{
+    binding: null,
+    visibility: null,
+    sampler: {
+      type: 'filtering'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    sampler: {
+      type: 'filtering'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    sampler: {
+      type: 'filtering'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    sampler: {
+      type: 'filtering'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    sampler: {
+      type: 'filtering'
+    }
+  },
+];

package/src/globals/sceneByLayer.js

@@ -0,0 +1 @@
+export const sceneByLayer = new WeakMap();

package/src/globals/sceneCleanupFields.js

@@ -0,0 +1 @@
+export const sceneCleanupFields = ['_layers', '_sceneOrigin', '_size', '_zoomLevel', '_cursor'];

package/src/globals/sceneEmptyOptions.js

@@ -0,0 +1 @@
+export const sceneEmptyOptions = Object.freeze({});

package/src/globals/scenePass.js

@@ -0,0 +1,19 @@
+export const scenePass = {
+  colorAttachments: [{
+    view: null,
+    clearValue: {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 0
+    },
+    loadOp: 'clear',
+    storeOp: 'store'
+  }],
+  depthStencilAttachment: {
+    view: null,
+    depthClearValue: 1,
+    depthLoadOp: 'clear',
+    depthStoreOp: 'store'
+  }
+};

package/src/globals/sceneSunlightUniforms.js

@@ -0,0 +1,3 @@
+export const sceneSunlightUniforms = new Float32Array(20);
+sceneSunlightUniforms[0] = sceneSunlightUniforms[5] =
+  sceneSunlightUniforms[10] = sceneSunlightUniforms[15] = 1;

package/src/globals/sceneTransferFields.js

@@ -0,0 +1 @@
+export const sceneTransferFields = ['_layers', '_sceneOrigin', '_size', '_zoomLevel', '_zoomTransitions', '_zoomView', '_cursor', '_roofRaster'];

package/src/globals/sceneWalkHandlers.js

@@ -0,0 +1 @@
+export const sceneWalkHandlers = ['dragging', 'keyboard', 'doubleClickZoom', 'boxZoom'];

package/src/globals/shadowBindGroup.js

@@ -0,0 +1,10 @@
+export const shadowBindGroup = {
+  layout: null,
+  entries: [{
+    binding: 0,
+    resource: {
+      buffer: null,
+      size: 144
+    }
+  }]
+};

package/src/globals/shadowBounds.js

@@ -0,0 +1,4 @@
+export const shadowBounds = {
+  min: [0, 0, 0],
+  max: [0, 0, 0]
+};

package/src/globals/shadowCamera.js

@@ -0,0 +1,15 @@
+export const shadowCamera = {
+  position: [0, 0, 0],
+  target: [0, 0, 0],
+  up: [0, 0, -1],
+  x: [0, 0, 0],
+  y: [0, 0, 0],
+  z: [0, 0, 0],
+  fov: 45,
+  aspect: 1,
+  near: 1,
+  far: 500,
+  viewMatrix: [],
+  projectionMatrix: [],
+  projectionViewMatrix: [],
+};

package/src/globals/shadowDepthLayout.js

@@ -0,0 +1,9 @@
+export const shadowDepthLayout = {
+  entries: [{
+    binding: 0,
+    visibility: null,
+    buffer: {
+      type: 'uniform'
+    }
+  }]
+};

package/src/globals/shadowHigh.js

@@ -0,0 +1 @@
+export const shadowHigh = [0, 0, 0];

package/src/globals/shadowInstanceLayouts.js

@@ -0,0 +1,4 @@
+import { positionLayout as sharedPositionLayout } from './positionLayout.js';
+import { instanceLayout as sharedInstanceLayout } from './instanceLayout.js';
+
+export const shadowInstanceLayouts = [sharedPositionLayout, sharedInstanceLayout];

package/src/globals/shadowLayouts.js

@@ -0,0 +1,3 @@
+import { positionLayout as sharedPositionLayout } from './positionLayout.js';
+
+export const shadowLayouts = [sharedPositionLayout];

package/src/globals/shadowLow.js

@@ -0,0 +1 @@
+export const shadowLow = [0, 0, 0];

package/src/globals/shadowMeshLayout.js

@@ -0,0 +1,10 @@
+export const shadowMeshLayout = {
+  entries: [{
+    binding: 0,
+    visibility: null,
+    buffer: {
+      type: 'uniform',
+      hasDynamicOffset: true
+    }
+  }]
+};

package/src/globals/shadowOffsets.js

@@ -0,0 +1 @@
+export const shadowOffsets = [null];

package/src/globals/shadowPass.js

@@ -0,0 +1,9 @@
+export const shadowPass = {
+  colorAttachments: [],
+  depthStencilAttachment: {
+    view: null,
+    depthClearValue: 1,
+    depthLoadOp: 'clear',
+    depthStoreOp: 'store'
+  }
+};

package/src/globals/shadowPipeline.js

@@ -0,0 +1,24 @@
+export const shadowPipeline = {
+  layout: null,
+  vertex: {
+    module: null,
+    entryPoint: 'main',
+    buffers: null
+  },
+  fragment: {
+    module: null,
+    entryPoint: 'fragmentMain',
+    targets: []
+  },
+  primitive: {
+    topology: 'triangle-list',
+    cullMode: 'none'
+  },
+  depthStencil: {
+    format: 'depth32float',
+    depthWriteEnabled: true,
+    depthCompare: 'less',
+    depthBias: 2,
+    depthBiasSlopeScale: 2
+  }
+};

package/src/globals/shadowPipelineLayout.js

@@ -0,0 +1,3 @@
+export const shadowPipelineLayout = {
+  bindGroupLayouts: [null, null]
+};

package/src/globals/shadowShader.js

@@ -0,0 +1,3 @@
+export const shadowShader = {
+  code: null
+};

package/src/globals/shadowTexture.js

@@ -0,0 +1,5 @@
+export const shadowTexture = {
+  size: [null, null],
+  format: 'depth32float',
+  usage: null
+};

package/src/globals/shadowValues.js

@@ -0,0 +1 @@
+export const shadowValues = new Float32Array(20);

package/src/globals/shirt.js

@@ -0,0 +1 @@
+export const shirt = [0.75, 0.2, 0.15];

package/src/globals/sinObliquity.js

@@ -0,0 +1,3 @@
+import { radians } from './radians.js';
+
+export const sinObliquity = Math.sin(23.4397 * radians);

package/src/globals/sizes.js

@@ -0,0 +1,6 @@
+export const sizes = {
+  SCALAR: 1,
+  VEC2: 2,
+  VEC3: 3,
+  VEC4: 4
+};

package/src/globals/skin.js

@@ -0,0 +1,2 @@
+// Pedestrian, about 1.77 m tall, prisms as in utils/vehicles.js (forward -z). Limbs hang from their pivot at y = 0.
+export const skin = [0.85, 0.64, 0.5];

package/src/globals/sunBindGroup.js

@@ -0,0 +1,20 @@
+export const sunBindGroup = {
+  layout: null,
+  entries: [{
+    binding: 0,
+    resource: {
+      buffer: null
+    }
+  }, {
+    binding: 1,
+    resource: null
+  }, {
+    binding: 2,
+    resource: null
+  }, {
+    binding: 3,
+    resource: {
+      buffer: null
+    }
+  }]
+};

package/src/globals/sunByMap.js

@@ -0,0 +1 @@
+export const sunByMap = new WeakMap();

package/src/globals/sunlightByControl.js

@@ -0,0 +1 @@
+export const sunlightByControl = new WeakMap();

package/src/globals/tau.js

@@ -0,0 +1 @@
+export const tau = 2 * Math.PI;

package/src/globals/terrainLayoutEntry.js

@@ -0,0 +1,8 @@
+export const terrainLayoutEntry = {
+  binding: 2,
+  visibility: null,
+  texture: {
+    sampleType: 'unfilterable-float',
+    viewDimension: '2d'
+  }
+};

package/src/globals/textureLayoutEntries.js

@@ -0,0 +1,41 @@
+export const textureLayoutEntries = [{
+    binding: null,
+    visibility: null,
+    texture: {
+      sampleType: 'float',
+      viewDimension: '2d'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    texture: {
+      sampleType: 'float',
+      viewDimension: '2d'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    texture: {
+      sampleType: 'float',
+      viewDimension: '2d'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    texture: {
+      sampleType: 'float',
+      viewDimension: '2d'
+    }
+  },
+  {
+    binding: null,
+    visibility: null,
+    texture: {
+      sampleType: 'float',
+      viewDimension: '2d'
+    }
+  },
+];

package/src/globals/tiledBounds.js

@@ -0,0 +1 @@
+export const tiledBounds = { value: undefined };

package/src/globals/tooltipEvents.js

@@ -0,0 +1 @@
+export const tooltipEvents = { value: undefined };

package/src/globals/tooltipPosition.js

@@ -0,0 +1 @@
+export const tooltipPosition = { value: undefined };

package/src/globals/touchByContainer.js

@@ -0,0 +1 @@
+export const touchByContainer = new WeakMap();

package/src/globals/trafficByLayer.js

@@ -0,0 +1 @@
+export const trafficByLayer = new WeakMap();

package/src/globals/trafficClocks.js

@@ -0,0 +1 @@
+export const trafficClocks = new Map();

package/src/globals/trafficEmptyList.js

@@ -0,0 +1 @@
+export const trafficEmptyList = Object.freeze([]);

package/src/globals/trafficEmptyOptions.js

@@ -0,0 +1 @@
+export const trafficEmptyOptions = Object.freeze({});

package/src/globals/trafficRouteMaterial.js

@@ -0,0 +1 @@
+export const trafficRouteMaterial = Object.freeze({ unlit: true });

package/src/globals/trafficShader.js

@@ -0,0 +1,49 @@
+// One workgroup per vehicle shares its lane lookup and pose across all model vertices.
+export const trafficShader = /* wgsl */`
+  struct Params { seconds: f32, side: f32, vertices: u32, total: u32 }
+  struct Vehicle { start: u32, count: u32, base: f32, speed: f32 }
+  @group(0) @binding(0) var<uniform> params: Params;
+  @group(0) @binding(1) var<storage, read> model: array<f32>;
+  @group(0) @binding(2) var<storage, read> points: array<vec4f>;
+  @group(0) @binding(3) var<storage, read> vehicles: array<Vehicle>;
+  @group(0) @binding(4) var<storage, read_write> position: array<f32>;
+  @group(0) @binding(5) var<storage, read_write> normal: array<f32>;
+  var<workgroup> center: vec3f;
+  var<workgroup> heading: vec2f;
+  @compute @workgroup_size(64)
+  fn main(@builtin(workgroup_id) group: vec3u, @builtin(local_invocation_index) thread: u32) {
+    let vehicleIndex = group.x;
+    if (thread == 0u) {
+      let vehicle = vehicles[vehicleIndex];
+      let last = vehicle.start + vehicle.count - 1u;
+      let length = points[last].w;
+      var s = vehicle.base + params.seconds * vehicle.speed;
+      s -= length * floor(s / length);
+      var i = vehicle.start + 1u;
+      var end = last;
+      while (i < end) {
+        let middle = i + (end - i) / 2u;
+        if (points[middle].w < s) { i = middle + 1u; }
+        else { end = middle; }
+      }
+      let a = points[i - 1u];
+      let b = points[i];
+      let d = select(b.w - a.w, 1.0, b.w == a.w);
+      let t = (s - a.w) / d;
+      heading = (b.xy - a.xy) / d;
+      center = vec3f(a.x + (b.x - a.x) * t - heading.y * params.side,
+        a.z + (b.z - a.z) * t, a.y + (b.y - a.y) * t + heading.x * params.side);
+    }
+    workgroupBarrier();
+    for (var vertex = thread; vertex < params.vertices; vertex += 64u) {
+      let k = vertex * 3u;
+      let n = params.vertices * 3u + k;
+      let o = (vehicleIndex * params.vertices + vertex) * 3u;
+      position[o] = center.x - model[k] * heading.y - model[k + 2u] * heading.x;
+      position[o + 1u] = center.y + model[k + 1u];
+      position[o + 2u] = center.z + model[k] * heading.x - model[k + 2u] * heading.y;
+      normal[o] = -model[n] * heading.y - model[n + 2u] * heading.x;
+      normal[o + 1u] = model[n + 1u];
+      normal[o + 2u] = model[n] * heading.x - model[n + 2u] * heading.y;
+    }
+  }`;

package/src/globals/triangleContexts.js

@@ -0,0 +1 @@
+export const triangleContexts = [];

package/src/globals/trousers.js

@@ -0,0 +1 @@
+export const trousers = [0.16, 0.2, 0.32];

package/src/globals/tyre.js

@@ -0,0 +1 @@
+export const tyre = [0.05, 0.05, 0.05];

package/src/globals/uVLayout.js

@@ -0,0 +1,8 @@
+export const uVLayout = Object.freeze({
+  arrayStride: 8,
+  attributes: Object.freeze([Object.freeze({
+    shaderLocation: 3,
+    offset: 0,
+    format: 'float32x2'
+  })])
+});

package/src/globals/vehicles.js

@@ -0,0 +1,55 @@
+import { bicycleModel } from '../vehicles/bicycleModel.js';
+import { pedestrianModel } from '../vehicles/pedestrianModel.js';
+import { busModel } from '../vehicles/busModel.js';
+import { tramModel } from '../vehicles/tramModel.js';
+import { metroModel } from '../vehicles/metroModel.js';
+import { carModel } from '../vehicles/carModel.js';
+import { boatModel } from '../vehicles/boatModel.js';
+
+/**
+ * `side`: default offset (metres) to the right of the lane centreline. `model(i)` gives the prisms of the i-th vehicle.
+ * `lights`: night point lights in model space (see the night lighting grid), e.g. the pool cast by the headlights.
+ */
+export const vehicles = {
+  bicycle: {
+    side: 0.4,
+    model: bicycleModel
+  },
+  pedestrian: {
+    side: 0.3,
+    model: pedestrianModel
+  },
+  bus: {
+    side: 1.5,
+    model: busModel
+  },
+  tram: {
+    side: 0,
+    model: tramModel
+  },
+  metro: {
+    side: 0,
+    model: metroModel
+  },
+  car: {
+    side: 1.8,
+    model: carModel,
+    lights: [{
+      position: [0, 1.2, -6],
+      radius: 10,
+      color: [1, 0.94, 0.82],
+      flux: 800
+    }]
+  },
+  // Panoramic river cruiser, about 60 × 11 m: glass saloon, open upper deck with benches, wheelhouse forward.
+  boat: {
+    side: 0,
+    model: boatModel,
+    lights: [{
+      position: [0, 8, 4],
+      radius: 30,
+      color: [1, 0.8, 0.55],
+      flux: 20000
+    }]
+  },
+};

package/src/globals/vertexShader.js

@@ -0,0 +1,3 @@
+export const vertexShader = {
+  code: null
+};

package/src/globals/walkByMap.js

@@ -0,0 +1 @@
+export const walkByMap = new WeakMap();

package/src/globals/wantedTiles.js

@@ -0,0 +1 @@
+export const wantedTiles = new Map();