HISE Logo Forum
    • Categories
    • Register
    • Login

    panel value privacy?

    Scheduled Pinned Locked Moved Scripting
    27 Posts 2 Posters 1.1k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • d.healeyD
      d.healey
      last edited by d.healey

      I avoid factory functions 99% of the time. How many buttons/panels are you adding?

      Libre Wave - Freedom respecting instruments and effects
      My Patreon - HISE tutorials
      YouTube Channel - Public HISE tutorials

      1 Reply Last reply Reply Quote 0
      • ?
        A Former User
        last edited by

        39 lol

        i'm making a "randomize all" button but need to allow end users to select individual elements to be ignored, so one for each gui element

        everything else works, just can't get the value in a different callback, I could try this.data.val or something, but I'd still need to reference the value in oninit which also probably wouldn't work

        1 Reply Last reply Reply Quote 0
        • ?
          A Former User
          last edited by A Former User

          here's the whole code if anyone wants to dig through (prepare to vomit)

          //Randomize Everything
          
          //Create function to design buttons.
          
          //Persistence panel:
          
          
          
          //list of buttons to create
          const var randomizationButtons = ["Button_RandomizeArpNotes", 
          "Button_RandomizeArpVelocity", 
          "Button_RandomizeArpLength",
          "Button_RandomizeArpSteps",
          "Button_RandomizeArpSpeed",
          "Button_RandomizeArpOctaves",
          "Button_RandomizeArpSwing",
          
          "Button_RandomizeADSRAttack", 
          "Button_RandomizeADSRDecay",
          "Button_RandomizeADSRSustain", 
          "Button_RandomizeADSRRelease",
          
          "Button_RandomizeFXFilterFreq",
          "Button_RandomizeFXFilterQ",
          
          "Button_RandomizeFXAmpLow",
          "Button_RandomizeFXAmpMid",
          "Button_RandomizeFXAmpHigh",
          "Button_RandomizeFXAmpDrive",
          "Button_RandomizeFXAmpOutput",
          "Button_RandomizeFXAmpCabinet",
          
          "Button_RandomizeFXDriveWaveShaperGain",
          "Button_RandomizeFXDriveTubeDriveGain",
          
          "Button_RandomizeFXWidenerWidth",
          
          "Button_RandomizeFXStutterRate",
          "Button_RandomizeFXStutterAmount",
          
          "Button_RandomizeFXPhaserRateA",
          "Button_RandomizeFXPhaserRateB",
          "Button_RandomizeFXPhaserFeedback",
          "Button_RandomizeFXPhaserMix",
          
          "Button_RandomizeFXDegradeBitDepth",
          "Button_RandomizeFXSampleHold",
          
          "Button_RandomizeFXReverbSize",
          "Button_RandomizeFXReverbDamping",
          "Button_RandomizeFXReverbWidth",
          "Button_RandomizeFXReverbMix",
          
          "Button_RandomizeFXDelayTimeL",
          "Button_RandomizeFXDelayTimeR",
          "Button_RandomizeFXDelayFeedbackL",
          "Button_RandomizeFXDelayFeedbackR",
          "Button_RandomizeFXDelayMix",
          ];
          
          const var randomizationControls = ["SliderPack_ArpNotes", 
          "SliderPack_ArpVelocity", 
          "SliderPack_ArpLength",
          "Slider_ArpSteps",
          "Slider_ArpSpeed",
          "Slider_ArpOctave",
          "Slider_ArpSwing",
          
          "Slider_Attack", 
          "Slider_Decay",
          "Slider_Sustain", 
          "Slider_Release",
          
          "Slider_FilterFreq",
          "Slider_FilterQ",
          
          "Slider_AmpEQLow",
          "Slider_AmpEQMid",
          "Slider_AmpEQHigh",
          "Slider_AmpGain",
          "Slider_AmpOutput",
          "ComboBox_AmpCabSelect",
          
          "Slider_DriveWaveshaperGain",
          "Slider_DriveTubeGain",
          
          "Slider_WidthAmount",
          
          "Slider_StutterLFORate",
          "Slider_StutterLFOAmount",
          
          "Slider_PhaserRateA",
          "Slider_PhaserRateB",
          "Slider_PhaserFeedback",
          "Slider_PhaserMix",
          
          "Slider_DegradeBitDepth",
          "Slider_DegradeSampleHold",
          
          "Slider_ReverbSize",
          "Slider_ReverbDamping",
          "Slider_ReverbWidth",
          "Slider_ReverbMix",
          
          "Slider_DelayTimeLeftFree",
          "Slider_DelayTimeRightFree",
          "Slider_DelayFeedbackLeft",
          "Slider_DelayFeedbackRight",
          "Slider_DelayMix",
          ];
          
          
          //our starting point for Y position
          var randomButtonYOffset = 226;
          
          const var path = Content.createPath();
          
          var randomizeButtonWidth = 10;
          var randomizeButtonHeight = 10;
          
          
          inline function randomizeButtonPaintRoutineDefault()
          {
          	this.setPaintRoutine(function(g)
              {   
                  if (this.getValue() == 0)
                  {
                      g.setColour(Colours.lightgrey);
                      g.fillRoundedRectangle([0, 0, this.getWidth(), this.getHeight()], 2.0);
                      g.setColour(Colours.black);
                      g.setFont("Arial Bold", 6);
                      g.drawAlignedText("R", [0, 0, this.getWidth(), this.getHeight()], "centred");
                  }
                  else
                  {
                      g.setColour(Colours.lightblue);
                      g.fillRoundedRectangle([0, 0, this.getWidth(), this.getHeight()], 2.0);
                      g.setColour(Colours.black);
                      g.setFont("Arial Bold", 6);
                      g.drawAlignedText("R", [0, 0, this.getWidth(), this.getHeight()], "centred");
                  }        
              });    
          }
          
          inline function randomizeButtonPaintRoutineHover()
          {
          	this.setPaintRoutine(function(g)
              {     
                  g.setColour(Colours.lightgrey);
                  g.fillRoundedRectangle([1, 1, this.getWidth()-2, this.getHeight()-2], 2.0);
                  g.setColour(Colours.black);
                  g.setFont("Arial Bold", 5);
                  g.drawAlignedText("R", [0, 0, this.getWidth(), this.getHeight()], "centred");
              });    
          }
          
          var func;
          
          inline function createRandomizeButton(name)
          {
              local x = 50;
              local y = 50;
              local parent = "";
              local widget = Content.addPanel(name, x, y);
          
              widget.data.name = name;
          	widget.setPaintRoutine(function(g)
              {   
                  if (this.getValue() == 0)
                  {
                      g.setColour(Colours.lightgrey);
                      g.fillRoundedRectangle([0, 0, this.getWidth(), this.getHeight()], 2.0);
                      g.setColour(Colours.black);
                      g.setFont("Arial Bold", 6);
                      g.drawAlignedText("R", [0, 0, this.getWidth(), this.getHeight()], "centred");      
                  }
                  else
                  {
                      g.setColour(Colours.lightblue);
                      g.fillRoundedRectangle([0, 0, this.getWidth(), this.getHeight()], 2.0);
                      g.setColour(Colours.black);
                      g.setFont("Arial Bold", 6);
                      g.drawAlignedText("R", [0, 0, this.getWidth(), this.getHeight()], "centred");
                  }          
              });    
              
              switch (name)
              {
                  //Arpeggiator Controls
                  
                  case "Button_RandomizeArpNotes":
                  x = 369;
                  y = 22;
                  parent = "Panel_Arp";    
                  break;
                  
                  case "Button_RandomizeArpVelocity":        
                  x = 369;
                  y = 124;
                  parent = "Panel_Arp";
                  break;
                  
                  case "Button_RandomizeArpLength":
                  x = 369;
                  y = 188;
                  parent = "Panel_Arp";
                  break;   
                  
                  case "Button_RandomizeArpSteps":
                  x = 85;
                  y = 30;
                  parent = "Panel_Arp";    
                  break;
                  
                  case "Button_RandomizeArpSpeed":
                  x = 85;
                  y = 80;
                  parent = "Panel_Arp";    
                  break;
                  
                  case "Button_RandomizeArpOctaves":
                  x = 85;
                  y = 129;
                  parent = "Panel_Arp";    
                  break;
                  
                  case "Button_RandomizeArpSwing":
                  x = 85;
                  y = 180;
                  parent = "Panel_Arp";    
                  break;
                  
                  //ADSR Controls
                  
                  case "Button_RandomizeADSRAttack":
                  x = 62;
                  y = 146;
                  parent = "Panel_AHDSR";    
                  break;
                  
                  case "Button_RandomizeADSRDecay":
                  x = 132;
                  y = 146;
                  parent = "Panel_AHDSR";    
                  break;
                  
                  case "Button_RandomizeADSRSustain":
                  x = 202;
                  y = 146;
                  parent = "Panel_AHDSR";    
                  break;
                  
                  case "Button_RandomizeADSRRelease":
                  x = 272;
                  y = 146;
                  parent = "Panel_AHDSR";    
                  break;       
                  
                  //FX
                  
                  //Filter
                  
                  case "Button_RandomizeFXFilterFreq":
                  x = 30;
                  y = 152;
                  parent = "Panel_FilterSettings";    
                  break;
                  
                  case "Button_RandomizeFXFilterQ":
                  x = 225;
                  y = 152;
                  parent = "Panel_FilterSettings";    
                  break;
                  
                  //Amplifier
                  
                  case "Button_RandomizeFXAmpLow":
                  x = 82;
                  y = 65;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  case "Button_RandomizeFXAmpMid":
                  x = 154;
                  y = 65;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  case "Button_RandomizeFXAmpHigh":
                  x = 226;
                  y = 65;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  case "Button_RandomizeFXAmpDrive":
                  x = 90;
                  y = 120;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  case "Button_RandomizeFXAmpOutput":
                  x = 184;
                  y = 120;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  case "Button_RandomizeFXAmpCabinet":
                  x = 206;
                  y = 180;
                  parent = "Panel_AmpSettings";    
                  break;
                  
                  //Drive Controls
                  
                  case "Button_RandomizeFXDriveWaveShaperGain":
                  x = 100;
                  y = 102;
                  parent = "Panel_DriveSettings";    
                  break;
                  
                  case "Button_RandomizeFXDriveTubeDriveGain":
                  x = 100;
                  y = 184;
                  parent = "Panel_DriveSettings";    
                  break;
                  
                  //Widener Controls
                  
                  case "Button_RandomizeFXWidenerWidth":
                  x = 100;
                  y = 60;
                  parent = "Panel_WidthSettings";    
                  break;
                  
                  case "Button_RandomizeFXStutterRate":
                  x = 100;
                  y = 150;
                  parent = "Panel_WidthSettings";    
                  break;
                  
                  case "Button_RandomizeFXStutterAmount":
                  x = 246;
                  y = 150;
                  parent = "Panel_WidthSettings";    
                  break;
                  
                  //Phaser Controls
                  
                  case "Button_RandomizeFXPhaserRateA":
                  x = 110;
                  y = 86;
                  parent = "Panel_PhaserSettings";    
                  break;
                  
                  case "Button_RandomizeFXPhaserRateB":
                  x = 110;
                  y = 150;
                  parent = "Panel_PhaserSettings";    
                  break;
                  
                  case "Button_RandomizeFXPhaserFeedback":
                  x = 246;
                  y = 86;
                  parent = "Panel_PhaserSettings";    
                  break;
                  
                  case "Button_RandomizeFXPhaserMix":
                  x = 246;
                  y = 150;
                  parent = "Panel_PhaserSettings";    
                  break;
                  
                  //Degrade Controls
                  
                  case "Button_RandomizeFXDegradeBitDepth":
                  x = 65;
                  y = 100;
                  parent = "Panel_DegradeSettings";    
                  break;
          
                  case "Button_RandomizeFXSampleHold":
                  x = 200;
                  y = 100;
                  parent = "Panel_DegradeSettings";    
                  break;
                  
                  //Reverb Controls
                  
                  case "Button_RandomizeFXReverbSize":
                  x = 104;
                  y = 82;
                  parent = "Panel_ReverbSettings";    
                  break;
                  
                  case "Button_RandomizeFXReverbDamping":
                  x = 244;
                  y = 82;
                  parent = "Panel_ReverbSettings";    
                  break;
                  
                  case "Button_RandomizeFXReverbWidth":
                  x = 104;
                  y = 140;
                  parent = "Panel_ReverbSettings";    
                  break;
                  
                  case "Button_RandomizeFXReverbMix":
                  x = 244;
                  y = 140;
                  parent = "Panel_ReverbSettings";    
                  break;
                  
                  //Delay Controls
                  
                  case "Button_RandomizeFXDelayTimeL":
                  x = 120;
                  y = 60;
                  parent = "Panel_DelaySettings";    
                  break;
                  
                  case "Button_RandomizeFXDelayTimeR":
                  x = 250;
                  y = 60;
                  parent = "Panel_DelaySettings";    
                  break;
                  
                  case "Button_RandomizeFXDelayFeedbackL":
                  x = 120;
                  y = 110;
                  parent = "Panel_DelaySettings";    
                  break;
                  
                  case "Button_RandomizeFXDelayFeedbackR":
                  x = 250;
                  y = 110;
                  parent = "Panel_DelaySettings";    
                  break;
                  
                  case "Button_RandomizeFXDelayMix":
                  x = 250;
                  y = 174;
                  parent = "Panel_DelaySettings";    
                  break;
          
                  default:
              }
              
              //Set size
              Content.setPropertiesFromJSON(name, 
          	{
          		"width": randomizeButtonWidth,
          		"height": randomizeButtonHeight,
          		"allowCallbacks": "Clicks & Hover",
          		"opaque": 1,
          		"saveInPreset": 1,
          		"parentComponent": parent,
          	});        
              
                  widget.setMouseCallback(function(event)
                  {
                      if (event.clicked)
                      {
                          this.setValue(1 - this.getValue());
                          this.changed();
                          Console.print(this.getValue());    
                      }
                          
                      else if (event.hover)
                      {
                          randomizeButtonPaintRoutineHover();
                      }
                      
                      else 
                      {
                          randomizeButtonPaintRoutineDefault();                
                      }    
                  });
              
              widget.setPosition(x, y, randomizeButtonWidth, randomizeButtonHeight);
              
              return widget;
          }
          
          //Populate buttons.
          
          for (r in randomizationButtons)
          {
              //Create each button
              createRandomizeButton(r);
              Console.print(r);   
              
              //sets a new Y position for the next button
              randomButtonYOffset += 22;
          }
          
          
          //Create individual functions for buttons.
          
          inline function randomArp()
          {
              randomizeArpNotes();
              randomizeArpVelocity();
              randomizeArpLength();
          }
          
          inline function randomizeArpNotes()
          {
              Console.print("Arp Notes has been randomized!");
                  for (s=0; s<SliderPack_ArpNotes.getNumSliders(); s++)
                  {
                      SliderPack_ArpNotes.setSliderAtIndex(s, Math.randInt(-24,24));
          	        SliderPack_ArpNotes.changed();             
                  }       
          }
          
          inline function randomizeArpVelocity()
          {
              Console.print("Arp Vel has been randomized!");
                  for (s=0; s<SliderPack_ArpVelocity.getNumSliders(); s++)
                  {
                      SliderPack_ArpVelocity.setSliderAtIndex(s, Math.randInt(1,127));
          	        SliderPack_ArpVelocity.changed();             
                  }    
          }
          
          inline function randomizeArpLength()
          {
              Console.print("Arp Length has been randomized!");
                  for (s=0; s<SliderPack_ArpLength.getNumSliders(); s++)
                  {
                      SliderPack_ArpLength.setSliderAtIndex(s, Math.randInt(1,127));
          	        SliderPack_ArpLength.changed();             
                  }       
          }
          
          inline function randomPad()
          {
              
              Console.print("ADSR has been randomized as Pad!");
              
              //Attack
              Slider_Attack.setValue(Math.randInt(5, 20000));
              Slider_Attack.changed();
              
              //Decay
              Slider_Decay.setValue(Math.randInt(5, 5000));
              Slider_Decay.changed();
              
              //Sustain
              Slider_Sustain.setValue(0);
              Slider_Sustain.changed();
              
              //Release
              Slider_Release.setValue(Math.randInt(5, 20000));
              Slider_Release.changed();
          }
          
          inline function randomStab()
          {
              Console.print("ADSR has been randomized as stab!");
              Console.print(Button_RandomizeADSRAttack.getValue()); //problematic line
              
              //Attack
          
          
                  Slider_Attack.setValue(Math.randInt(5, 150));
                  Slider_Attack.changed();
          
              
              //Decay
           
                  Slider_Decay.setValue(Math.randInt(5, 5000));
                  Slider_Decay.changed();
              
              //Sustain
          
                  Slider_Sustain.setValue(Math.randInt(-100, 0));
                  Slider_Sustain.changed();
              
              //Release
          
                  Slider_Release.setValue(Math.randInt(5, 2000));
                  Slider_Release.changed();    
              
              /*
              //Attack
              
              if (Button_RandomizeADSRAttack.getValue() == 1)
              {
                  Slider_Attack.setValue(Math.randInt(5, 150));
                  Slider_Attack.changed();
              }   
              
              //Decay
              if (Button_RandomizeADSRDecay.getValue() == 1)
              {    
                  Slider_Decay.setValue(Math.randInt(5, 5000));
                  Slider_Decay.changed();
              }
              
              //Sustain
              if (Button_RandomizeADSRSustain.getValue() == 1)
              {  
                  Slider_Sustain.setValue(Math.randInt(-100, 0));
                  Slider_Sustain.changed();
              }
              
              //Release
              if (Button_RandomizeADSRRelease.getValue() == 1)
              {  
                  Slider_Release.setValue(Math.randInt(5, 2000));
                  Slider_Release.changed();    
              }
              */
          }
          
          
          
          inline function randomFX()
          {
              
              local outputCompensation;
              
              local sliders = [
              Slider_ReverbSize,
              Slider_ReverbWidth,
              Slider_ReverbDamping,
              Slider_WidthAmount,
              Slider_StutterLFORate,
              Slider_PhaserRateA,
              Slider_PhaserRateB,
              Slider_AmpEQLow,
              Slider_AmpEQMid,
              Slider_AmpEQHigh];
              
              local mixSliders = [
              Slider_CompMix,
              Slider_ReverbMix,
              Slider_PhaserMix,
              Slider_DelayFeedbackLeft,
              Slider_DelayFeedbackRight,
              Slider_PhaserFeedback];
              
              
              //bypass buttons
              for (b in FXBypassButtons)
              {
                  b.setValue(Math.round(Math.random()));
                  b.changed();
              }
              
              //sliders
              for (s in sliders)
              {
                  s.setValue(Math.randInt(s.get("min"), s.get("max")));
                  s.changed();
              }
              Console.print("FX has been randomized!");
              
              //float sliders
              for (m in mixSliders)
              {
                  m.setValue(Math.random());
                  m.changed();
              }
              
              //degrade
              
              Slider_DegradeBitDepth.setValue(Math.randInt(4, 16));
              Slider_DegradeBitDepth.changed();
              Slider_DegradeSampleHold.setValue(Math.randInt(1, 24));
              Slider_DegradeSampleHold.changed();
              
              //filter
              
              Slider_FilterFreq.setValue(Math.randInt(350, 20000));
              Slider_FilterFreq.changed();
              local randomFloat = 0.0;
              randomFloat = Math.randInt(1, 4) - Math.range(Math.random(), 0.0, 0.7);
              randomFloat = Engine.doubleToString(randomFloat, 2);
              randomFloat = Math.range(randomFloat, 0.3, 4.0);
              Slider_FilterQ.setValue(randomFloat);
              Slider_FilterQ.changed();
              
              //drive
              
              Slider_DriveWaveshaperGain.setValue(Math.randInt(0, 12));
              Slider_DriveWaveshaperGain.changed();
              Slider_DriveTubeGain.setValue(Math.randInt(0, 12));
              Slider_DriveTubeGain.changed();
              
              //amplifier
              Slider_AmpGain.setValue(Math.randInt(0, 100));
              Slider_AmpGain.changed();
          
              
              outputCompensation = Engine.getDecibelsForGainFactor(Slider_AmpGain.getValue() / 60);
              outputCompensation = -14 - outputCompensation;
              outputCompensation = Math.range(outputCompensation, -14, 0);
              Slider_AmpOutput.setValue(Math.round(outputCompensation));
              Slider_AmpOutput.changed();
              ComboBox_AmpCabSelect.setValue(Math.randInt(1, 14));
              ComboBox_AmpCabSelect.changed();    
              
              //delay
                      
              Button_DelaySync.setValue(Math.round(Math.random()));
              Button_DelaySync.changed();
              if (Button_DelaySync.getValue() == 1)
              {
                  local controls = [Slider_DelayTimeLeftSynced,
                  Slider_DelayTimeRightSynced,
                  Slider_DelayFeedbackLeft,
                  Slider_DelayFeedbackRight];
                  
                  for (c in controls)
                  {
                  c.setValue(Math.randInt(c.get("min"), c.get("max")));            
                  c.changed();
                  }
              }
              else
              {
                  local controls = [Slider_DelayTimeLeftFree,
                  Slider_DelayTimeRightFree,
          ];
                  
                  for (c in controls)
                  {
                  c.setValue(Math.randInt(c.get("min"), c.get("max")));            
                  c.changed();
                  }        
              }
              randomFloat = Math.range(Math.random(), 0.0, 0.5);
              randomFloat = Engine.doubleToString(randomFloat, 2);
              randomFloat = Math.range(randomFloat, 0.0, 0.5);
              Slider_DelayMix.setValue(randomFloat);    
              Slider_DelayMix.changed();
                  
          }
          
          
          //Randomize Panel
          
          const var Button_OpenRandomizePanel = Content.getComponent("Button_OpenRandomizePanel");
          const var Panel_RandomizeContainer = Content.getComponent("Panel_RandomizeContainer");
          
          //Open the panel
          
          inline function onButton_OpenRandomizePanelControl(component, value)
          {
              Panel_RandomizeContainer.set("visible", value);    
          };
          
          Content.getComponent("Button_OpenRandomizePanel").setControlCallback(onButton_OpenRandomizePanelControl);
          
          //Populate the panel
          
          const var randomButtons = ["Button_RandomAll", "Button_RandomArp", "Button_RandomStab", "Button_RandomPad", "Button_RandomFX"];
          var randomButtonsYOffset = 0;
          
          inline function randomAll()
          {
              local chance = Math.random();
              if (chance < 0.5)
                  randomStab();
              else
                  randomPad();
              randomArp();
              randomFX();
          }
          
          inline function createRandomButton(name, count)
          {
              local widget = Content.addPanel(name);
              local y = Panel_RandomizeContainer.getHeight() / 5 * count;
          
              switch (name)
              {
                  case "Button_RandomAll":
                  widget.data.name = "ALL";  
                  widget.data.func = randomAll;   
                  break;
                  
                  case "Button_RandomArp":
                  widget.data.name = "ARP";     
                  widget.data.func = randomArp;           
                  break;
                  
                  case "Button_RandomStab":
                  widget.data.name = "STAB";      
                  widget.data.func = randomStab; 
                  break;
                  
                  case "Button_RandomPad":
                  widget.data.name = "PAD";     
                  widget.data.func = randomPad; 
                  break;
                  
                  case "Button_RandomFX":
                  widget.data.name = "FX";      
                  widget.data.func = randomFX; 
                  break;
                  
                  default:
              }
          
                  widget.setPaintRoutine(function(g)
                  {     
                      g.fillAll(0x30000000);
                      g.setColour(0x30000000);
                      g.fillRoundedRectangle([0,0,this.getWidth(),this.getHeight()], 4.0);
                      g.setColour(Colours.white);
                      g.setFont("Arial", 11);
                      g.drawAlignedText(this.data.name, [0, 0, this.getWidth(), this.getHeight()], "centred");
                  });     
                  
                  widget.setMouseCallback(function(event)
                  {
                      if (event.clicked)
                      {
                          Console.print(this.data.name);
                          this.data.func();
                      }
                          
                      else if (event.hover)
                      {
                          this.setPaintRoutine(function(g)
                          {     
                              g.setColour(Colours.darkgrey);
                              g.fillRoundedRectangle([0,0,this.getWidth(),this.getHeight()], 4.0);
                              g.setColour(Colours.white);
                              g.setFont("Arial", 11);
                              g.drawAlignedText(this.data.name, [0, 0, this.getWidth(), this.getHeight()], "centred");
                          });    
                      }
                      else 
                      {
                          this.setPaintRoutine(function(g)
                          {     
                              g.fillAll(0x30000000);
                              g.setColour(0x30000000);
                              g.fillRoundedRectangle([0,0,this.getWidth(),this.getHeight()], 4.0);
                              g.setColour(Colours.white);
                              g.setFont("Arial", 11);
                              g.drawAlignedText(this.data.name, [0, 0, this.getWidth(), this.getHeight()], "centred");
                          });                                 
                      }    
                  });
              
              widget.setPosition(x, y, randomizeButtonWidth, randomizeButtonHeight);
              
              //Set size
              Content.setPropertiesFromJSON(name, 
          	{
          		"width": Panel_RandomizeContainer.getWidth(),
          		"height": (Panel_RandomizeContainer.getHeight() / 5) - 1,
          		"allowCallbacks": "Clicks & Hover",
          		"opaque": 0,
          		"saveInPreset": 0,
          		"parentComponent": "Panel_RandomizeContainer",
          	});    
          }
          
          for (r = 0; r<randomButtons.length; r++)
          {
              Console.print(randomButtons[r]);
              createRandomButton(randomButtons[r], r);
          }
          
          //Randomization Buttons Visibility
          
          const var randomizationButtonsVisibilityData = [110,109,0,0,128,64,0,0,200,65,113,6,129,207,65,25,4,158,64,0,0,56,66,0,0,200,65,109,0,0,128,64,0,0,200,65,113,6,129,207,65,131,64,52,66,0,0,56,66,0,0,200,65,109,0,0,112,65,0,0,200,65,98,0,0,112,65,23,217,155,65,23,217,155,65,0,0,112,65,0,0,200,65,0,0,
          112,65,98,233,38,244,65,0,0,112,65,0,0,12,66,23,217,155,65,0,0,12,66,0,0,200,65,98,0,0,12,66,233,38,244,65,233,38,244,65,0,0,12,66,0,0,200,65,0,0,12,66,98,23,217,155,65,0,0,12,66,0,0,112,65,233,38,244,65,0,0,112,65,0,0,200,65,99,109,0,0,112,65,0,0,200,
          65,98,0,0,112,65,23,217,155,65,23,217,155,65,0,0,112,65,0,0,200,65,0,0,112,65,98,233,38,244,65,0,0,112,65,0,0,12,66,23,217,155,65,0,0,12,66,0,0,200,65,98,0,0,12,66,233,38,244,65,233,38,244,65,0,0,12,66,0,0,200,65,0,0,12,66,98,23,217,155,65,0,0,12,66,
          0,0,112,65,233,38,244,65,0,0,112,65,0,0,200,65,99,109,0,0,112,65,0,0,200,65,98,0,0,112,65,23,217,155,65,23,217,155,65,0,0,112,65,0,0,200,65,0,0,112,65,98,233,38,244,65,0,0,112,65,0,0,12,66,23,217,155,65,0,0,12,66,0,0,200,65,98,0,0,12,66,233,38,244,65,
          233,38,244,65,0,0,12,66,0,0,200,65,0,0,12,66,98,23,217,155,65,0,0,12,66,0,0,112,65,233,38,244,65,0,0,112,65,0,0,200,65,99,109,0,0,184,65,0,0,200,65,98,0,0,184,65,2,43,191,65,2,43,191,65,0,0,184,65,0,0,200,65,0,0,184,65,98,254,212,208,65,0,0,184,65,0,
          0,216,65,2,43,191,65,0,0,216,65,0,0,200,65,98,0,0,216,65,254,212,208,65,254,212,208,65,0,0,216,65,0,0,200,65,0,0,216,65,98,2,43,191,65,0,0,216,65,0,0,184,65,254,212,208,65,0,0,184,65,0,0,200,65,99,109,0,0,184,65,0,0,200,65,98,0,0,184,65,2,43,191,65,2,
          43,191,65,0,0,184,65,0,0,200,65,0,0,184,65,98,254,212,208,65,0,0,184,65,0,0,216,65,2,43,191,65,0,0,216,65,0,0,200,65,98,0,0,216,65,254,212,208,65,254,212,208,65,0,0,216,65,0,0,200,65,0,0,216,65,98,2,43,191,65,0,0,216,65,0,0,184,65,254,212,208,65,0,0,
          184,65,0,0,200,65,99,109,0,0,184,65,0,0,200,65,98,0,0,184,65,2,43,191,65,2,43,191,65,0,0,184,65,0,0,200,65,0,0,184,65,98,254,212,208,65,0,0,184,65,0,0,216,65,2,43,191,65,0,0,216,65,0,0,200,65,98,0,0,216,65,254,212,208,65,254,212,208,65,0,0,216,65,0,0,
          200,65,0,0,216,65,98,2,43,191,65,0,0,216,65,0,0,184,65,254,212,208,65,0,0,184,65,0,0,200,65,99,101,0,0 ];
          
          const var Button_RandomizationButtonsVisibility = Content.addPanel("Button_RandomizationButtonsVisibility", 486, 182);
          
          Button_RandomizationButtonsVisibility.set("height", 16);
          Button_RandomizationButtonsVisibility.set("width", 16);
          
          Content.setPropertiesFromJSON("Button_RandomizationButtonsVisibility", 
          {
              "allowCallbacks": "Clicks & Hover",
              "opaque": 0,
              "saveInPreset": 0,
              "parentComponent": "Panel_BG",
          });    
          
          Button_RandomizationButtonsVisibility.setPaintRoutine(function(g)
          {
              path.loadFromData(randomizationButtonsVisibilityData);
              g.setColour(Colours.lightgrey);
              g.drawPath(path, [2, 2, 12, 12], 1);
          });
          
          Button_RandomizationButtonsVisibility.setMouseCallback(function(event)
          {
              if (event.mouseUp)
              {      
                  this.setValue(1-this.getValue());
                  if (this.getValue() == 0)
                  {
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.darkgrey);
                          g.drawPath(path, [2, 2, 12, 12], 1);                
                      });              
                  }
                  else
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.lightgrey);
                          g.drawPath(path, [2, 2, 12, 12], 1);                
                      });               
                  for (r in randomizationButtons)
                  {
                      Content.setPropertiesFromJSON(r,
                      {
                         "visible": Button_RandomizationButtonsVisibility.getValue(), 
                      });
                  }
              }
                          
              else if (event.hover)
              {
                  if (this.getValue() == 0)
                  {
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.darkgrey);
                          g.drawPath(path, [2, 2, 10, 10], 1);                
                      });              
                  }
                  else
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.lightgrey);
                          g.drawPath(path, [2, 2, 10, 10], 1);                
                      });     
                  }
                  
              else 
              {
                  if (this.getValue() == 0)
                  {
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.darkgrey);
                          g.drawPath(path, [2, 2, 12, 12], 1);                
                      });              
                  }
                  else
                      this.setPaintRoutine(function(g)
                      {     
                          path.loadFromData(randomizationButtonsVisibilityData);
                          g.setColour(Colours.lightgrey);
                          g.drawPath(path, [2, 2, 12, 12], 1);                
                      });                                
              }    
              
          });
          
          
          1 Reply Last reply Reply Quote 0
          • d.healeyD
            d.healey
            last edited by d.healey

            Stop what you're doing and go watch this video - go to around 1:44.

            You should be using a single panel for this kind of thing. In the video I did a similar thing to you, I was adding lots of buttons, Christoph was there in the chat and showed me a better way using a single panel.

            Libre Wave - Freedom respecting instruments and effects
            My Patreon - HISE tutorials
            YouTube Channel - Public HISE tutorials

            ? 1 Reply Last reply Reply Quote 0
            • ?
              A Former User @d.healey
              last edited by

              @d-healey hahahah ok thank you

              ? 1 Reply Last reply Reply Quote 0
              • ?
                A Former User @A Former User
                last edited by

                Yeah sorry but I don't think that method will help me, I need individual panels for each button because they're placed all over in different parent panels (hence the giant switch statement):

                Here you can see each button is correctly printing its own value, I just can't access it elsewhere

                I'm obviously missing something basic like some control callback or something to make the X.getValue() be visible to other functions, I just don't have enough experience with panels to identify it 😲

                1 Reply Last reply Reply Quote 0
                • d.healeyD
                  d.healey
                  last edited by

                  I see what you're doing now. Use buttons instead of panels and create them in the interface designer. If you want to position them algorithmically you can do that in a loop, but using the interface designer is simpler than using factory functions (especially when they are not being placed in a logical pattern like a grid).

                  Libre Wave - Freedom respecting instruments and effects
                  My Patreon - HISE tutorials
                  YouTube Channel - Public HISE tutorials

                  ? 1 Reply Last reply Reply Quote 0
                  • ?
                    A Former User @d.healey
                    last edited by

                    @d-healey damn okay, that was actually going to be my first plan but I decided i'd try and be smart and do it in a script :face_with_tears_of_joy:

                    1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User
                      last edited by

                      can you use paintroutines with buttons? i need vectors

                      d.healeyD 1 Reply Last reply Reply Quote 0
                      • d.healeyD
                        d.healey @A Former User
                        last edited by

                        @iamlamprey Yes, via custom look and feel.

                        Libre Wave - Freedom respecting instruments and effects
                        My Patreon - HISE tutorials
                        YouTube Channel - Public HISE tutorials

                        1 Reply Last reply Reply Quote 0
                        • ?
                          A Former User
                          last edited by

                          Ok figured out the panel situation

                          Since I can use getValue within the factory method, I use this.data.name to find the index of the button array, then push that value into a new array buttonValues[] at the same index, which can be accessed anywhere :)

                          d.healeyD 1 Reply Last reply Reply Quote 0
                          • d.healeyD
                            d.healey @A Former User
                            last edited by

                            @iamlamprey I'm going to keep pushing you to buttons and LAF. It's a pita when you first start with it but once you get the hang of it you'll find it much easier to work with than panels.

                            Libre Wave - Freedom respecting instruments and effects
                            My Patreon - HISE tutorials
                            YouTube Channel - Public HISE tutorials

                            1 Reply Last reply Reply Quote 0
                            • d.healeyD
                              d.healey
                              last edited by

                              Here's a really simple example

                              HiseSnippet 943.3ocsV8taaaCDmxwJnVatXEnO.B4S1.dBxIocCHXXN+wNvXMoFyYE6aczRmj4LEoGEcRMJ56xdT1ivdT1av1QIYK4M2fD2N8Iw6te79cGOdGGojAPZpTQrZbyx4.w5KsGuTnmd9TJSPFdAw5o1WQS0fxMWzYKmSSSgPhk0dWZDX0nNI66u99ynbpH.JEQHuQxBfWwRX5Roi58CLNe.MDtgkTw5i6MLPJNWxkKP9rmsOYNMXFMFtlZLqlMwZ+9gLsTMVS0PJZyYxvkimJuSja+aXorIbvrnKYLtQ4hImOkwCGsJVSIDq5iJi78xi7maeEKjsVdYF3qxT3VhnZNvp1lTp9FTp6GiRCj7PyF7QnmUE5UOmdOydbfhMWWpwvsuvdn.ObhnXZuJsxskT6jZ1mKQKDZuD5LXfBWrFQqW562w8E99sOooSSGL4mpc4zH2uysuHlI.u.Efg0kb4DJOeKekTN6TQ3..3sxgg.7TPLyTjLXgHPyjhVGDpn2ciLNlCmsPqkhC53FsRYbGW4jescSm22zwE+XQtsPAdxaAU6bQluXuHrN4TNuUdMQpWHUMKVAKMN1XAvSg6y9Ibr.pv3McUHd.cutppabWAO1KEz4Vr1v6lxzPgkwdlv9TNKV.g2.uSm4KM9SVD6QwzYG2CBviCEDdP6Sb9P6SVkVbkhqkZ30hVscduSCmO339uUEEsUclSXkjyA0VUatkotOfsDKRl.pNt2R4Kf0FhkdaVau+Cq1NHufqhgRwPAS+54Pw5xp+tao5mTTwZtlVvPzTc1sfmVbKHunhvvMogc9htjL5WsgD4Q.+vOM3G8oA+3s.+mFdAUSMcCJRHXRZNnzLyYg0EvsXq07dCMru.RmokyyxXIykBS5yZ+GPN6ckt7xdKq1j9NVndZofg8lBr3o5pRHOJmcXEm0Kohy98e4yuyNpZj0qZj8ae9c1wUb1eTMx9yzGjy9uc6wYNxvEbpdyAQlItEJvavazw2zUWjxzKqVC8HlN4u0oSa894CjtOydDSGLc67s1V3KVp++MeKl02zteTDDnKIac6A+7tNX+QPkeTtPyDwWQ0JFVyXe8hjw3Xj..YhPfyyPYV0L8.yW6aVaxLiAQX1h+F+JT10r1pPY2UJIIz.k7sA4MeLul3IYRPNIxdHUC7Ec3Z20MLss887II3ibdaPfIU70H22NlC2ALGsCXNdGv7hc.yK2ALeyNf4auWLl2Wd5BsLI+ZBJXT+rd+VV8ETrJKqhj7O.8o4CHB
                              

                              Libre Wave - Freedom respecting instruments and effects
                              My Patreon - HISE tutorials
                              YouTube Channel - Public HISE tutorials

                              ? 1 Reply Last reply Reply Quote 0
                              • ?
                                A Former User @d.healey
                                last edited by

                                @d-healey Cheers, I still have some png sliders so it'll still come in handy for that :)

                                1 Reply Last reply Reply Quote 0
                                • ?
                                  A Former User
                                  last edited by

                                  This was all just so I don't have to individually make factory presets 😎

                                  1 Reply Last reply Reply Quote 1
                                  • ?
                                    A Former User
                                    last edited by

                                    @d-healey Going off your snippet, how would I separate elements for different L&F? Not all of my UI Buttons look the same

                                    1 Reply Last reply Reply Quote 0
                                    • ?
                                      A Former User
                                      last edited by

                                      Ah just saw your post: https://forum.hise.audio/topic/2761/custom-look-and-feel-per-component/2

                                      was this ever implemented?

                                      d.healeyD 1 Reply Last reply Reply Quote 0
                                      • d.healeyD
                                        d.healey @A Former User
                                        last edited by d.healey

                                        @iamlamprey This is the PITA when you first start that I warned you about :p You can use the text property of the control to differentiate them. But what if I want to use the text property to show some text I hear you ask... then you have to get clever with substrings.

                                        Libre Wave - Freedom respecting instruments and effects
                                        My Patreon - HISE tutorials
                                        YouTube Channel - Public HISE tutorials

                                        ? 1 Reply Last reply Reply Quote 0
                                        • ?
                                          A Former User @d.healey
                                          last edited by

                                          @d-healey buttons can't have .data can they? sheesh

                                          d.healeyD 1 Reply Last reply Reply Quote 0
                                          • d.healeyD
                                            d.healey @A Former User
                                            last edited by

                                            @iamlamprey Nope that's just a thing for panels.

                                            Libre Wave - Freedom respecting instruments and effects
                                            My Patreon - HISE tutorials
                                            YouTube Channel - Public HISE tutorials

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            52

                                            Online

                                            1.7k

                                            Users

                                            11.7k

                                            Topics

                                            102.2k

                                            Posts