novel-engine 使い方ver.0.4 2008.10.27 babara http://babarageo.com/ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1.素材の準備 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1-1.画像素材 使える画像はGIF、JPG、PNG、SWF形式です。推奨はPNG形式です。つーか他形式で動作確認してません。 ----------------------------------------------------------------------- 1-1-1.タイトル画面 開始時に表示される一枚絵です。PNG形式で640x480ピクセルの範囲内に描いてください。ファイル名はtitle.pngにしてください。 ----------------------------------------------------------------------- 1-1-2.エンディング画面 終了時に表示される一枚絵です。PNG形式で640x480ピクセルの範囲内に描いてください。ファイル名はend.pngにしてください。 ----------------------------------------------------------------------- 1-1-3.背景画像 640x480ピクセルの範囲内に描いてください。 ----------------------------------------------------------------------- 1-1-4.キャラ画像（中央） 画面中央にひとりだけ表示する時の絵です。640x480ピクセルの範囲内に描いてください。背景色は透明にしてください。画像の中心が表示位置の中心になります。 ----------------------------------------------------------------------- 1-1-5.キャラ画像（左右） 左右に2キャラを並べて表示する時の絵です。高さ480ピクセルで描いてください。画像の幅は任意ですが、あまり横長に描くと並べたときに隣の絵にカブります。おすすめは320x480ピクセルです。画面右側に表示される場合、画像の左右が反転されます。背景色は透明にしてください。画像の左上端が画面の左上端（反転の場合は右端）に揃えられます。 画像は左側に表示される「右向きの絵」が基準になります。右向きの絵は描きづらいので、左向きの絵を描いて左右反転させた方が良い思います。 ──────────────────────────────────── 1-2.音声素材 使える音声はMP3形式のみです。一度にひとつの音しか再生できませんので、BGMに効果音をかぶせるような使い方はできません。音声はループしません。再生時間やファイルサイズに制限はありませんが、あまり巨大なファイルだと読み込み失敗するかもしれませんので、なるべく小さいファイルにしてください。 ──────────────────────────────────── 1-3.テキスト素材 data.txtという名前のテキストファイルを作成してください。シナリオデータの書き方は「3.シナリオデータの作り方」で説明します。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2.ファイル構成 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2-1.公開フォルダー 適当な名前の新規フォルダーを作成し、次のファイルを入れてください。 AC_RunActiveContent.js novel-engine.swf novel-engine.html novel-engine.htmlの名前は好きなように変更してもOKです。 novel-engine.swfの名前も好きなように変更できますが、変更した場合はnovel-engine.htmlの内部を書き換える必要があります。よくわからない場合は変えないほうが良いと思います。 ──────────────────────────────────── 2-2.データフォルダー 公開フォルダーの中にdataという名前のフォルダーを新規作成してください。準備した画像、音声データはすべてdataフォルダーの中に入れてください。 ──────────────────────────────────── 2-3.ファイル構成 例えば公開フォルダーの名前を"novel"とした場合、下記のような構成になるはずです。 novel ├AC_RunActiveContent.js ├novel-engine.html ├novel-engine.swf └data 　├data.txt 　├end.png 　├title.png 　└その他、準備した画像や音声ファイル ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 3.シナリオデータの作り方 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 3-1.一行目 最初の行には scenario= とだけ書いて改行してください。 ──────────────────────────────────── 3-2二行目以降 シナリオデータは下記のように書きます。 背景ファイル名,キャラ画像の位置,キャラ画像ファイル名,本文テキスト, 各要素は半角の","で区切りますので、文中に","は使えません。会話文は改行で区切りますので、文の途中で改行しないでください。何も書かれていない空白行は作らず、行間を詰めて書いてください。改行前の","は省略しても動くみたいですが、動作が不安定になりますので、なるべく付けといてください。 ----------------------------------------------------------------------- 3-2-1.背景 背景画像のファイル名を書きます。何も指定しない場合は前回指定した背景がそのまま表示されます。指定したファイルが見つからない場合は白背景になります。（ブラウザによってはエラーメッセージが出るかもしれません） ----------------------------------------------------------------------- 3-2-2.キャラ画像の位置 次の四つの半角数字が指定できます。これ以外の数字を書いた場合や、何も指定しない場合は無視されます。 0：表示されているキャラ画像をすべて消します。 1：画面左側に、右向きのキャラ画像を表示します。 2：画面右側に、左向きのキャラ画像（右向きの絵を反転させたもの）を表示します。 3：画面中央にキャラ画像を表示します。 ----------------------------------------------------------------------- 3-2-3.キャラ画像 キャラ画像のファイル名を書きます。何も指定しない場合は無視されます。指定したファイルが見つからない場合は何も表示されません。（ブラウザによってはエラーメッセージが出るかもしれません） ----------------------------------------------------------------------- 3-2-4.本文テキスト メッセージウィンドウ内に表示したいテキストをそのまま書いてください。最大文字数は数えてないのでよくわかりません。次の特殊コマンドを書くこともできます。 skip：メッセージを表示せずに、次の行にジャンプします。 ----------------------------------------------------------------------- 3-2-5.音声ファイルの再生 音声を再生したい場合、「背景」の場所に"sound"、「キャラ画像の位置」の場所にファイル名を書きます。例えばmusic.mp3を再生したい場合、この行は下記のように書きます。 sound,music.mp3, また、ファイル名にstopを指定することによって、再生中の音声を強制的に停止できます。 sound,stop, soundの行は自動的にskip扱いになるので、音声再生後すぐに次の行のシナリオが実行されます。 ──────────────────────────────────── 3-3.最終行 最後の行は次のように書いてください。エンディング画面にジャンプします。 end, ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━