3

私は単純なWebアプリケーションを構築しています。その一環として、最も簡単な方法と思われるので、dat.GUI を使用したいと考えています。

やりたいこと: three.js を使用してオブジェクトを表示しています。このオブジェクトに対して、ユーザーが検索語を入力してボタンを押して、検索語を使用する関数を呼び出すことができる、ある種の GUI (現在は dat.GUI を使用) が必要です。

ここまでで、search term という変数を作成し、これを GUI に追加しました。これは正常に機能し、変数の値が表示されます。GUI は変数をリッスンすることもでき、変数が変更されると更新されます。しかし、値を変更することはできません。また、three.js のシーンに追加したライトの強度を調整するフィールドを追加しました。GUI のこの部分では、バーをドラッグして値を調整することはできますが、値を入力しようとしても機能しません。

コードは次のようになります。

var searchterm = '';
...

function init(){
....
var gui = new dat.GUI();
gui.add(light, 'intensity').min(1).max(10).listen();
gui.add(this, 'searchterm').listen();

}

他の使いやすい GUI の値や提案を編集できない理由についてのヘルプをいただければ幸いです。

4

5 に答える 5

9

私はいくつかの問題を抱えています。

「.listen()」関数から来ています。バギーです。

.listen() を削除すると動作します。

于 2013-11-28T16:51:19.090 に答える
2

私は同じ問題を抱えていました。私の場合、次のCSSが原因でした:

span {
    margin: 0 10px;
}

spanスタイルを解決するのではなく、新しく作成されたクラスにスタイルを適用します。

于 2016-02-28T02:34:18.920 に答える
2

z オーダーが間違っている可能性がありますか? dat gui ほど使いやすいものはありません。

.main {
   z-index: 5;
}

この要素が前面にあることを確認します。それ以外に、問題が何であるかは確かです。

于 2013-11-22T11:37:14.833 に答える