create-okona-game 0.4.0 → 0.5.0

package/README.md

@@ -4,7 +4,7 @@
 npm create okona-game my-party-game
 ```
 
-Scaffolds a phone-controlled multiplayer HTML5 game for [Okona](https://okonaonline.com): a lobby built to the [Okona game standards](https://okonaonline.com/developers/docs.html#standards) (a controller joins by pressing A, any joined player starts, the game freezes while the Okona menu is open, no join code: Okona shows it), six seats with names and colours pushed to each phone, the frame loop, and a `game.js` with `start` / `update` / `draw` hooks holding a small sample (a coin-grab race) to replace with your game.
+Scaffolds a phone-controlled HTML5 game for [Okona](https://okonaonline.com): a lobby built to the [Okona game standards](https://okonaonline.com/developers/docs.html#standards) (a controller joins by pressing A, any joined player starts, the game freezes while the Okona menu is open, no join code: Okona shows it), six seats with names and colours pushed to each phone, the frame loop, and a `game.js` with `start` / `update` / `draw` hooks holding a small sample (a coin-grab race) to replace with your game.
 
 Open `index.html` in a browser and the keyboard is P1 — no build step, no `package.json`. Ship it with the [`okona` CLI](https://www.npmjs.com/package/okona-cli) (`npx okona-cli`, Node 18.17+): push to your sandbox first to try it with real phones, then submit it to the Okona catalog; once it's approved, players join in the Okona app with a phone or a gamepad.
 

package/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-// create-okona-game — scaffold a phone-controlled multiplayer game for Okona.
+// create-okona-game — scaffold a phone-controlled game for Okona.
 //
 //   npm create okona-game my-game        (or: npx create-okona-game my-game)
 //

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-okona-game",
-  "version": "0.4.0",
-  "description": "Scaffold a phone-controlled multiplayer HTML5 game for Okona: lobby, join code, six seats, and a game.js to make yours.",
+  "version": "0.5.0",
+  "description": "Scaffold a phone-controlled HTML5 game for Okona: lobby, join code, six seats, and a game.js to make yours.",
   "license": "MIT",
   "homepage": "https://okonaonline.com/developers/docs.html#html5",
   "bugs": {

package/template/game.js

@@ -8,6 +8,8 @@
 //       select/l3/r3/up/down/left/right, pad.justPressed('a') (start + home are
 //       Okona's: they never reach the game), player.joined (pressed A: a player),
 //       pad.triggers.lt/rt (0..1), pad.parked (controller away — seat held).
+// Saves: Okona.save.get/set keep data for the player's account, on any screen
+//       (the sample keeps its best round); read it after Okona.ready.
 var Game = {
   title: '{{NAME}}',
   subtitle: 'Grab the coins. Most coins after 45 seconds wins.',
@@ -26,6 +28,7 @@ var Game = {
   onResume: function (player, pad) {},
 
   start: function (players, pads) {
+    this.best = Okona.save.get('best', 0);   // the best round on this account, kept by Okona
     this.coins = [];
     for (var i = 0; i < 10; i++) this.spawnCoin();
     players.forEach(function (p) { p.x = 300 + p.index * 260; p.y = 540; p.vx = 0; p.vy = 0; });
@@ -55,7 +58,16 @@ var Game = {
         }
       }
     }
-    return elapsed >= this.ROUND_SECONDS;
+    var over = elapsed >= this.ROUND_SECONDS;
+    if (over) this.keepBest(players);
+    return over;
+  },
+
+  // A new best round goes in the save (it plays on fine if the save is unavailable).
+  keepBest: function (players) {
+    var top = 0;
+    players.forEach(function (p) { if (p.joined && p.score > top) top = p.score; });
+    if (top > this.best) { this.best = top; Okona.save.set('best', top); Okona.save.flush(); }
   },
 
   draw: function (ctx, players, pads, W, H) {
@@ -80,5 +92,7 @@ var Game = {
     // HUD: big type — it is read from across the room
     ctx.fillStyle = '#E8A525'; ctx.textAlign = 'left'; ctx.font = 'bold 40px system-ui, sans-serif';
     ctx.fillText(this.title, 70, 100);
+    ctx.fillStyle = '#A0B4C8'; ctx.textAlign = 'right';
+    ctx.fillText('Best ' + this.best, W - 70, 100);
   }
 };