問題タブ [dat.gui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
376 参照

three.js - da.gui での選択ごとに異なるスライダーを表示する

ドロップダウンでレンダリングするさまざまな形状を選択できるGUIがあります。これはうまくいきます。ここで、スライダー付きのフォルダーを表示したいと思います。スライダーの数、名前、および最小/最大値は、選択されている形状によって異なります。dat.guiでこれを達成するにはどうすればよいですか。

0 投票する
1 に答える
1255 参照

user-interface - three.js guiでアイテムの色を変更する方法

three.jsのGUIメニューで特定の色のアイテムを書く方法。または、項目メニューの前に特定の色の四角または丸を追加します。

ありがとう

0 投票する
5 に答える
8900 参照

user-interface - dat.GUI要素を削除するには?

GUI要素を削除するこの関数を見つけましたが、時代遅れだと思います。これまでのところ、dat.GUI() 全体であろうと、dat.GUI() に追加された要素であろうと、GUI の一部を削除する方法を知っている人を他に見つけることができませんでした。最初のものはおそらく必要なものには十分でしょう(dat.GUI()をすべて一緒に削除するだけです)が、どちらかが非常に役立ちます!

dat.GUI() を削除することになっています

...

しかし、エラーが返されます: undefined のメソッド 'removeChild' を呼び出すことができないため、autoPlaceContainer が間違っていると推測しています。

この関数の元の作成者は、次のメモを残しました。

パラメーター gui は削除する DAT.GUI を表し、parent は親コンテナーです。DAT.GUI をインスタンス化するときに domElement を指定しなかった場合、親を渡す必要はありません。

0 投票する
1 に答える
1934 参照

javascript - dat.gui カスタム CSS クラス

Dat.gui を使用して、個々のパネルまたは GUI のスタイルを設定する方法を見つけようとしています。

これを行う最善の方法は何ですか?DOM でパネル名を検索してスタイルを適用することもできますが、それは非常に複雑なソリューションのようです。

0 投票する
5 に答える
4589 参照

javascript - dat.GUI ユーザー入力が機能しない

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

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

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

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

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

0 投票する
1 に答える
4003 参照

javascript - da.Gui のフォルダーを削除する

dat.GUI を使用していて、フォルダーを新しいコンテンツに置き換えたいと考えています。

そのため、前のフォルダーを削除するか、その内容を置き換える方法が必要です。

何か案は?

0 投票する
3 に答える
4641 参照

javascript - dat.gui: コントローラーのドロップダウン リストの値を更新しますか?

dat.gui コントローラーのドロップダウン リストの値だけを更新できるかどうかを調べています。

トグルが変更されたら、テンプレートのオプションを変更したい:

これにより値が変更されますが、新しいインデックスを持つ新しいテンプレート コントローラーが作成され (前のインデックスが削除されます)、次回は機能しなくなります。また、新しいコントローラーがコントローラー リストの一番下にプッシュされます。

新しい変更された/新しいコントローラーを試して追跡するためのコードを追加する前に、誰かがより良い方法を持っているかどうかを確認する必要があると考えました。

0 投票する
0 に答える
315 参照

javascript - スクロールバー範囲の変更をdat.guiのテキストボックスに反映

他の誰かが同じ問題を抱えているかどうか疑問に思っています。dat.gui の gui 内にスクローラーを作成しました。後でスクローラーの最小値と最大値を変更したい場合は、次のようにします。

残念ながら、スクローラーの右側にある dat.gui によって作成されたテキスト入力ボックスには変更が反映されていないようです。テキスト入力の最小入力と最大入力は、スクローラーの作成時に最初に定義された元の値と同じままです。入力の内容を更新しようとすると、新しい範囲の値を受け入れません... 入力ボックスの __min および __max プロパティを見つけるにはどうすればよいですか?

乾杯!

0 投票する
2 に答える
671 参照

javascript - For ループ インデックスを For ループ内で関数に渡す

JavaScriptコードのいくつかの反復を実行するためのforループと、そのForループ内の関数があります。問題は、ループ内の関数がインデックス整数を受け取っていないことです。コードは次のとおりです。

問題は、console.log コマンドが、「i」が関数内に入ったときに未定義であると言っていることです。私の問題は何ですか?

0 投票する
3 に答える
1838 参照

javascript - ドロップダウンメニューが機能しない

私は簡単な Web アプリケーションを開発しており、dat.gui と three.js の 2 つの js ライブラリを使用しています。

私の問題は、ドロップダウン メニューがロックされていることです。開けません。

Web で読むと、既知の問題のようですが、いくつかの例では、ドロップダウン メニューがうまく機能していることがわかります。私はjsが初めてで、「スコープの問題があるかもしれない」と思ったので、初期化プロセスを機能する関数の中に入れました。しかし、問題は残ります。

私は Ubuntu/Chrome と Ubuntu/Firefox に取り組んでいます。ここでコード全体を確認できます。ここでは、ドロップダウン メニューの代わりにチェック ボックスを使用しています。