【B美クイズ専門エディタを作りたい】

http://q.hatena.ne.jp/1520289627 の質問の続きです。

a-kuma3様の回答によって、たとえばテキストエリアに小説を下のように書くと

J尼「日本ニ、軽クテ重イプレゼント、アリマス」(笑)左

別のテキストエリアに、以下のようにJSONの表現に置換してくれる

{
"name":"J",
"face":"laugh",
"text":"日本ニ、軽クテ重イプレゼント、アリマス",
"pos":"left"
},

プログラムまでは作りました。
Web版 http://quiz.minibird.jp/conversation/bmiquiz_manga/bmiquiz_manga.html
DL版 http://quiz.minibird.jp/conversation/bmiquiz_manga.zip

ここまできたら、完全にマンガにして表示させたいのですが、最後の1手がわかりません。
詳しい方、教えていただけないでしょうか。よろしくお願いいたします。

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2018/03/07 15:09:20
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.1

回答回数4972ベストアンサー獲得回数2154

ポイント1000pt

前の回答のコメントに書いた中にある

    //会話作成関数(JSONデータ、出力先)
    function create_conversation(json, dest)

は、やっつけで作ったものですが、幸いにして使いまわせます。

エディタの HTML にある、関数 rep() の末尾を書き換えます。

    function rep()
    {
...

        str="[\n"+str+"\n]\n";
        $('AFTER').value=str;
//      $('output').innerHTML =str;     元の文字列で表示してたやつ

        // ここから追加
        let output = $('output');
        output.innerHTML = "";
        create_conversation(JSON.parse(str), output);
    }

あと、index.js の文字コードが Shift_JIS になっているので、UTF-8 に変換します。
文字コードが Shift_JIS のままだと、キャラの名前が文字化けします。

他2件のコメントを見る
id:a-kuma3

結果が JSON の文字列じゃなくなったので、id="output" に指定している width: 90% は、外しても良いかも、ですね。

# クイズよりは得意、かな :-)

2018/03/07 15:20:00
id:lionfan2

a-kuma3様、その後、キャラクター(I穂)を増やし、表情も増やしました。
width: 90%も外しました。本当にありがとうございます!!

クイズの方も、ぜひ回答いただければと思います。
今回は正解を、このソフトで作ったサイトでも示す予定です。

2018/03/07 17:56:36
  • id:grankoyan2
    全然本筋と関係ないんですが、今回のクイズ、あまりにも簡単に答えに辿りつきすぎて、クランベリータルトの回収を失念してて、答えがわかってるはずなのに、クランベリータルトを絡める方法がわからず困っています。

    B美クイズ専門エディタですが、ストリエというフキダシ漫画(小説?)のサイト(もう潰れた)や、comico(のフキダシノベル)にそれっぽいのが実装されてるんですが、あくまでテンプレート的なものを作るだけ(台詞の抽出ぐらいしかやってくれないの)で、画像や表情は完全に手動でポチポチ指定してやらんといかんのですごく面倒なので、こういうマークダウン? 的なの流行ればいいなあと思いました。
  • id:lionfan2
    grankoyan2様、ありがとうございます。今回は非常に難しいわけではなさそうですね。
    クランベリータルトの件は、楽しみにしております!!
    comicoは、作品を1つ読んだのですが、すごいですね。素晴らしいソフトのように思えます。
  • id:NAPORIN
    http://do-ra.org/2016/04/15/32621/ ライン会議ジェネレータ集。顔が変わらないのが残念。
  • id:lionfan2
    NAPORIN様、ご紹介ありがとうございます。これも楽しいソフトですね。
    たしかに顔は、いろいろな表情があって欲しいところです。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません