【ハンドアウト作成ツール】マダミス用｜ブラウザで作って読める

あなたの物語を、ブラウザで読める一冊に。

立ち絵・背景・文章を入れるだけ。

世界観が伝わるハンドアウトを作って、参加者へ渡せる制作ツールです。

コードを書く必要はありません。

【まずは完成サンプルをどうぞ】

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まで。シナリオ本編や画像素材集を販売する商品ではありません。

制作：えむのすけ

「ハンドアウトを、もっと見やすく、作品らしく渡したい」

そんな作者さんの制作に役立ててもらえたらうれしいです。