@footgun/cobalt 0.1.0

package/src/tile/tile.wgsl

@@ -0,0 +1,105 @@
+struct TransformData {
+    viewOffset: vec2<f32>,
+    viewportSize: vec2<f32>,
+    inverseAtlasTextureSize: vec2<f32>,
+    tileSize: f32,
+    inverseTileSize: f32,
+    //tileLayers: array<TileLayer, 32>,
+};
+
+
+//struct TileLayer {
+//    scrollScale: vec2<f32>,
+//    inverseTileTextureSize: vec2<f32>
+//};
+
+
+struct TileScroll {
+    scrollScale: vec2<f32>
+};
+
+// fullscreen triangle position and uvs
+const positions = array<vec2<f32>, 3>(
+    vec2<f32>(-1.0, -3.0),
+    vec2<f32>(3.0, 1.0),
+    vec2<f32>(-1.0, 1.0)
+);
+
+const uvs = array<vec2<f32>, 3>(
+    vec2<f32>(0.0, 2.0),
+    vec2<f32>(2.0, 0.0),
+    vec2<f32>(0.0, 0.0)
+);
+
+
+// individual tile texture
+@binding(0) @group(0) var<uniform> myScroll: TileScroll;
+@binding(1) @group(0) var tileTexture: texture_2d<f32>;
+@binding(2) @group(0) var tileSampler: sampler;
+
+// common to all tile layers
+@binding(0) @group(1) var<uniform> transformUBO: TransformData;
+@binding(1) @group(1) var atlasTexture: texture_2d<f32>;
+@binding(2) @group(1) var atlasSampler: sampler;
+
+
+struct Fragment {
+    @builtin(position) Position : vec4<f32>,
+    @location(0) TexCoord : vec2<f32>
+};
+
+
+@vertex
+fn vs_main (@builtin(instance_index) i_id : u32,
+            @builtin(vertex_index) VertexIndex : u32) -> Fragment  {
+
+    var vertexPosition = vec2<f32>(positions[VertexIndex]);
+    var vertexTexCoord = vec2<f32>(uvs[VertexIndex]);
+
+    var output : Fragment;
+
+    let inverseTileTextureSize = 1 / vec2<f32>(textureDimensions(tileTexture, 0));  // transformUBO.tileLayers[i_id].inverseTileTextureSize;
+
+    var scrollScale = myScroll.scrollScale; //transformUBO.tileLayers[i_id].scrollScale;
+
+    var viewOffset : vec2<f32> = transformUBO.viewOffset * scrollScale;
+
+    // from Brandon's webgl-tile shader
+    let PixelCoord = (vertexTexCoord * transformUBO.viewportSize) + viewOffset;
+
+    output.TexCoord = PixelCoord / transformUBO.tileSize;
+    output.Position = vec4<f32>(vertexPosition, 0.0, 1.0);
+    
+    return output;
+}
+
+
+// based off of a fantastic implementation by Gregg Tavares https://stackoverflow.com/a/53465085/1927767
+@fragment
+fn fs_main (@location(0) TexCoord: vec2<f32>) -> @location(0) vec4<f32> {
+
+    var tilemapCoord = floor(TexCoord);
+
+    var u_tilemapSize = vec2<f32>(textureDimensions(tileTexture, 0));
+    var tileFoo = fract((tilemapCoord + vec2<f32>(0.5, 0.5)) / u_tilemapSize);
+    var tile = floor(textureSample(tileTexture, tileSampler, tileFoo) * 255.0);
+
+    if (tile.x == 255 && tile.y == 255) {
+        discard;
+    }
+
+    var u_tilesetSize = vec2<f32>(textureDimensions(atlasTexture, 0)) / transformUBO.tileSize;
+
+    let u_tileUVMinBounds = vec2<f32>(0.5/transformUBO.tileSize, 0.5/transformUBO.tileSize);
+    let u_tileUVMaxBounds = vec2<f32>((transformUBO.tileSize - 0.5) / transformUBO.tileSize, (transformUBO.tileSize - 0.5) / transformUBO.tileSize);
+    var texcoord = clamp(fract(TexCoord), u_tileUVMinBounds, u_tileUVMaxBounds);
+
+    var tileCoord = (tile.xy + texcoord) / u_tilesetSize;
+
+    var color = textureSample(atlasTexture, atlasSampler, tileCoord);
+
+    if (color.a <= 0.1) {
+        discard;
+    }
+    return color;
+}

package/src/uuid.js

@@ -0,0 +1,3 @@
+export default function _uuid () {
+    return Math.ceil(Math.random() * (Number.MAX_SAFE_INTEGER-10)) // super ghetto UUID
+}