UI Improvement

[dabokun]

竹島先生の研究室よりいただいたUI改善案の実装中です．

実装予定

• ノードの移動:

  • （現在）ノードをひとつづつ選択し、ひとつづつ動かすため、一度に多くのノードを動かしたいときに手間がかかる。
  • （提案）ドラッグによる範囲選択、Shiftによる複数選択をできるようにし、選択されたノードの内一つ動かすとほかの選択されたノードも追従する。

• パネルの配置:

  • （現在）ばらばらでスナップもなく自由な配置。選択したパネルが最前面に表示される。不透明度が100％。
  • （提案）デフォルトでパネルをはめた状態にしておく。
  • （提案）パネル同士がスナップするようにする。
  • （提案）不透明度を下げ、重なりを見えるようにする。

• ノードの接続

  • （現在）ノードのoutputからドラッグをし、他のノードのinportに合わせた時、離さなくても接続がされる。（もしくはエラーが表示される）
  • （提案）inputに合わせ、離すと接続がされる。

• output、input、データワイヤの色:

  • （現在）全て同じ色で違いがなく、どこにつながるのかが直感的な操作ができない。
  • （提案）データの種類で色を分け、直感的に操作ができるようにする。

• ノードエディタの拡大縮小:

  • （現在）ノードエディタは拡大縮小ができず、ノードが広範囲にわたると見づらくなる。
  • （提案）マウスホイールなどでノードエディタの拡大縮小を出来るようにする。

• ノードの不透明度:

  • （現在）不透明度100％でノードが重なると、裏のノードが見えなくなってしまう。
  • （提案）不透明度を下げ、ノードの重なりを見えるようにする。

• 起点、終点となる重要なノードの視認性:

  • （現在）他のノードと同じ色で分かりにくい。
  • （提案）赤色や青色などわかりやすく目立つ色にする。

• 二次元グラフエディタの操作:

  • 関連: Zoom a spectrum in Y-axis #58, Zoom in/out of spectra on MacBook #52
  • （現在）マウスホイールやキーなどで操作ができるが、わかりづらく、どのような操作をしているのかわかりにくい。
  • （提案）マウスやキーでの操作のほかに、スライダーなどにより直感的な操作をできるようにする。

• インタラクションハンドルのImport/Export:

  • （現在）インタラクションハンドルの情報は出力されない。
  • （提案）InteractionのSerialize/Deserializeを可能にする。

WIP

• Outputノードの表示:

  • （現在）「Output 1」といった表示で、何がアウトプットされているのかがわかりにくい。
  • （提案）文字だけなく、アウトプットされている画像のサムネイルをノードの中に表示する。
    Add output node name and refine scrolling #82 でOutputに名前を追加。サムネイルも表示したい。

• ノードの繋がりの切断:

  • （現在）データワイヤの切断ができない。（もしくはわかりにくい）
  • （提案）データワイヤを右クリックなどで選択できるようにし、削除をできるようにする。
  • （提案）任意のキー（UE4の場合Y）を押しながらドラッグし線を引き、触れたデータワイヤーを削除する。
    現在ノードの端子から右クリックで削除できる。キーを押しながらドラッグ線で消す機能も実装したい。

実装完了

• ノードエディタ上での視点操作: Add output node name and refine scrolling #82 で修正。

  • （現在）Ctrl+左マウスドラッグで移動ができる。
  • （提案）視点の操作は頻繁に行うもので、Ctrl押した状態を保持し続けるのは負担が大きいため、マウスホイール押し込みなど、容易にする。

• Node Listで選択したときの表示: Add output node name and refine scrolling #82 で修正。

  • （現在）選択したノードがエディタの左上になるように視点が動き、Input側が見えなくなる。
  • （提案）選択したノードがエディタの中心になるように視点が動き、Input側も見えるようにする。

• ノードの追加: Add output node name and refine scrolling #82 で修正。

  • （現在）右クリック、リストを表示させ、任意のノードを選択するために左クリックをした地点の右にノードが追加されている。
  • （提案）右クリック（リストの表示を実行）した地点にノードを追加する。

• undo: Support undo redo #90 で実装。

  • （現在）undo機能がない
  • （提案）Ctrl+Zによるundo機能の実装。