javascriptのguiの追加について

Question

###前提・実現したいこと
JavascriptでのGuiの作成をしたいのですが、もともとあるプログラムに追加でguiをつけたいです。
それで、function init()の初期化内の変数をguiで変更したいのですが、その場合の書き方がわからないのでおしえてください。

〜略
function init() {
〜略
	var light;

	light = new THREE.DirectionalLight(0xdfebff, 1.75);
	light.position.set(-1000, 0, 0);
	light.position.multiplyScalar(1.3);

	light.intensity = 1;

	light.castShadow = true;
	// light.shadowCameraVisible = true;


	light.shadowMapWidth = 1000; //←ここをguiで変更させたい
	light.shadowMapHeight = 1000;
〜略
}

このような処理のとき、guiはどこにどのように記述すればよいのでしょうか？

Comments

[Lhankor_Mhy]

補足願います。「Guiで変更させたい」とは具体的にはどういう動作ですか？ Guiとはグラフィカルユーザインターフェイスのことでいいですか？

[santaro]

そうです！わかりにくくてすみません。 1000という値を50から5000に変更したいということです

[Lhankor_Mhy]

ああ、three.jsなんですね、失礼しました。ということはdat.guiですかね。すみません、そのモジュールは詳しくないので他の回答者をお待ちください。

Answer 1

guiというのはweb上でスクロールバーなどを表示させて、それを動かすことによって変化させたいということでしょうか?