@footgun/cobalt 0.3.0 → 0.3.2

package/examples/09-sdl-polar-meters/main.js

@@ -0,0 +1,51 @@
+import * as Cobalt from '../../bundle.js'
+import sdl         from '@kmamal/sdl'
+import gpu         from '@kmamal/gpu'
+import { vec2 }    from 'wgpu-matrix'
+
+
+async function main () {
+    const width = 480
+    const height = 340
+
+    const window = sdl.video.createWindow({ webgpu: true, width, height/*, borderless: true*/ })
+
+    window.setTitle('examples/09-sdl-polar-meters')
+
+    const c = await Cobalt.init({ sdlWindow: window, gpu }, width, height)
+
+    const pNode = await Cobalt.initNode(c, {
+        type: 'cobalt:primitives',
+        refs: {
+            // key is the var name defined in this node
+            // value is the var name in the cobalt resources dictionary
+            color: 'FRAME_TEXTURE_VIEW',
+        },
+        options: { }
+    })
+
+    const gameLoop = function () {
+
+        const z = 16.0 
+
+        c.viewport.zoom = z  // pixels per meter
+
+        Cobalt.setViewportDimensions(c, width, height)
+        Cobalt.setViewportPosition(c, [ 1, -16 ])
+        //Cobalt.setViewportPosition(c, [ 240, 170 ])
+
+        pNode.clear()
+
+        //pNode.filledBox([ 240, 170 ], 480/z, 340/z, [ 0, 1, 0, 1 ])
+        pNode.filledBox([ 1, -16 ], 1.0, 2.0, [ 0, 1, 0, 1 ])
+        
+
+        Cobalt.draw(c)
+    }
+
+    gameLoop()
+
+}
+
+
+main()

package/examples/09-sdl-polar-meters/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "09-sd-polar-meters",
+  "private": true,
+  "type": "module",
+  "version": "1.0.0",
+  "description": "test module using sdl + gpu + cobalt",
+  "main": "main.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@kmamal/gpu": "^0.1.3",
+    "@kmamal/sdl": "^0.10.2",
+    "pngjs": "^7.0.0",
+    "wgpu-matrix": "^3.0.2"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@footgun/cobalt",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "type": "module",
   "main": "bundle.js",
   "description": "A 2D WebGpu renderer",

package/src/primitives/primitives.js

@@ -235,8 +235,10 @@ function _writeMatricesBuffer (cobalt, node) {
     //                         left          right    bottom        top     near     far
     const projection = mat4.ortho(0,    GAME_WIDTH,   GAME_HEIGHT,    0,   -10.0,   10.0)
 
-    vec3.set(-cobalt.viewport.position[0], -cobalt.viewport.position[1], 0, _tmpVec3)
-
+    // TODO: 1.0 must be subtracted from both x and y values otherwise everything get shifted down and to the right
+    //       when rendered.  This is true for both sdl and browser backed rendering.  I don't understand why though!!
+    vec3.set(-cobalt.viewport.position[0] - 1.0, -cobalt.viewport.position[1] - 1.0 , 0, _tmpVec3)
+    
     const view = mat4.translation(_tmpVec3)
 
     device.queue.writeBuffer(node.data.uniformBuffer, 0, view.buffer)

package/src/primitives/public-api.js

@@ -40,18 +40,9 @@ export default {
 
     filledPath: function (cobalt, node, points, color) {
 
-        const edges = [ ]
-
-        for (let i=1; i < points.length; i++)
-            edges.push([ i-1, i ])
-
         const pslg = poly2pslg(points)
-        const triangles = cdt2d(pslg.points, pslg.edges, { exterior: true })
-
-        // The flag {exterior: false} tells  it to remove exterior faces
-        //const triangles = cdt2d(points, edges, { exterior: true })
-
-
+        // The flag { exterior: false } tells it to remove exterior faces
+        const triangles = cdt2d(pslg.points, pslg.edges, { exterior: false })
 
         const m = node.data.transforms.at(-1)