HOPPING WITCH

Akashic エンジンで作成したフラッピーバードクローンです。

動かし方

ダウンロードした zip ファイルを解凍して以下のコマンドを実行してください。

npm install
akashic-sandbox .

マップデータ

text/map_data.json を書き換えるとステージを編集できます。

[
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, 32, 33, 33, 34,  5,  6, 16, 17, 17, 17, 17, 17, 17, 17, 17, 17, 33, 33, 33, 33, 33, 34,  5,  6, 16, 17, 17, 17, 17, 17, 17, 17, 17, 17, 33, 33, 33, 33, 33, 34,  5,  6, 16, 17, 17, 17, 17, 17, 17, 17, 17, 17, 33, 33, 33, 33, 33, 34,  5,  6, 16, 17, 17, 17, 17, 17, 17, 17, 17, 17, 33, 33 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34,  5,  6, 16, 17, 17, 18,  5,  6, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34,  5,  6, 16, 17, 17, 18,  5,  6, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34,  5,  6, 16, 17, 17, 18,  5,  6, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34,  5,  6, 16, 17, 17, 18,  5,  6 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34, 21, 22, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34, 21, 22, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34, 21, 22, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 21, 22, 32, 33, 33, 34, 21, 22 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, 37, 38, -1, -1, -1, -1, 37, 38 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 21, 22, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 21, 22, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 21, 22, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 21, 22, -1, -1, -1, -1, 53, 54 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 53, 54, -1, -1, -1, -1, -1, -1 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 35, 36, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, 35, 36, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, 35, 36, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4, -1, -1, -1, -1, 35, 36, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,  3,  4 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 51, 52, -1, -1, -1, -1, 19, 20, -1,  0,  1,  2, 51, 52, -1, -1, -1, -1, 51, 52, -1, -1, -1, -1, 19, 20, -1,  0,  1,  2, 51, 52, -1, -1, -1, -1, 51, 52, -1, -1, -1, -1, 19, 20, -1,  0,  1,  2, 51, 52, -1, -1, -1, -1, 51, 52, -1, -1, -1, -1, 19, 20, -1,  0,  1,  2, 51, 52 ],
  [ -1, -1, -1, -1, -1, -1, -1, -1, -1,  0,  1,  1,  2, 67, 68,  0,  1,  1,  2, 67, 68,  0, 17, 17, 18, 67, 68,  0,  1,  1,  2, 67, 68,  0,  1,  1,  2, 67, 68,  0, 17, 17, 18, 67, 68,  0,  1,  1,  2, 67, 68,  0,  1,  1,  2, 67, 68,  0, 17, 17, 18, 67, 68,  0,  1,  1,  2, 67, 68,  0,  1,  1,  2, 67, 68,  0, 17, 17, 18, 67, 68 ]
]

ソースコード

"use strict";

var Tile = require("@akashic-extension/akashic-tile").Tile;

var game = g.game;

// タイルの幅
var TILE_WIDTH = 32;

// タイルの高さ
var TILE_HEIGHT = 32;

// 重力加速度
var GRAVITY_ACC = 500;

// ホップ初速度
var HOPPING_SPD = -Math.sqrt(TILE_HEIGHT * 2 * 2 * GRAVITY_ACC);

// スクロール速度
var SCROLL_SPD = (TILE_WIDTH * 2) / ((Math.abs(HOPPING_SPD) / GRAVITY_ACC) * 2);

var gameCore;

var globalCntr = 0;

//
// プレイヤークラス
//
function Player(params) {
  this.width = params.width;
  this.height = params.height;
  this.x = { x: params.x, y: params.y };
  this.v = { x: 0, y: 0 };
}

// プレイヤー状態更新
Player.prototype.update = function(hopping) {
  var dt = 1 / game.fps;

  if (hopping) {
    this.v.y = HOPPING_SPD;
  } else {
    var a = { x: 0, y: GRAVITY_ACC };
    this.v.x += a.x * dt;
    this.v.y += a.y * dt;
  }
  this.x.x += this.v.x * dt;
  this.x.y += this.v.y * dt;
};

