• 戦闘の表示効果や効果音を改善しました。
• NPCのAIと移動機能を実装
• お店機能を改善
• 装備による追加効果に対応
• マップエディターを改訂（マップの追加やUIを改善)
• UIの見栄えを少し変更(CSS3を一部使用）
• UIにスピンボックスを追加
• スマートフォンを想定したRTG用のライブラリを作成
• 不具合をそこそこ修正

1. 消費アイテムのみ複数保持するように変更
2. 装備を買ったら、その場で装備する選択肢を追加
3. アイテムを交換できない不具合修正
4. アイテムを売った際にお金が増えない不具合を修正
5. メッセージにスクリプト指定の不具合を修正
6. 宿屋のジングルのタイミングを修正

ナイトリービルドを更新。
習作

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。

1. NPCと自動戦闘可能にしました。
2. NPCの表示・非表示をフラグで指定可能にしました。
3. NPCの移動APIを追加
4. 戦闘時のメッセージ表示を改善
5. メッセージにスクリプト指定に対応
6. ジングルの再生遅延を改善

ナイトリービルドを更新。
習作

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。

とりあえず遅延ロード

スクリプト内から動的にスクリプトをロードするinclude()関数の例です。

    include = function (file) {
        var s = document.createElement('script');
        s.src = file;
        s.type = 'text/javascript';
        s.defer = 'defer';
        document.head.appendChild(s);
    }

このコード自体はなんでも無いですね。scriptタグをheadタグに追加しているだけです。

ロード完了を待つ

そして読み込み完了を待って、任意のコードを実行するlazyLoad()を実装します。

    lazyLoad = function(url, ctl, fn) {
        function _check(ctl) { //オブジェクトの有無でロード完了を判定
            return !!(eval(ctl));
        }
        if (_check(ctl)) {
            fn && fn(); //ロード済みなら指定の関数をすぐ実行
        } else {
            include(url);
            setTimeout(function () {
                if (!_check(ctl)) {
                    setTimeout(arguments.callee, 15.625);
                } else {
                    fn && fn();//読み込みが終わったら関数を実行
                }
            }, 15.625);
        }
    }

今でもそうだと思うのですが、scriptタグの読み込み完了イベントは拾えないので代わりに遅延ロードしたスクリプトを実行した結果として作成されるオブジェクトの有無を判定に利用します。
後は既に読み込み済みなら遅延ロードを実行しないようにチェックを挟んでおきます。

複数箇所からの呼び出し

先のコードではとりあえず読み込み済みのチェックは実施していますが、遅延ロードが完了する前に複数回同じスクリプトが呼び出されると無駄があったり面倒くさいことが発生するかもしれません。
そこで同じスクリプトに対しては一度しかinclude()が呼び出されないようにします。

    _urls = [];
    lazyLoad = function (url, ctl, fn) {
        function _check(ctl) {
            return !!(eval(ctl));
        }
        if (_check(ctl)) {
            fn && fn();
            _remove$lazyLoad();
        } else {
            if (_urls[url]) { //リクエスト済みならfnのみ登録して終了。
                _urls[url].push(fn);
                return;
            }
            _urls[url] = [];
            include(url);
            _urls[url].push(fn);
            setTimeout(function () {
                if (!_check(ctl)) {
                    setTimeout(arguments.callee, 15.625);
                } else {
                    for (var i = 0; i < DQ._urls[url].length; i++) {
                        _urls[url][i] && DQ._urls[url][i].call();
                    }
                    delete _urls[url];
                }
            }, 15.625);
        }
    }

読み込み中のスクリプトと読み込み完了時に実行される関数を_urlsに追加しています。
`

複数のスクリプトを遅延ロードする

複数のスクリプトを遅延ロードしてから自身のコードを実行したい場合どうなるのでしょうか。

lazyLoad("first.js", "Window.FIRST", function() {
  layzLoad("second.js", "Window.SECOND", function() {
      ... //自分のコード
  });
});

もしくは

lazyLoad("first.js", "Window.FIRST");
layzLoad("second.js", "Window.SECOND", function() {
    ... //自分のコード
});

まあ、どちらもいまいちですね。
そこで、全ての遅延ロードが完了したら呼び出される、afterLoad()という関数を用意します。

    lazyLoad = function (url, ctl, fn) {
        function _check(ctl) {
            return !!(eval(ctl));
        }
        if (_check(ctl)) {
            fn && fn();
            __remove$lazyLoad();
        } else {
            if (_urls[url]) {
                _urls[url].push(fn);
                return;
            }
            _urls[url] = [];
            include(url);
            _urls[url].push(fn);

            setTimeout(function () {
                if (!_check(ctl)) {
                    setTimeout(arguments.callee, 15.625);
                } else {
                    for (var i = 0; i < _urls[url].length; i++) {
                        _urls[url][i] && _urls[url][i].call();
                    }
                    delete _urls[url];
                    _remove$lazyLoad();
                }

            }, 15.625);
        }
_
        function _remove$lazyLoad() {
            var cnt = 0;
            for (var nm in DQ._urls) {
                cnt += _urls.hasOwnProperty(nm) ? 1 : 0;
            }
            if (cnt == 0) {
                __trigger && setTimeout(DQ.__trigger, 0);
            }
        }
    }

__trigger = function () {
    for (var i = 0; i < _onLoad.length; i++) {
        _onLoad[i].call();
    }
    _onLoad.length = 0;
    delete __trigger;
}
_onLoad = [];
afterLoad = function (callback) {
    _onLoad.push(callback);
}

使い方は以下の通りです。

lazyLoad("first.js", "Window.FIRST");
layzLoad("second.js", "Window.SECOND");
afterLoad(function() {
    ... //自分のコード
});

より複雑なケースでは問題が出る可能性もありますが、そこは宿題ということで。

1. プロジェクトを導入
2. マップの新規追加対応
3. マップのプロパティー編集に対応
4. コマンドを追加（マップの移動、リサイズ)
5. スプライトのアップロード対応

ナイトリービルドを更新。
マップエディター
後の問題はオフラインでも使えなければ公開している意味が無いことかorz

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。

マップエディター

マップエディターを汎用化するために、しばらく改変を続けたいと思います。

ナイトリービルドを更新。
マップエディター

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。

DQ.RPG.DamageType = { Unknown: 0, Pysical: 1, Magic: 2, Fire: 3, Water: 4, Erth: 5, Wind: 6, Sander: 7, Light: 8, Dark: 9, Swamp: 10, Baria:11 }
Player.prototype.gainDamage = function(damage, type) {
   for(var i = 0 ; i < this._equipmentIDs.length ; i++ ) {
       var equip = world.items[this._equipmentIDs[i].uid];
       damage = equip.gainDamage(damage, type);
   }
   return damage;
}

storategys['roro'] = roro_storategy;

roro_storategy.prototype.gainDamage = function(damage, type) {
   var dm = DQ.RPG.DamageType;
   swich(type) {
       dm.Magic:
       dm.Fire:
           dm /= 2;
           break;
       dm.Swamp:
       dm.Baria:
           dm = 0;
           break;
   }
   return dm;
}

沼なら

・・・それから３日後

装備することで一時状態を追加すれば、良いのではないでしょうか。
呪われた装備なら、カースを追加。カース状態中は装備を外せないが、カースを解除されると装備も外せると。

「浮いている」なら、スパイクや沼やバリア無効。

ロトを装備している「状態」なら魔法や火を半減、ダメージを受けるチップ（沼、バリア）無効。

装備に equipメソッドとremoveメソッドを追加します。

DQ.RPG.Item.prototype = {
  equip: functon(type, to) {
    to.temporary.push(
        new DQ.RPG.State(world.statuses.find("uid", 10009)));
  },
  remove: function() {
  }
}

特殊な装備は装備したときに状態を追加します。

DQ1では、呪われていると王様の台詞が変化します。呪われたらフラグを立てる方法が単純ですが、
プレイヤーが呪われた状態かを調べる方法もありです。

Player.hasStatus = function(uid) {
}

チップによるイベントでは、状態によるisAvoid()判定とgainDamage()判定を実施します。
スパイクでのダメージの場合、luckにより回避が発生する仕組みも実装できます。

Player.prototype.isAvoid(type) {
}
Player.prototype.gainDamage(dmg, type) {
}

Status.prototype.isAvoid(type) {
}
Status.prototype.gainDamage(dmg, type0 {
}

標準で提供されていない状態や装備は後から追加可能にします。
今でも、種類毎にストラテジーを選択する仕組みが実装されていますが、いっそのことUID別の
テーブルがあれば、そこからストラテジーを選択出来るようにして拡張毎のストラテジーを後から
追加出来るようにすればよいのではないでしょうか。

DQ.RPG.State.Roro = function() {
}
DQ.RPG.State.table.push({uid: 10009, strategy: DQ.RPG.State.Roro});

ナイトリービルドを更新。
RPG 習作(debug)
戦闘テスト
メッセージエディター

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。

バーチャルパッドですがtouchしたまま方向を検知するので、なんだか難しく考えていましたがアナログジョイスティックのデジタル変換の様な考えで単純にパッドの領域を９分割して、上下左右に二値化しました。
あと追加するのなら、逆にアナログジョイスティック機能やキーリピートのエミュレーション（連射モード）とかでしょうか。

 var me = this, dir,
    _make_dir = function (e) {
        var dir = 0;
        var dx = e.pageX - pX;
        var dy = e.pageY - pY;
        if (dx <= 35) {
            dir += 1;
        } else if (70 < dx) {
            dir += 2;
        }
        if (dy <= 35) {
            dir += 4;
        } else if (70 < dy) {
            dir += 8;
        }
        return dir;
    },
    touch_start = function (e) {
        $(tt).bind('mousemove', tt, touch_move);
        $(tt).one('mouseup', tt, touch_end);

        if (e.originalEvent.touches && e.originalEvent.touches.length) {
            e = e.originalEvent.touches[0];
        } else if (e.originalEvent.changedTouches && e.originalEvent.changedTouches.length) {
            e = e.originalEvent.changedTouches[0];
        }
        me.dir = _make_dir(e);
        me.onMousedown && me.onMousedown(me.dir, e);

        return false;
    },
    touch_move = function (e) {
        if (e.originalEvent.touches && e.originalEvent.touches.length) {
            e = e.originalEvent.touches[0];
        } else if (e.originalEvent.changedTouches && e.originalEvent.changedTouches.length) {
            e = e.originalEvent.changedTouches[0];
        }
        var back = me.dir;
        me.dir = _make_dir(e);
        if (back != me.dir) {
            me.onMousedown && me.onMousedown(me.dir, e);
        }
        return false;
    },
    touch_end = function (e) {
        $(tt).unbind('mousemove', touch_move);
        me.onMouseup && me.onMouseup(e);
        me.dir = DQ.DIR.NONE;
        return false;
    }

ナイトリービルドを更新。
RPG 習作
戦闘テスト

先日のデモに反映しました。まだ、ABボタンは機能していません。
shooting.html

  localStorage.setItem(key, value);
  value = localStorage.getItem(key);

また、これに伴ってkeyに名前空間としてプロジェクト名を付与して保存するようにしました。

ナイトリービルドを更新。
RPG 習作(debug)
戦闘テスト

HTML5 canvasの習得のために、canvasとフレームワークを追加しました(IE9,Firefox,Chromeとか)。
shooting.html

ナイトリービルドを更新。
RPG 習作(debug)
戦闘テスト
メッセージエディター

補足ですが、キャッシュが効いている場合にCTRL+Rなどでページを再読み込みする必要があります。