three.js - Three.js を使用した Dat.gui

Question

HTML ファイルを開くには、コントロール dat.gui 内にリンクを配置する必要があります。これを行うにはどうすればよいですか? 透明度とチェックボックスのレベルを既に設定しましたが、リンクを開く方法がわかりません。

Answer 1

これは Three.js とは関係ありません。とにかく、他のコントロールと同じように関数変数/メンバーを渡すだけです...onclickで関数を使用してボタンを作成します。例：

var obj = {};
obj.sampleNumber = 1;
obj.sampleLink = function() {
  window.open("myfile.html");
}
var gui = new dat.GUI();
gui.add(obj, 'sampleNumber', -5, 5);
gui.add(obj, 'sampleLink');