//
// ゲームコアクラス
//
function GameCore(map, pcParams) {
  this.map = map;
  this.pcParams = pcParams;
  this.reset();
}

// 初期化
GameCore.prototype.reset = function() {
  this.state = "title";
  this.scroll = 0;
  this.scrollSpeed = SCROLL_SPD;
  this.touched = false;
  this.pc = null;
  this.score = 0;
};

// ゲーム開始
GameCore.prototype.start = function() {
  this.state = "playing";
  this.scroll = 0;
  this.scrollSpeed = SCROLL_SPD;
  this.touched = false;
  this.pc = new Player(this.pcParams);
  this.score = 0;
};

// 当たり判定
GameCore.prototype.checkCollision = function() {
  var pc = this.pc;
  var top = Math.floor(pc.x.y / TILE_HEIGHT);
  var bottom = Math.floor((pc.x.y + pc.width) / TILE_HEIGHT);
  var left = Math.floor((pc.x.x + this.scroll) / TILE_WIDTH);
  var right = Math.floor((pc.x.x + this.scroll + pc.width) / TILE_WIDTH);

  for (var y = top; y <= bottom; y++) {
    for (var x = left; x <= right; x++) {
      if (this.map[y][x] !== -1) {
        return true;
      }
    }
  }

  return false;
};

// ゲーム状態更新
GameCore.prototype.update = function() {
  var dt = 1 / game.fps;

  if (this.state !== "result") {
    this.scroll += this.scrollSpeed * dt;
    if (this.scroll <= 0 || this.scroll >= this.map[0].length * TILE_WIDTH - game.width) {
      this.scrollSpeed *= -1;
    }

    if (this.pc) {
      this.pc.update(this.touched);
      if (this.checkCollision()) {
        this.state = "result";
      } else {
        ++this.score;
      }
    }
  }

  this.touched = false;
};

//
// タイトル画面UI生成関数
//
function createTitleUI(scene) {
  var root = new g.E({ scene: scene });

  var titlePosY = 112;
  var title = new g.Sprite({
    scene: scene,
    src: scene.assets["title"],
    x: 128,
    y: titlePosY
  });
  scene.update.add(function() {
    title.y = titlePosY - 24 * Math.abs(Math.sin(((10 * globalCntr) / 180) * Math.PI));
    title.modified();
  });
  root.append(title);

  var startBtn = new g.Sprite({
    scene: scene,
    src: scene.assets["button_start"],
    x: 192,
    y: 272,
    touchable: true
  });
  startBtn.pointDown.add(function() {
    startBtn.x += 4;
    startBtn.y += 4;
    startBtn.modified();
  });
  startBtn.pointUp.add(function() {
    startBtn.x -= 4;
    startBtn.y -= 4;
    startBtn.touchable = false;
    startBtn.modified();
    scene.setTimeout(function() {
      gameCore.start();
      root.destroy();
    }, 100);
  });
  root.append(startBtn);

  return root;
}

//
// リザルト画面UI生成関数
//
function createResultUI(scene) {
  var root = new g.E({ scene: scene });

  var backBtn = new g.Sprite({
    scene: scene,
    src: scene.assets["button_back"],
    x: 192,
    y: 272,
    touchable: true
  });

  backBtn.pointDown.add(function() {
    backBtn.x += 4;
    backBtn.y += 4;
    backBtn.modified();
  });

  backBtn.pointUp.add(function() {
    backBtn.x -= 4;
    backBtn.y -= 4;
    backBtn.touchable = false;
    backBtn.modified();
    scene.setTimeout(function() {
      gameCore.reset();
      root.destroy();
      scene.append(createTitleUI(scene));
    }, 100);
  });

  var amp = game.width / 2;
  var scaleAdd = 1;
  var gameover = new g.Sprite({
    scene: scene,
    src: scene.assets["gameover"],
    x: 80 + amp,
    y: 160,
    scaleX: 1 + scaleAdd,
    scaleY: 1 + scaleAdd
  });
  gameover.update.add(function() {
    amp *= -0.85;
    scaleAdd *= 0.85;
    if (Math.abs(amp) < 1) {
      amp = 0;
      scaleAdd = 0;
      root.append(backBtn);
      gameover.update.removeAll();
    }
    gameover.x = 80 + amp;
    gameover.scaleX = 1 + scaleAdd;
    gameover.scaleY = 1 + scaleAdd;
    gameover.modified();
  });
  root.append(gameover);

  return root;
}

