var transitionParams = { "useTexture": true, "transition": 0.5, "transitionSpeed": 2.0, "texture": 5, "loopTexture": true, "animateTransition": true, "textureThreshold": 0.3 }; function initGUI() { var gui = new dat.GUI(); gui.add( transitionParams, "useTexture" ).onChange( function( value ) { transition.useTexture( value ); } ); gui.add( transitionParams, 'loopTexture' ); gui.add( transitionParams, 'texture', { Perlin: 0, Squares: 1, Cells: 2, Distort: 3, Gradient: 4, Radial: 5 } ).onChange( function( value ) { transition.setTexture( value ); } ).listen(); gui.add( transitionParams, "textureThreshold", 0, 1, 0.01 ).onChange( function( value ) { transition.setTextureThreshold( value ); } ); gui.add( transitionParams, "animateTransition" ); gui.add( transitionParams, "transition", 0, 1, 0.01 ).listen(); gui.add( transitionParams, "transitionSpeed", 0.5, 5, 0.01 ); }