代々木丈太郎の何だか良く判らないブログスマートフォン用の表示で見る代々木丈太郎の何だか良く判らないブログ主にゲームブックについて語ります。パラグラフ遷移の見える化がわかりやすいのでビジネスシーンでもいいかもゲームブック作成日記こんにちは。さあみなさん、選択肢を創りましょう。ゲームブック投稿サイトの管理者です。本日はゲームブック制作ツールでは、世界的に著名なオープンソースをご紹介しましょう。Makerを推しており、解説動画も何本か制作しています。1スマホにも対応しており、制作者にも読者にも比較的簡単で乱数などによるバトルシステムもやろうと思えば出来るツールなので、いまでもいいと思っております。一つ、ご紹介した方がいいというツールがあるので、何回かに渡ってご紹介します。ゲームブック制作で世界で一番使われているツールと思われます。より糸や麻、編むという意味合いがあります。Makerも、Twineもかなりよく似たツールですがそれぞれに特色があり、パラグラフ遷移がわかりやすく図示される点ではTwineが優れています。HTML生成まとめ導入方法Twineは多くのパソコンのOSに対応しています。システム要件の詳細がないので完全保証はしませんが、Windows、MacOSX、Linuxで動きます。それぞれどのWindows、MacOSXのどのバージョン、Linuxのどのディストリビューションとバージョンでインストールして動くかどうかはご自身でのご確認でお願いします。そんなこんなでインストールはめんどくさいですよね?そこでTwineにはオンライン版も用意されています。http://twinery.org/簡単なので、オンライン版をお勧めします。概要さて、Twineの概要をお話しましょう。ハイ!Twineはインタラクティブフィクションやノンリニアストーリー向けのオープンソースツールだよ。あなたが始めるのにちょいとばかり知っておくべき事があります。インタラクティブフィクションは厳密に言うとチャットボットのように言葉を入力するUIのアドベンチャーゲームです。ノンリニアストーリーもよく意味がわかりませんが、要は時空を超えて物語がそれぞれ進んだりと、順序よい流れではないものぐらいの意味合いでしょうか。要はゲームブックでいいです。Twineでゲームブック作れます。コレって新しいの?もしあなたがTwineを以前利用したことがなければ、初めまして!Twine2のガイドがあるからそれを見てね。......Twineフォーラムもね。......もしTwine1を利用したことがあるなら、......これはバージョンが変わったので、SugarCubeのフォーマットをつかってね。実はTwineは現在のバージョンが2なのです。2はフォーマットが3つあり、1と互換性のあるSugarCube、JavaScriptやCSSが得意な方向けのSnowMan、そしてデフォルトのHarloweがあります。Harloweが一番初心者には扱いやすいと思います。このエントリもHarloweで進めていきます。あなたの作業はブラウザにだけ保存されます。これはあなたがTwine2ではアカウントを作る必要が無いことを意味します。......重要な点はあなたのブラウザにしか保存されないのでマメにArchiveボタンを押してね。......あと誰もがブラウザであなたの作業を変更できるってことね。オンライン版の特徴はブラウザに作成データが保存されることです。そのためAと言うパソコンで創っていたものをBと言うパソコンで続きを作る場合、Aの作品のHTMLファイルをダウンロードし(アーカイブと呼ばれる)、BのパソコンでそのHTMLをインポートする必要があります。以上!読んでくれてありがとう。Twineで楽しんでね。2以上」を選ぶことをオススメします。スマホレスポンシブルになり、プレイ途中を保存もできます。Listを押すと、下記の画面が表示されます。+Storyボタンを押しましょう。作品のファイル名と言いますか、タイトルを付けます。あとで変えることも可能です。ここではテキトーに「Sample」にしておきます。Passage」が表示されます。Passageはゲームブックで表現されるパラグラフの事です。マウスポインタを近づけるとアイコンが4つ表示されます。それぞれ左からゴミ箱、編集、そこからテストする、スタート位置をここにする、と言う作用があります。↑さてスタートの文章を考えましょう。サンプルなので冒険に旅立つ主人公に立ちふさがる二択を入力と。Passage」を「1」にしました。選択肢は[[]]二重の大カッコでくくり、マイナス記号と大なり、パラグラフのタイトルを記載するとパラグラフ遷移を作ることが出来ます。左上のXを押すとこの通り。パラグラフ1からパラグラフ2と3へ、それぞれ矢印が書かれているのがわかりますか?では、パラグラフ2をダブルクリックして追記しましょう。英字で示されているとおり、本文をダブルクリックすれば本文入力ができます。