この記事は、RPGツクールMV Advent Calendar 2015の21日目の記事です。

RPGツクールMVでは、HTMLとJavaScriptで構成されているため、基本的にウェブでできる機能が簡単に扱えるのが魅力です。¹

この記事では、デバイスのセンサを使って条件分岐を行うゲームを作ってみます。注意事項として、センサーの種類によってはデバイスによって動かないことがあり、重要なところで使うとゲームとして成り立たなくなってしまうので注意が必要です。

デバイスの傾きセンサを使う

HTML5では、devicemotionイベントを使うことにより、デバイスの傾き情報を取得することが可能です。

前述のとおり、通常のWebフロントでの実装とそこまで変わりがありません。

今回は、傾きセンサを使って、特定の条件(デバイスをひっくり返した時に)、下のマップのAからBに移動するといった目的を達成したいと思います。

プラグインの作成

プラグインについては、既にいろんな記事でも書かれていますし、サンプルで幾つかのプラグインが入っているので、JavaScriptが読める人であればそこまで難しくないです。

注意事項として、JSのコメントにツクールMVのメーカーで表示される、また、変更できるパラメータの情報を記述します。

他にも$gameVariablesでゲーム内の変数の操作ができたり、Game_Interpreter.prototype.pluginCommandでプラグインコマンドをフックできます。

今回はデバイスのセンサを使った以下のコードをライブラリとして追加しました。
お試し程度で作りましたが、傾きの閾値もパラメータで指定できるとで良いですね。

ReverseDetect.js

//=============================================================================
// ReverseDetect.js
//=============================================================================

/*:ja
 * @plugindesc デバイスをひっくり返したことを検知します
 * @author miyukki
 *
 * @param variableId
 * @desc 変数ID
 * @default 0001
 *
 * @param detectEnabled
 * @desc 有効にするかどうか(プラグインコマンドでも有効にできます)
 * @default 0
 *
 * @help
 *
 * プラグインコマンド:
 *   ReverseDetect enable
 */

(function() {
  var parameters = PluginManager.parameters('TestPlugin');
  var variableId = Number(parameters['variableId']);
  var detectEnabled = Number(parameters['detectEnabled']) != 0;

  if (!window.DeviceMotionEvent) {
    alert("DeviceMotionEvent does not supported!");
  }

  window.addEventListener("devicemotion", function(e) {
    var z = e.accelerationIncludingGravity.z;
    if (z < -9.8 && detectEnabled) {
      $gameVariables.setValue(variableId, 1);
    }
  }, false);

  // Hook command
  var _Game_Interpreter_pluginCommand = Game_Interpreter.prototype.pluginCommand;
  Game_Interpreter.prototype.pluginCommand = function(command, args) {
    _Game_Interpreter_pluginCommand.call(this, command, args);
    if (command === 'ReverseDetect') {
      if (args[0] == 'enable') {
        detectEnabled = true;
      }
    }
  }
})()