在three.js的例子中使用dat.GUI时的问题[英] Issue while using dat.GUI in a three.js example

本文是小编为大家收集整理的关于在three.js的例子中使用dat.GUI时的问题的处理方法,想解了在three.js的例子中使用dat.GUI时的问题的问题怎么解决?在three.js的例子中使用dat.GUI时的问题问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我尝试在下面使用 dat.GUI三.js 示例.

我只是做了以下代码更改以添加一个 GUI 来调整网格不透明度.

var loader=new THREE.VTKLoader();
loader.load ("models/vtk/bunny.vtk", function(geom){
var mesh = new THREE.Mesh(geom, material );
mesh.doubleSided=true;
mesh.position.setY(-0.09);
scene.add( mesh );

var gui = new dat.GUI();

var view = this;
view.Opacity = 0.2;

var maingui = gui.addFolder('Main');
var opacity = maingui.add(view, 'Opacity', 0, 1);
opacity.onChange( function(value) {
    mesh.material.opacity = value;
});

maingui.open();

animate();

现在,一旦我单击不透明度滑块,鼠标就会跟随滑块.我无法摆脱鼠标点击.

推荐答案

将控件的初始化块移到渲染器初始化块之后,并更改这一行:

controls = new THREE.TrackballControls( camera );

到这里:

controls = new THREE.TrackballControls( camera, renderer.domElement );

本文地址:https://www.itbaoku.cn/post/1793931.html