HISE Logo Forum
    • Categories
    • Register
    • Login

    Almost finished my first FX plugin! Just 1 small animation problem...

    Scheduled Pinned Locked Moved General Questions
    25 Posts 6 Posters 1.5k 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.
    • orangeO
      orange @SteveRiggs
      last edited by orange

      @SteveRiggs

      • You can see this project file in the attachment below. In this example there is an image strip with 128 frames and the 0dB point is set to 84.

      • If your image strip has 84 frames, then you need to set the 0dB point below the 84 that represents your zero value. Also be careful about the image sizes in the code. You need to enter the size of the each frames carefully.

      • If you do the coding right and the problem still persists; You need to scale down your image till the glitch gone. if your image is too big, this glitch can happen.

      VU.zip

      develop Branch / XCode 13.1
      macOS Monterey / M1 Max

      1 Reply Last reply Reply Quote 1
      • SteveRiggsS
        SteveRiggs
        last edited by

        @dustbro @orange

        That's what I thought. The dimensions are definitely right though.

        I've made a couple more animations now at 128 frames and set the 0db point at 84 but still no joy.

        (I assume this is where you set the 84?)

        // Calculate the filmstrip index
            	// this must be an integer value
            	// 84 is used instead of 128 because 84 is ~0dB which is
            	// more accurate for this example filmstrip
            	var index = parseInt(this.data.value * 84.0);
        

        I also tried scaling it up and down to every size I can but the same problem occurs.

        When you say about scaling, do you have to change the dimensions in the code for it to work, or resize using the box on the interface? I have tried both but just wondered.

        www.anarchyaudioworx.com

        www.facebook.com/groups/audioworx/

        LindonL orangeO 2 Replies Last reply Reply Quote 0
        • LindonL
          Lindon @SteveRiggs
          last edited by

          @SteveRiggs it might not be your dimensions, it looks a lot like its the numStrips is wrong, are you sure you have that correct?

          HISE Development for hire.
          www.channelrobot.com

          1 Reply Last reply Reply Quote 1
          • orangeO
            orange @SteveRiggs
            last edited by orange

            @SteveRiggs just send your image stip file, I can try when I am available. Don't forget to write how many frame you used.

            develop Branch / XCode 13.1
            macOS Monterey / M1 Max

            SteveRiggsS 2 Replies Last reply Reply Quote 1
            • SteveRiggsS
              SteveRiggs @orange
              last edited by

              @orange

              Thanks mate. I made a new version of the animation with 128 frames now as the 84 frames one wouldn't be accurate at 0db. I still can't get it either to work though.

              I've uploaded the filmstrip here: LED Output Meter V1_128 Frames_127 x 167 pixels.png.zip

              @Lindon That's what I thought as well but I've checked and triple checked all the dimensions and numStrip amounts and they all should be right, unless I'm missing something in the code.

              www.anarchyaudioworx.com

              www.facebook.com/groups/audioworx/

              1 Reply Last reply Reply Quote 0
              • SteveRiggsS
                SteveRiggs @orange
                last edited by

                @orange

                I'll put the updated code in here as well in case you need to see

                Content.makeFrontInterface(600, 500);
                
                const var NoiseGenerator1 = Synth.getChildSynth("Noise Generator1");
                
                /** Creates a VU-Meter from a filmstrip for the master volume. */
                /** Creates a VU-Meter from a filmstrip for the master volume. */
                inline function createFilmStripVuMeter(name, x, y, isLeft)
                {
                	local widget = Content.addPanel(name, x, y);
                    
                    Content.setPropertiesFromJSON(name, {
                      "width": 127, // this uses the exact dimensions of one filmstrip
                      "height": 167,
                      "opaque": true // opaque is important in order to increase the drawing performance
                    });
                    
                    // Put the image in your image folder
                    widget.loadImage("{PROJECT_FOLDER}LED Output Meter V1_128 Frames_127 x 167 pixels.png", "filmstrip");
                    
                    widget.data.value = 0.0;
                    widget.data.isLeft = isLeft;
                    
                    // Set the initial image 
                    widget.setImage("filmstrip", 0, 0);
                    
                    widget.setTimerCallback(function()
                    {
                    	// Get the peak value from the master output
                    	var newValue = Engine.getMasterPeakLevel(this.data.isLeft ? 0 : 1);
                    	
                    	if(newValue > this.data.value)
                    		this.data.value = newValue;
                    	else
                    		// Just decay the current value (0.92 controls the decay time)
                    		this.data.value = this.data.value * 0.92;
                    	
                    	// Calculate the filmstrip index
                    	// this must be an integer value
                    	// 84 is used instead of 128 because 84 is ~0dB which is
                    	// more accurate for this example filmstrip
                    	var index = parseInt(this.data.value * 84.0);
                    	
                    	// If you just want to paint one image, 
                    	// you don't need the paint routine, but
                    	// just use this method
                    	// the yOffset is index * heightOfFilmstrip
                    	this.setImage("filmstrip", 0, index * 65);	
                    });
                    
                    widget.startTimer(30);
                    return widget;
                };
                
                const var VuMeterLeft = createFilmStripVuMeter("VuMeterLeft", 11, 10, false);
                
                

                www.anarchyaudioworx.com

                www.facebook.com/groups/audioworx/

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

                  Did you try this Console.print(index); ? all I get is 0.

                  Another thing I noticed . The timer is running constantly, wouldn't it be better to only run it while the value > 0?

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

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

                    Because of this thread I assume something must have changed in HISE.

                    Anyway it seems that

                        	var index = parseInt(this.data.value * 84.0);
                    
                        	// If you just want to paint one image, 
                        	// you don't need the paint routine, but
                        	// just use this method
                        	// the yOffset is index * heightOfFilmstrip
                        	this.setImage("filmstrip", 0, index * 64);
                    

                    Is where the problem lies. Firstly var index = parseInt(this.data.value * 84.0); always returns 0, I think that if you increase 84 to 19000 it might be better.

                    And this this.setImage("filmstrip", 0, index * 64); You need to change 64 to be the height of your filmstrip frame 167

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

                    1 Reply Last reply Reply Quote 2
                    • orangeO
                      orange @SteveRiggs
                      last edited by

                      @SteveRiggs
                      The project is in the attachment below, both right and left channel meters are working now ;)

                      alt text

                      VU.zip

                      develop Branch / XCode 13.1
                      macOS Monterey / M1 Max

                      NatanN 1 Reply Last reply Reply Quote 3
                      • SteveRiggsS
                        SteveRiggs
                        last edited by

                        @orange @d-healey Boom! Thanks guys. Very much appreciated!

                        @orange Out of interest (so I know for next time), was it just the line David mentioned below that was the problem? Or did I mess up anything else? 🤣

                        And this this.setImage("filmstrip", 0, index * 64); You need to change 64 to be the height of your filmstrip frame 167

                        www.anarchyaudioworx.com

                        www.facebook.com/groups/audioworx/

                        orangeO 1 Reply Last reply Reply Quote 0
                        • orangeO
                          orange @SteveRiggs
                          last edited by

                          @SteveRiggs Yeah index value must be height of the each frames ;)

                          develop Branch / XCode 13.1
                          macOS Monterey / M1 Max

                          SteveRiggsS 1 Reply Last reply Reply Quote 1
                          • SteveRiggsS
                            SteveRiggs @orange
                            last edited by

                            @orange Excellent. Thanks man

                            www.anarchyaudioworx.com

                            www.facebook.com/groups/audioworx/

                            1 Reply Last reply Reply Quote 0
                            • NatanN
                              Natan @orange
                              last edited by Natan

                              @orange said in Almost finished my first FX plugin! Just 1 small animation problem...:

                              Thank You @orange For The Project. But Somehow The Example Won't Work After I Compiled The Plugin, Any Idea?
                              NOTE: ENABLE_ALL_PEAK_METERS=1 Enabled
                              Meter Works In Hise, But Does Nothing In Compiled Fx Plugin :(

                              orangeO 1 Reply Last reply Reply Quote 0
                              • orangeO
                                orange @Natan
                                last edited by orange

                                @Natanr said in Almost finished my first FX plugin! Just 1 small animation problem...:

                                @orange said in Almost finished my first FX plugin! Just 1 small animation problem...:

                                Thank You @orange For The Project. But Somehow The Example Won't Work After I Compiled The Plugin, Any Idea?
                                NOTE: ENABLE_ALL_PEAK_METERS=1 Enabled
                                Meter Works In Hise, But Does Nothing In Compiled Fx Plugin :(

                                Have you enabled "Embed Image Files" & "Embed Audio Files" in the preferences section?

                                develop Branch / XCode 13.1
                                macOS Monterey / M1 Max

                                NatanN 1 Reply Last reply Reply Quote 0
                                • NatanN
                                  Natan @orange
                                  last edited by

                                  @orange If You Mean This CheckBox, It Is Already Ticked :/
                                  Screen Shot 2019-11-04 at 12.51.11 PM.png

                                  orangeO 1 Reply Last reply Reply Quote 0
                                  • orangeO
                                    orange @Natan
                                    last edited by

                                    @Natanr What about "Embed Image Files" ? Did you enabled it too?

                                    Also are you sure that your image strip is in your project's image folder?

                                    develop Branch / XCode 13.1
                                    macOS Monterey / M1 Max

                                    NatanN 1 Reply Last reply Reply Quote 0
                                    • NatanN
                                      Natan @orange
                                      last edited by

                                      @orange Mate, There Is No Such An Option In My Preferences :(

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

                                        @Natanr Should be right under embed audio files, I see it is not there in your screen shot. What version of HISE are you using?

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

                                        NatanN 1 Reply Last reply Reply Quote 0
                                        • NatanN
                                          Natan @d.healey
                                          last edited by

                                          @d-healey I'm On 2.1.0 / 29 Oct / Build 650

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

                                            Weird. I'm on a build from Oct 21st and mine looks like this

                                            c9daad81-42b3-4944-a526-58177b978675-image.png

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

                                            NatanN 1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            25

                                            Online

                                            1.7k

                                            Users

                                            11.9k

                                            Topics

                                            103.7k

                                            Posts