0
Когда я пытаюсь сделать мой dat.gui с кнопкой и текстовое поле в верхней части моего окна WebGL я получаю это:dat.gui не отображается правильно в окне WebGL
«Закрыть Controls "часть dat.gui показывается, но по какой-то причине моя кнопка и текстовое поле - нет. Я использую three.js для создания окна WebGL.
function ini()
{
this.button1 = function() { alert("HEJ"); };
this.text1 = "Hallo World";
}
var gui = new dat.GUI({ autoPlace: false });
var div = document.getElementById('datGui');
div.appendChild(gui.domElement);
var i = new ini();
gui.add(i, "button1");
gui.add(i, "text1");
<div id="datGui">
\t <canvas id="canvas" style="position: absolute; background-color: black; width: auto; "></canvas>
</div>
Я думаю, вы пытаетесь ограничить dat.GUI, и ему это не нравится. Попробуйте удалить эти две строки: 'var div = document.getElementById ('datGui'); div.appendChild (gui.domElement); ' – gaitat
Удаление этих строк делает рендеринг dat.gui корректно. Однако dat.gui больше не отображается внутри окна WebGL. Вместо этого он отображается в правом верхнем углу веб-сайта. Причина, по которой я написал две строки кода, заключалась в том, чтобы dat.gui отображался внутри моего окна WebGL. –
Может ли быть, что z-индекс двух элементов сражается? – gaitat