共通

Last-modified: 2019-08-10 (土) 06:07:16

Graphviz Online を使ってフローチャート整えて画像張るのが一番良い気がしてきた。
下記コードを Graphviz Online の左側黒枠の中にコピペすると下の画像みたいになる筈。


digraph G {

  ed [label="エンディング"]

  s_ [shape=record,label="<1>選択肢\<1\>|<2>選択肢\<2\>"]

  c_ [shape=Msquare,label="コレクション"]

  k_ [shape=Mdiamond,label="キーアイテム"]

  q_ [shape=trapezium,label="条件分岐"]

  // 上記、_ 以降の命名規則としては
  // _XYN
  //    X = 駅名のイニシャル
  //    Y = 選択肢が発生した場所のイニシャル
  //    N = ただの番号
}

graphviz (1).png


DOT
digraph G {

  ed3 [label="ED3 終電の大食い男"]
  ed17 [label="ED17 くさき駅"]
  ed31 [label="ED31 何もないし帰れない"]

  c_1 [shape=Msquare,label="不渡線 路線図"]

  r1 [label="祓港駅へ"]
  r2 [label="足折駅へ"]
  r3 [label="間途駅へ"]
  r4 [label="神土駅へ"]

  s_1 [shape=record,label="<1>車内に行き先表示はないの?|<2>他のお客に聞いてみて|<3>外に何も見えない?|<4>運転席まで行けば何か分かるかも"]
  s_2 [shape=record,label="<1>となりの車両|<2>移動しちゃだめ"]
  s_3 [shape=record,label="<1>降りて|<2>降りちゃだめ"]
  s_4 [shape=record,label="<1>降りよう|<2>降りないで|<3>男の子"]
  s_5 [shape=record,label="<1>降りて|<2>降りないで"]
  s_6 [shape=record,label="<1>話しかけて|<2>関わらない方が"]
  s_7 [shape=record,label="<1>降りて|<2>降りないで"]
  s_8 [shape=record,label="<1>降りよう|<2>あわてないで"]
  s_9 [shape=record,label="<1>降りて|<2>降りちゃだめ"]

  s_10 [shape=record,label="<1>心配だから声をかけてあげよう|<2>ほっといて運転席をのぞこう"]
  s_11 [shape=record,label="<1>力いっぱい引いてみて|<2>何か引っかかってない?|<3>倒れてる人に開けてもらえば?"]
  s_12 [shape=record,label="<1>降りて|<2>降りちゃだめ"]
  s_13 [shape=record,label="<1>その人に声をかけてみて|<2>それより駅の名前は分かる?"]

  s_1:1 -> s_2
  s_1:2 -> s_2
  s_1:3 -> s_2
  s_1:4 -> s_10

  s_2:1 -> s_3
  s_2:2 -> s_4

  s_3:1 -> ed17
  s_3:2 -> r1

  s_4:1 -> s_5
  s_4:2 -> s_6
  s_4:3 -> s_6

  s_5:1 -> ed17
  s_5:2 -> s_7

  s_6:1 -> s_7
  s_6:2 -> s_7

  s_7:1 -> s_8
  s_7:2 -> s_9

  s_8:1 -> ed31
  s_8:2 -> s_9

  s_9:1 -> r2
  s_9:2 -> r3

  s_10:1 -> s_11
  s_10:2 -> s_11

  s_11:1 -> ed3
  s_11:2 -> c_1
  s_11:3 -> ed3

  c_1:1 -> s_12

  s_12:1 -> s_13
  s_12:2 -> ed3

  s_13:1 -> ed3
  s_13:2 -> r4
}

common_2.png


  • 選択フロー、どうやって表現するのが良い? 基本的には上から下へ、縦スクロールして見易い形式にするべきとは考えるけど 選択肢多すぎて末広がり過ぎるじゃん... -- 2019-08-01 (木) 14:50:36
  • 参考になるような他攻略ページとかあったら教えて頂けると嬉しい感じです -- 2019-08-01 (木) 14:51:29
  • wikiwikiで graphviz plugin 使えれば一番手っ取り早いんだけど、残念 -- 2019-08-02 (金) 04:58:38
  • 選択肢調整する度び枠組みと戦うよりは、graphvizの簡単なルール覚える方が手間無いと思う... -- 2019-08-02 (金) 05:01:23
  • 車両移動せず、男の子と遭遇するルートは間途の前で降りると祓港じゃなくて足折ですね -- 2019-08-03 (土) 08:59:09
  • 修正しました、ありがとうございます~ -- 2019-08-03 (土) 09:49:18
  • 不渡線路線図の文字が崩れる条件わかる方いらっしゃいますか? -- 2019-08-10 (土) 06:07:16