ゲームブックを作ろう その０５

ゲームブックをブログにアップする

昨日html形式で出力したものをメモ帳で開き（右クリック→プログラムから開く→メモ帳）、内容を全部選択してコピーします。コピーしたものは（ご利用のブログにもよるが）ブログのHTML編集にてペーストし、後はタイトルを決めれば以下の様なゲームブックが公開できます。

お使いクエスト

休日、家でごろごろしてると、あなたは母親にお使いを頼まれるのだった。

クエスト開始→９

  １

「じゃあ〇〇君（ちゃん）の今日のおやつは無しね」

「ぎゃー！」

GameOver

  ２

メモを見る→４

メモは無い→１０

  ３

「足りなくなっちゃったからお小遣いから出した」

「ちょっと、メモ取らなかったの？　要らないものまであるわよ？　足りない分は出してあげるけど、お釣りをお小遣いで上げるつもりだったからそれは無しね」

「とほほ……」→１１

  ４

ちゃんと頼まれたものを買えたしお釣りももらった。

意気揚々と家に帰った→８

  ５

「買ってくるものは●と■と▲と……」とお母さんは色々口にしてます。

メモを取る場合は「メモを取った」とどこかに記録しておく。

お金を受け取る→７

  ６

家を出て目的地のスーパーへとやってきた→２

  ７

お使いのお金「２０００円」を受け取る。

さあ買い物に行こう→６

  ８

「ちゃんと買ってきたよ」

「あら偉いわね！　お釣りはお小遣いとしてあげるわ。ご褒美のおやつはケーキよー」

「わーい！」

めでたしめでたし。→１１

  ９

「〇〇君（ちゃん）。お買い物行ってきてくれる～？」

お使いを引き受ける→５

断る→１

  １０

うろ覚えだったためお金が足りなくなった。やむを得ずお小遣いでまかなう。

肩を落として家路につく→３

  １１

成功にしろ失敗にしろ、君の冒険はここで終わる。

ただ、これだと次のパラグラフどころか（環境にもよるが）大分先までが丸見えなので、行間は空けておきたいですね。

あまり格好良くはありませんが、メモ帳で開いたhtml形式のゲームブックの中身をざざっと置換してしまいましょう。

編集→置換で置換窓を開いたら、上の置換元に

<a name=

下の置換後の文字列には

<div style="margin-top: 10em;"></div><a name=

としてやれば、パラグラフの前に行間を空けてやることが出来ます。

10の値を大きくしてやれば、それだけ行間が空くので「次のパラグラフはぜってえ見せねえ！」って人はどんどん大きくすればいいと思います。

ただ、あまり大きくすると縦に長大なブログになってしまいますのでお勧めしません。

このまま次の記事に行間を取ったものを公開します。

（追記）当日修正について

公開してみた所、追加したはずの行間が消えてました……。多分aタグの中に無理やり押し込んだのを、ブログの方の補正機能で矯正されたんだと思います。「編集見たまま」の方ではちゃんと行間取ってたのになぁ。

修正版は空div入れる方式に変えたので、はてなブログ以外でも大丈夫だと思います。