//
// スコアテキスト
//
function scoreText(score, prefix) {
  return (prefix ? prefix : "") + " " + ("0000000" + score).substr(-8);
}

//
// エントリーポイント
//
module.exports = function() {
  var scene = new g.Scene({
    game: game,
    assetIds: [
      "background",
      "button_back",
      "button_start",
      "font16",
      "gameover",
      "glyph_area",
      "map",
      "map_data",
      "player",
      "title",
      "version"
    ]
  });

  scene.loaded.add(function() {
    var hiScore = 0;

    gameCore = new GameCore(JSON.parse(scene.assets["map_data"].data), {
      x: game.width / 2,
      y: game.height / 2,
      width: scene.assets["player"].width,
      height: scene.assets["player"].height
    });

    scene.append(
      new g.Sprite({
        scene: scene,
        src: scene.assets["background"]
      })
    );

    var tile = new Tile({
      scene: scene,
      src: scene.assets["map"],
      tileWidth: TILE_WIDTH,
      tileHeight: TILE_HEIGHT,
      tileData: gameCore.map
    });
    scene.append(tile);

    var pcSpr = new g.Sprite({
      scene: scene,
      src: scene.assets["player"],
      hidden: true
    });
    scene.append(pcSpr);

    var fontSize = 16;
    var bmpFont = new g.BitmapFont({
      src: scene.assets["font16"],
      map: JSON.parse(scene.assets["glyph_area"].data),
      defaultGlyphWidth: fontSize,
      defaultGlyphHeight: fontSize
    });

    var scoreLabel = new g.Label({
      scene: scene,
      text: "",
      font: bmpFont,
      fontSize: fontSize,
      x: 4,
      y: 4
    });
    scene.append(scoreLabel);

    var hiScoreLabel = new g.Label({
      scene: scene,
      text: "",
      font: bmpFont,
      fontSize: fontSize,
      x: game.width - (fontSize * scoreText(0, "HI").length + 4),
      y: 4
    });
    scene.append(hiScoreLabel);

    var versionText = "ver " + scene.assets["version"].data.replace(/[\r\n]/g, "");
    var verLabel = new g.Label({
      scene: scene,
      text: versionText,
      font: bmpFont,
      fontSize: fontSize,
      x: game.width - (fontSize * versionText.length + 4),
      y: game.height - (fontSize + 4)
    });
    scene.append(verLabel);

    scene.append(createTitleUI(scene));

    scene.update.add(function() {
      var prevState = gameCore.state;
      globalCntr++;

      // ゲーム状態更新
      gameCore.update();

      // プレイヤーキャラの描画位置など更新
      if (gameCore.pc) {
        pcSpr.show();
        pcSpr.x = gameCore.pc.x.x;
        pcSpr.y = gameCore.pc.x.y;
        pcSpr.scaleX = gameCore.scrollSpeed >= 0 ? 1 : -1;
        pcSpr.modified();
      } else {
        pcSpr.hide();
      }

      // スコア描画更新
      hiScore = Math.max(hiScore, gameCore.score);
      scoreLabel.text = scoreText(gameCore.score, "SCORE");
      scoreLabel.invalidate();
      hiScoreLabel.text = scoreText(hiScore, "HI");
      hiScoreLabel.invalidate();

      // タイル位置更新
      tile.x = -gameCore.scroll;
      tile.modified();

      // バージョンラベル表示状態更新
      gameCore.state === "title" ? verLabel.show() : verLabel.hide();

      if (prevState !== "result" && gameCore.state === "result") {
        scene.append(createResultUI(scene));
      }
    });

    scene.pointDownCapture.add(function() {
      if (gameCore.state === "playing") {
        gameCore.touched = true;
      }
    });
  });

  return scene;
};