ロボットのGUIコントローラを作る（その７）

初稿: 2013/10/7, 最終更新:

７．スライダーでも関節を操作できるようにする

ロボットの関節をマウスで操作できるようになりました。でもロボット実機を動かしたい時、正確に数値を確認しながら角度を決められたほうが便利ですね。そこで、ＧＵＩ部品のスライダーを導入して数値を見ながら調整できるようにしていきましょう。今回導入するＧｕｉのアドオンofxGuiのExampleは次の場所にあります。これはv8.0で導入された新しいaddonです。

C:\workspace\of_v0.8.0_vs_release\examples\gui\guiExample

７．１　Visual StudioのプロジェクトにofxGuiを追加

Visual Studio2012環境の場合のaddonの追加の仕方を説明します。まず、ソリュションエクスプローラを開き、次の３ステップを順に行ってください。

f:id:cvl-robot:20131007184412p:plain fig.14 ofxGuiをソリューションに追加

addonsに新しいフィルターを追加。名前をofxGuiにする。
ofxGuiの中にさらに新しいフィルターを追加。名前をsrcにする。
srcの中に、既存の項目を追加。C:\workspace\of_v0.8.0_vs_release\addons\ofxGui\srcの中の.cppおよび.hファイルを全て選択して追加。

次に、プロジェクトのプロパティから、構成プロパティのC++を開き、[全般]→[追加のインクルードディレクトリ]を編集し、[新しい行]を挿入して

..\..\..\addons\ofxGui\src

を追加してください。Debugモード、Releaseモード両方に設定しておくとあとで楽です。相対パスではなく絶対パスで指定しても構いません。srcがビルド毎にコンパイルされますのでライブラリの指定は必要ありません。これで準備は完了です。

７．２　スライダーの追加

ofxGuiにはとてもシンプルなGUI部品しか用意されていません。また、しゃれたレイアウトに配置することもできません。その代わり、GUI部品にofParameterを登録すれば自動的に対応付けられて、ほぼ自動で数値を表示してくれたり、図示してくれたりします。*1

testApp.hには２箇所、行を加えます。ファイルの頭の方で、ofgGui.hをインクルードしてください。

#include "ofxGui.h"

次に、class testAppの中にofxPanelというクラスのguiという名前のインスタンスを宣言してください。

ofxPanel gui;

testApp.cppにも２箇所、追加します。testApp::setup()関数の最後に、次の６行を加えます。HIRONXというパネルを作り、GUIに登録したいofParameterを順に追加していきます。

gui.setup("HIRONX");

gui.add(chest);

gui.add(pan);

gui.add(tilt);

for(int i=0; i<6; i++){ gui.add(rarm[i]); }

for(int i=0; i<6; i++){ gui.add(larm[i]); }

登録はこれで完了です。

ofxGuiはGUI部品をOpenGLの部品として扱います。そのため、testApp::draw()関数内に表示の処理を加えてやる必要があります。openGLの表示設定の影響を受けますので、表示の前後で各種効果を一時的に無効にしています。