あなたの物語を、ブラウザで読める一冊に。 立ち絵・背景・文章を入れるだけ。 世界観が伝わるハンドアウトを作って、参加者へ渡せる制作ツールです。 コードを書く必要はありません。 【まずは完成サンプルをどうぞ】 https://tinyurl.com/emunosuke-ho 背景や人物紹介、タイムラインの見え方を確認できます。 【シナリオ作者さんに、こんな使い方】 ・キャラクターごとの人物紹介・秘匿情報・目標を、ひとつのHOに。 ・食堂や教室の背景を添えて、その場面の空気まで伝える。 ・行動や会話を時系列に並べ、参加者が振り返りやすく。 ・テストプレイ後に文章や画像を直し、次の配布に活用。 ・HTMLは画面で読む用に、PDFは読み返しや印刷用に。 【できること】 ■ 作品らしい見た目に 表紙の背景、キャラクター画像、テーマカラーを設定。 出来事ごとにエリア背景を追加でき、前の背景も使い回せます。 本文には画像・太字・下線・文字色を入れられます。 ■ 迷わず編集 主な操作は「編集する」「友達に渡す」。 出来事の見出しを押して修正し、メニューから並べ替えできます。 スマホの幅に合わせた表示・入力画面も用意しています。 ■ ３点セットで渡す 閲覧用HTML・PDF・紹介画像を、まとめてZIPに保存。 展開して、画像とHTMLをDiscordなどへ一緒に添付できます。 画像もHTML内に保存されるため、素材フォルダを別に渡す必要はありません。 ■ あとからの修正も届ける Web版で共有を始めてから書き出したHTMLは、通信できるときに内容を更新します。 同じ共有先を編集すれば、配布後の誤字修正や追記にも使えます。 PDF・紹介画像・共有前に保存したHTMLは、保存時点の内容です。 【使い始めるまで】 １．ZIPを展開し、01_start.htmlを開く。 ２．03_editor.htmlで文章と画像を入れる。 ３．「友達に渡す」から保存し、対象の参加者へ。 続きの作業には「編集用HTMLを保存」を使います。 完成サンプルを編集して、操作を試すこともできます。 【内容物／最新版1.9】 ・01_start.html：はじめに ・02_sample.html：編集できる完成サンプル ・03_editor.html：新しく作る編集用ツール ・licenses：使用ライブラリの表記 画面の説明は日本語、ファイル名は半角英数字です。 【購入前にご確認ください】 ・ダウンロード版はPCのブラウザで開く使い方をおすすめします。スマホでの編集はWeb版をご利用ください。端末やブラウザによって、保存・共有の動作は異なります。 ・PDFを読み込んでHTMLに自動変換する機能はありません。 ・添付HTMLの表示は送信先アプリによって異なります。サムネイルを必ず表示できるものではないため、紹介画像を一緒に添付してください。 ・自動更新にはWeb版での共有設定と通信が必要です。共有リンクは、そのHOを読む参加者にだけ渡してください。 ・編集用HTMLは自動で上書きされません。作業後は新しく保存してください。 ・画像はPNG／JPEG／WebP、１枚１０MBまで。シナリオ本編や画像素材集を販売する商品ではありません。 制作：えむのすけ 「ハンドアウトを、もっと見やすく、作品らしく渡したい」 そんな作者さんの制作に役立ててもらえたらうれしいです。