2018 ソフトウェア設計及び演習用の班Wiki

18::gr03::マスイベントモジュール

仕様書(作成者:山中仁斗)

enchant.jsおよび、そのプラグインであるnovel.enchant.jsを用いてプロローグのストーリーを流す。

マウスクリックで1文ずつ読み進めるようにする。

ポジティブイベント用とネガティブイベント用を作る。複数のストーリーを用意し、生成した乱数によってどのストーリーを流すか決定する。

関数・メソッドを用いた説明

window.onload = function(){}の中で変数coreをnew Core()のインスタンスとして定義し、core.onload = function(){}の中で変数novelを、new Novel()によりnovel.enchant.jsのインスタンスとして生成後、

  • novel.setFontSize()でフォントサイズを設定
  • novel.setLineHeight()行間の大きさを設定
  • novel.setPadding()で上下左右の間隔(パディング)を設定
  • novel.setFontFamily()でフォントの種類を設定

以上を設定した後、Math.floor(Math.random() * 3 + 1)により、1〜3の乱数を生成。swich文で3パターンに分岐し、各パターンで、

  • novel.setText()で文章を追加
  • core.addEventListener('touchstart', function() {}) でif文を用い、クリックの回数(core.entercount)が文章の個数分に達したらcore.popScene()ですごろく画面に戻り、それ以外の場合はnovel.next()で文章を1つ進めるように分岐させる。


最終更新日:2018/07/27 14:59:09