create-bloop 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bloop",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Create a new Bloop game",
   "type": "module",
   "bin": "./dist/index.js",

package/templates/hello/package.json

@@ -13,8 +13,8 @@
     "vite": "^7.2.2"
   },
   "dependencies": {
-    "@bloopjs/bloop": "^0.0.80",
+    "@bloopjs/bloop": "^0.0.82",
     "@bloopjs/toodle": "^0.1.3",
-    "@bloopjs/web": "^0.0.80"
+    "@bloopjs/web": "^0.0.82"
   }
 }

package/templates/mario/package.json

@@ -15,8 +15,8 @@
     "vite": "^7.2.2"
   },
   "dependencies": {
-    "@bloopjs/bloop": "^0.0.80",
+    "@bloopjs/bloop": "^0.0.82",
     "@bloopjs/toodle": "^0.1.3",
-    "@bloopjs/web": "^0.0.80"
+    "@bloopjs/web": "^0.0.82"
   }
 }

package/templates/mario/src/draw.ts

@@ -52,14 +52,14 @@ export function createDrawState(toodle: Toodle): DrawState {
   // Title screen container
   const titleScreen = root.add(toodle.Node({}));
   const titleText = titleScreen.add(
-    toodle.Text("ComicNeue", "COIN CHASE", {
+    toodle.Text("Roboto", "MARIO ROLLBACK", {
       fontSize: 24,
       color: { r: 1, g: 1, b: 1, a: 1 },
       position: { x: 0, y: 20 },
     }),
   );
   const subtitleText = titleScreen.add(
-    toodle.Text("ComicNeue", "[Space] Local  [Enter] Online", {
+    toodle.Text("Roboto", "[Space] Local  [Enter] Online", {
       fontSize: 10,
       color: { r: 1, g: 1, b: 1, a: 1 },
       position: { x: 0, y: 0 },
@@ -121,14 +121,14 @@ export function createDrawState(toodle: Toodle): DrawState {
   const p2 = createPoseQuads(LUIGI_COLOR);
 
   const p1Score = gameScreen.add(
-    toodle.Text("ComicNeue", "P9: 0", {
+    toodle.Text("Roboto", "P9: 0", {
       fontSize: 16,
       color: MARIO_COLOR,
     }),
   );
 
   const p2Score = gameScreen.add(
-    toodle.Text("ComicNeue", "P2: 0", {
+    toodle.Text("Roboto", "P2: 0", {
       fontSize: 16,
       color: LUIGI_COLOR,
     }),

package/templates/mario/src/main.ts

@@ -20,7 +20,6 @@ if (!canvas) throw new Error("No canvas element found");
 
 const toodle = await Toodle.attach(canvas, {
   filter: "nearest",
-  backend: "webgpu",
   limits: { textureArrayLayers: 5 },
 });
 
@@ -44,8 +43,8 @@ await toodle.assets.registerBundle("main", {
 });
 
 await toodle.assets.loadFont(
-  "ComicNeue",
-  new URL("https://toodle.gg/fonts/ComicNeue-Regular-msdf.json"),
+  "Roboto",
+  new URL("https://toodle.gg/fonts/Roboto-Regular-msdf.json"),
 );
 
 const drawState = createDrawState(toodle);
@@ -65,15 +64,17 @@ window.addEventListener("keydown", (e) => {
   }
 });
 
-// Debug: Press G to toggle glitch effect
-const glitchEffect = createChromaticAberrationEffect(toodle);
-let glitchEnabled = false;
-window.addEventListener("keydown", (e) => {
-  if (e.key === "g") {
-    glitchEnabled = !glitchEnabled;
-    toodle.postprocess = glitchEnabled ? glitchEffect : null;
-  }
-});
+// Debug: Press G to toggle glitch effect on webgpu backend
+if (toodle.backend.type === "webgpu") {
+  const glitchEffect = createChromaticAberrationEffect(toodle);
+  let glitchEnabled = false;
+  window.addEventListener("keydown", (e) => {
+    if (e.key === "g") {
+      glitchEnabled = !glitchEnabled;
+      toodle.postprocess = glitchEnabled ? glitchEffect : null;
+    }
+  });
+}
 
 game.system("title-input", {
   update({ bag, inputs }) {

package/templates/mario/src/tape-load.ts

@@ -78,8 +78,8 @@ async function loadTape(bytes: Uint8Array, fileName: string) {
   });
 
   await toodle.assets.loadFont(
-    "ComicNeue",
-    new URL("https://toodle.gg/fonts/ComicNeue-Regular-msdf.json"),
+    "Roboto",
+    new URL("https://toodle.gg/fonts/Roboto-Regular-msdf.json"),
   );
 
   const drawState = createDrawState(toodle);