JAVASCRIPT   47

gui.js

Guest on 22nd July 2021 10:04:10 AM

  1. var transitionParams = {
  2.         "useTexture": true,
  3.         "transition": 0.5,
  4.         "transitionSpeed": 2.0,
  5.         "texture": 5,
  6.         "loopTexture": true,
  7.         "animateTransition": true,
  8.         "textureThreshold": 0.3
  9. };
  10.  
  11. function initGUI() {
  12.        
  13.         var gui = new dat.GUI();
  14.  
  15.         gui.add(transitionParams, "useTexture").onChange(function(value) {
  16.                
  17.                 transition.useTexture(value);
  18.                
  19.         });
  20.        
  21.         gui.add(transitionParams, 'loopTexture');
  22.        
  23.         gui.add(transitionParams, 'texture', { Perlin: 0, Squares: 1, Cells: 2, Distort: 3, Gradient: 4, Radial: 5 } ).onChange(function(value) {
  24.                
  25.                 transition.setTexture(value);
  26.                
  27.         }).listen();
  28.                
  29.         gui.add(transitionParams, "textureThreshold", 0, 1, 0.01).onChange(function(value) {
  30.                
  31.                 transition.setTextureThreshold(value);
  32.                
  33.         });
  34.  
  35.         gui.add(transitionParams, "animateTransition");
  36.         gui.add(transitionParams, "transition", 0, 1, 0.01).listen();
  37.         gui.add(transitionParams, "transitionSpeed", 0.5, 5, 0.01);
  38.        
  39. }

Raw Paste


Login or Register to edit or fork this paste. It's free.