🎮 ゲームメーカー

JavaScript で micro:bit で遊べるゲームを自分で作ろう。pad.tiltX / pad.tiltY（傾き）と pad.a / pad.b（ボタン）で動かせます。

テンプレ:

// よけろ！ micro:bitを傾けて、落ちてくるブロックをよけよう
function setup(g) {
  g.x = g.W / 2;
  g.blocks = [];
  g.spawn = 0;
  g.t = 0;
  g.alive = true;
}
function update(g, pad, ctx) {
  ctx.fillStyle = '#0b0f14';
  ctx.fillRect(0, 0, g.W, g.H);

if (g.alive) {
    g.t += g.dt;
    g.x += pad.tiltX * 8;                 // ← 傾きで左右に動く
    if (g.x < 18) g.x = 18;
    if (g.x > g.W - 18) g.x = g.W - 18;

g.spawn -= 1;
    if (g.spawn <= 0) {
      g.blocks.push({ x: 20 + Math.random() * (g.W - 40), y: -20 });
      g.spawn = 22;
    }
    var speed = 180 + g.t * 20;           // だんだん速く
    for (var i = 0; i < g.blocks.length; i++) g.blocks[i].y += speed * g.dt;

var py = g.H - 40;
    for (var j = 0; j < g.blocks.length; j++) {
      var b = g.blocks[j];
      if (Math.abs(b.x - g.x) < 24 && Math.abs(b.y - py) < 24) g.alive = false;
    }
    g.blocks = g.blocks.filter(function (b) { return b.y < g.H + 20; });
  }

ctx.fillStyle = '#FF5A3C';
  for (var k = 0; k < g.blocks.length; k++) ctx.fillRect(g.blocks[k].x - 12, g.blocks[k].y - 12, 24, 24);

ctx.fillStyle = g.alive ? '#33C9B8' : '#666';
  ctx.fillRect(g.x - 18, g.H - 58, 36, 36);

ctx.fillStyle = '#fff';
  ctx.font = 'bold 22px sans-serif';
  ctx.fillText('TIME ' + g.t.toFixed(1), 14, 32);

if (!g.alive) {
    ctx.font = 'bold 26px sans-serif';
    ctx.fillText('ゲームオーバー！ A でもう一回', 20, g.H / 2);
    if (pad.a) setup(g);                  // ← Aボタンでリスタート
  }
}

編集中

編集中（プレビュー停止）

操作：micro:bit を傾ける／キーボード ←↑↓→・A・B
使えるもの：setup(g) 最初に1回／ update(g, pad, ctx) 毎フレーム／ g.W g.H 画面サイズ／ g.dt 経過秒／ ctx 描画
※ 書いたコードは自動保存されます。while(true) などの無限ループは画面が固まるので注意。

コードは隔離された安全な枠（サンドボックス）で動くので、他のページには影響しません。プレイルームへ