HISE Logo Forum
    • Categories
    • Register
    • Login
    1. HISE
    2. Mickolos
    M
    • Profile
    • Following 1
    • Followers 0
    • Topics 3
    • Posts 29
    • Groups 0

    Mickolos

    @Mickolos

    I'm a UI and UX digital designer by trade and own my own ltd company doing mainly contract jobs for large international companies...

    I'm also a producer and musician and live music hardware fanatic...

    So, I started to use HISE to combine my two loves of design and music so I design and create my own VST plugins which I only seem to see in hardware and non-existent as VSTs.

    13
    Reputation
    12
    Profile views
    29
    Posts
    0
    Followers
    1
    Following
    Joined
    Last Online
    Location Dublin, Ireland

    Mickolos Unfollow Follow

    Best posts made by Mickolos

    • RE: Change the slider name and value placement

      Thanks guys, finally got my head around it 😀

      @rglides and @Oli-Ullmann
      Sorry I didn't know how to use snippets before but after loading them they thought me everything I needed to know to figure out what I was doing wrong and comparing them with each other was a huge leap forward in my understanding of what does what.

      @dannytaurus Thank you for your detailed input. This helped clarify some things and understand the other guys suggestions better. I'll defo check out regex101 too, thanks for the suggestion.

      @d-healey Thanks for all your advice and patience, it really helped improve my understanding.

      Thanks again everyone! 🤘

      posted in Newbie League
      M
      Mickolos
    • RE: Add background and forground image to slider knob?

      @d-healey You nailed it. That's exactly what I needed, your a legend Dave, cheers! 😁

      posted in Newbie League
      M
      Mickolos
    • RE: Change the slider name and value placement

      @d-healey This is gold mate. I'll get cracking on it on hopefully have something good to show ya, thanks :-)

      posted in Newbie League
      M
      Mickolos
    • RE: Change the slider name and value placement

      Thanks @d-healey I really feel like I'm wasting everyone's time at this point so don't feel obligated, and no rush. But I still very much appreciate the offer.

      Here's rglides suggestion which worked. In green is what I loosely understand, I red is what I don't.Screenshot 2025-06-10 at 12.20.50 PM.png

      Here's the updated version with rglides suggestions for allowing knob values to have decimals and to style all knobs globally. None of these updates I really understand fully.
      Screenshot 2025-06-10 at 12.39.38 PM.png

      Here's dannytarus recommendation to target all knobs:
      Screenshot 2025-06-10 at 12.20.59 PM.png

      ...
      In summary

      1. I want to target all knobs so I don't have to duplicate code.
      2. I want to show knob value with decimals. (This is not an issue of the slider properties, as I've matched it with other knobs that show the full character amount).

      I know there is a combined negative effect of code I added to the original which I did not account for but can't figure out what it is.

      PS: I don't know what a snippet is and how to use it.

      posted in Newbie League
      M
      Mickolos
    • RE: Change the slider name and value placement

      @d-healey Yup that's basically what I said. And what I'm doing.

      The problem with your suggestion is whether I type or copy I still do not understand it right now. Hence why I'm asking for advice here. I have manage to solve problems already but the only thing that is helping me with this seeing the code recommendations here from everyone, which then allows me understand what went wrong or what new functions are possible.

      Remember I am not a developer but I want to learn, I am digesting your videos, forum posts and dev glossary, but I do not know what the possible functions are, what functions are outdated (the that global style I started with from your video), etc. Some information to what I'm trying to do is just not out there at least in a way I can search or find or understand it.

      posted in Newbie League
      M
      Mickolos
    • RE: Change the slider name and value placement

      @Oli-Ullmann You're an absolute legend Oli, that worked like a charm :-)

      posted in Newbie League
      M
      Mickolos
    • RE: Change the slider name and value placement

      @d-healey Thanks Dave, will keep at it so.

      As a UX/UI designer I'm really missing more WYSIWYG design tools as it takes so much time to code to do the simplest of things. I know it's not supposed to be a design tool but seems strange to have some design tools and not other basic ones. Like add a text box, link it to a knob name or value, etc.

      And no offense to anyone working on HISE, cause it's awesome! - And know it's more difficult than how I'm making it sound to implement those features, it's obviously not made for the general plebs like me :-)

      Anyways loving it so far though, and I love the community, and appreciate everyone's feedback. I think I'll do crash course in C++ and/or JUCE to really understand what the code is actually doing.

      Cheers! :-)

      posted in Newbie League
      M
      Mickolos
    • RE: Looking for paid lessons

      @mmprod Done! :-)

      posted in General Questions
      M
      Mickolos
    • Looking for paid lessons

      As a total noob, I'm finding it very difficult to get started so I'm looking for someone who can give me lessons over video chat, I'm thinking 30min-60min slot, we can agree on a price that works for both of us.

      I've just started with HISE and created some presets and played around with script node, though I'm finding it very difficult to understand the terminology, UI, and where everything is and how best to approach things.

      My coding skills are limited HTML/CSS, so I've no real relevant coding knowledge for HISE.

      So I'd like someone who is a pro with HISE and can give me lessons, likely on a regular basis when I run into issues or want advice.

      My only requirements are they must be very capable with HISE and can speaking English.

      Let me know if your interested ✌

      posted in General Questions
      M
      Mickolos

    Latest posts made by Mickolos

    • RE: Lottie animation controlling parameters?

      @d-healey I did. The lottie video is great but does not show how to link a knob to an actual parameter. And I watched the other video which is good for connecting knobs together but I could not figure out how to combine code from each, believe me I tried, I spent about 5 hours on it. - Again, as I said this is just a hack I found. My coding skills are not yet developed enough to decipher code from multiple videos and combine them into a specific feature I'm working on. But I'm making decent progress so I'll revisit the playing with sliders video again when my understanding of it improves in the future.

      posted in General Questions
      M
      Mickolos
    • RE: Lottie animation controlling parameters?

      @d-healey 1 = because if I link my lottie knob to the parameter I want it to affect then it stops controlling the lottie. 2 = I could not get Cristoph Hart's code he posted here in 2019 to work for me. So I thought if I could get the get a knob that is controlling the parameter to mirror the position of the lottie knob, then hide the non-lottie knob it would be good enough for me. I understand this is a bit of a hack, it's just what worked for me so I thought I'd share it in case someone found it useful.

      posted in General Questions
      M
      Mickolos
    • RE: Lottie animation controlling parameters?

      @Chazrox Functionally yes, but visually no. Your code does not change the lottie image. And you mentioned removing the timer but in my code it does not functionally work without it. That's all.

      posted in General Questions
      M
      Mickolos
    • RE: Lottie animation controlling parameters?

      @Chazrox Exactly, that's because I have the timer code (last line at the bottom). If you remove it, then the lottie knob no longer controls the synth. I left it in so you could see it working first so you can remove it and see what happens.

      posted in General Questions
      M
      Mickolos
    • RE: Lottie animation controlling parameters?

      Hi @Chazrox - Deleting my last post because I tested removing removing the timer and this stops the hidden knob from controlling the synth. Visually it still works but not functionally without it. Though let me know if I'm missing something. Here's the snippet:

      HiseSnippet 2929.3oc4YszjiiTD1dlQKyzry9HBH1CbQwbpG5MzJ42NlXYZI+T9caK21turTRpjTYKKoQpjsUSrQvQ9AvO.9m.bkivMNsbgybEt.kj7C4t6Y1d6fEFBTewUUYk4WkYVYkY1CbsUfdd1toRehTfCLU5OjZTfE1nhA.YkRrZpz+XpI1tKPV5zB.OO5pt9KoyjRHvgLBplJc5G2HjzzO6IoRk5mqo8Wes.vDXo.2NUz2k1HEXGzRD9vrCNuMxzrNPEJgVlf5bmKpXaUw1z1m.qGSwlxAnr.nC6ABI6QToZB7LRk9mRkIilRIV1RYylmE.xpB.43fYKC0JnojmsLqpbdVxeERk9Cpohv1tiv.LzKU5mHXqFLxvdsUr.tD4gjMggC3RMhH43oqaapFdDCmMUECjo5fc5KuToRSM3f16wwZueDUWjJZ+7GzheRzBzG1QREX5GcL7d7QviKI7XS.u6.RoS.omDCoOkZjhKxAeXkP77gThVXnqFPAxcDVhIN0i96mPUwlPhElYIXArtKYv9sbZdV1OmNKK6Ke0IjOh4xCSaZiwHH8WR+hxYywXIUncoJbq6K0qAyzgKkpILnMta42zhUHaWs9JiW4q42n37bCpHWxrs274M6BzmzqdsZkVrPhoXUlp7Zlhi0pWqeesVM0bs0CXlYvyODYMW7phWTopYsqLMjNaRyYS0zBz6v4tJ2.TkpWGvbkoUSqK1TcAuitNAaKDaU4JSYUgqLublgACuP2QsV1onaVhPZgpe0bFOufqei2zy1..qK2IWQtVK534JIckTVdISqFqbqLutwJWtrZh5VrFvoF8kcklayZfH33R0divWJNhPpQi50tntfQmNcrDwZhWP.ib1rY4MBpV5hNL58t7L2k9csxHoZJi8KUz+plRWK.TZmcSu4kTMYaOw2MiZgfh44FWXlKWv0EfEv98KWpc6Q3EyJJzdwPaWKoVKDDfyDxWXCKnRclpdgJmpNh0mIOwf04B4JMvqa31b8v4YvlY5GjgK+zdENCyC5w8lRkKW5rrYJKyA.XmRkWeUe00vBkJjYV9bZ8yv5AlzsfLDfMavWuhi93EF00XFXL2PqZ0lhLaxKOHqNifQq1CFzqpF+f5Hl970YzYFL3BFwtyYXJ6yjuik07gNR4Q0qXv0Y0LuUJiK2rni0Ycz3lTrunCa2YfwMBFKnDTpHN27Fcp20.MpIS+t0JygVKyesjuT0bBCz.a5oXc8rwLuQn+LEXiMdKtp4.NmrcMxUEwYwNWnD3p0bArvYSDmbsjpwPCoZJcDjubzhVCxlK+kMZ0oXlI5KkyMd.2x2vNkEz0LSCobF7KJtoXQy4FKVqU.0pAnxDQ+FBBsFVyZ8L9BVfkfbKAfolcFe1lRNUp1dsXtAa75uIPFubcP0YSmhywulyYiPGcUY24b7qq4LTHSY6A8pM65.YmlEmun3r1qJMdAp1B9NB0lOimefXO8qrkVnmWtKpDjUr5aV0nrZNoYZYKNMiCWFLGyz1EVP78DPpqspNQbo+aBr0Ge1jVriaYlUupfAmUulCa5pU5MWbYstyygJMzVdHvqasRxatZUeglpaDu5hbJ4aOgYc2VCkKZ1aXFP99UVo1on3hRAWmY7kK4EEZiFyufeikzzrrFRb4VZDLsQGK19nhsZHMf4ZmgMVtVHXYatMCZN.KKIHewlAxSTasBxkanNWs5bY6juSGTvYipOlIidmqGsIWkrYxIkazx7yZmATnau7Mg0vcK3LT+RPwRbkxClNqspgwLOcklapLYPyEkyKdw5yXbcPnp8JCWCYWM55Q5lKaL5B1xhYlOVjWUzKmiRqA754zvstPlgwN2ZeVbtls6yXsojtDuy37RWxGTN6U9yFm4hlnNLYq4XC0arNX9L85YK0BNXbwoxiFhlgJhw4vqPtsCL4pR7GLrq0m4EmbxW7ENVlaC5sMB3JfKMYxN6BDdxI6BgpCwUrW5XaQFb5K1SyKBieteDiGDyagVBvHaqSi4bHAICuVEfADNeXO5I1S3hmFERFYYhrfzZ9VJgKPaasvRNdGgPx017Tkc34yI31zG9xS9Em7ru3K3UUoCHu7Rq36gsWRDqNRg1.5BYXXN4qeE4bumUmbxQidnB8tU.0cIO2eZLUuJTvuEk4dY7UssrkewKCYxVwUAXZJSxc3zaij3GtHvmtADS6B0HGPRNKdzXaZYarA8BBy79VW+fc+XXPLQ2Oz9pDrXBX02xt2SQjiyVvgMfzJgYBP6El4F8oN6do+kzxAzHrGsX0DhYMgI0zzfJXhbhR1KRJgbHZTrXzrcWRXuEzEPxLgam.CSUyklrXnvTByJLRQPCrToc.glLRJBIDVHUw64KoqYoS7OXTbIOlDkymae44DXD4xtmvP6WzO1a814PcZn2BM4ifigPfZ7I22kXYvwtSz1Z2vPDQeHPhu9bYDUe4MHJ77GsRDR1JAdGGyfsrcExymflfPq+AqT3YF6hz0ImtPsrxV.Gwg8jEddhYdBHPjywDoX.rzgpD.DJaQhE2ECHGKh.0PtvniJ410BXB0LsuiJQStGwi15LbffXzqRXfBlfdxcxa3rDsUjF8oHupPMh0Q8zCtGu7kQKG9cXxn6nXxwV1GCicUpSbU3dwmSe746qugUECbisqmlMJswDgI5Yig8iMuO6ju9D5atjl1ct11qxlDVdWKGKr2wFO0xeoLzMYnnPBIYNeb53Tu8zwSVsfR7U1DDZaIZgv8cfVusZHRs8dNI08GsEUDRwQIt+QaSbejIRE5lBoFVEwwNtohP9gRm9auN08fK+Pp89c2ACFKF9LRXsDawFAuNPWhHIphzUgqHUxEWYwynpB8VfscHpn8AoHERd+g+l8R9abNO3.Llc9Rvg0R8zy8vPmQnqOBoX3FhzdJULCSsFohIUERk9ORV0.hzMvgipSFsbe8o6zQ6A6GDC1muqHIfEzbqRZ+yRIf449Ig4O67cxY2L8NeKLNLQRo876kMYSRIbjVI9H+ITMQppPKZks152wQe+aAhpQkxe6H6o1GtPbONhtQm5dXCtglEZAHWLhpiL4w9oGqj6.j2pjIFuvey81bD9kZ2TehtkJO2VsxOgJJnL1.f2oX71FRJEvDoasL1fSYB0vo9t.uLuMKx2E3wrynsXOJAJ33WU1C2vnyQwkuKDe6R6+Dpt1p9lglwjcZHreLaWfDu6np6Cqf2xCgCRZ092V6GtuP7SoFfvJF2MFezcfwvvieOfwsMs44TwOsc.fOgp9zue5PSRw+YwhO9JWTpW6Z31cbK8szvsHC3wMb62z3u7Gd8c0vMm6cC25qfIPPxEX44X6A4RZIFAWhjH2b7NZ1ariL24NNZ1pPru0wrNdpLIi3cHZThy6tISxuyIgtOhYjwGIutnMIGVKJT0HH4jq12SgnXB0yGw.eSO3jv62I36275CSm4fB+O+5l.2vzmUNxo8wuq1Nx8.a63G7dWaG+efPSG0YzONFi+.J9lUGMbaHoneSpQYEzjjuywW35ZaY6XXagNx7NDtM6+jH9NOFjDlI0ETw2cE7X+cEPvslMl3aOSGHAZImtIwO4Vra+D+5e+4iHkveHTwuqwe4e7aGBMg.uCx6W8mNulhMwj.efpct2sZm5d5Z7bp3CYTAluG9j0GsCewVg2+.3GREY9eeU+8wTacFeuUA9QTaua79pJ7cl0zi++lrld2OvPdkm985be+LJR1FYniLkz+2wVNz1Girz6BHOeQxIhpm+xQjT+TfDTZQp+MrkGoeTXyIhGyFNNNQNK0nA+Sx21E4BGmd6hb6V7+HxXIPw09q1U7DQC8znYHmaqn+SwOipa3XZta1kivNBnh9JEkiY0s1XlG5Fy9P2XtG5Fy+P2XgG5FK9P2Xou8MFlzJuO1N9+DPXx6CpE0UpzoqknEC+K.LMtTGC
      
      posted in General Questions
      M
      Mickolos
    • RE: Lottie animation controlling parameters?

      Not sure if this is the best solution but I found a trick to solve this by visually mirroring the lottie knob to another knob which controls the desired parameter, then hide the knob that controls the parameter. Meaning you turn the lottie knob and it turns the actual knob that controls the parameter you want to change.

      For this to work both knobs must have the same settings except the lottie knob is not assigned to anything and the actual knob that controls it is connected to the parameter. After it's connected just hide the knob that's linked to the parameter and disable it via the toggle buttons in the property editor.

      In this example I am targeting the waveform of the waveform generator:

      // Get references to both knobs
      const var knbLottie_Knob = Content.getComponent("knbLottie_Knob"); // Controls lottie knob 
      const var Wave_Knob = Content.getComponent("Wave_Knob"); // Controls synth parameter knob
      
      // Get the child synth (processor) by its ID
      const var waveEffect = Synth.getChildSynth("Waveform Generator1");
      
      // Timer for syncing knobs and parameter
      const var syncTimer = Engine.createTimerObject();
      
      syncTimer.setTimerCallback(function()
      {
          // Read the current value of knbLottie_Knob
          var lottieValue = knbLottie_Knob.getValue();
      
          // Apply value visually to Wave_Knob and trigger its callback
          Wave_Knob.setValue(lottieValue);
          Wave_Knob.changed(); // Important to fire the linked parameter update
      
          // Set the parameter value directly on the child synth
          if (isDefined(waveEffect))
              waveEffect.setAttribute("WaveForm1", lottieValue);
      });
      
      syncTimer.startTimer(30);
      
      
      
      posted in General Questions
      M
      Mickolos
    • RE: Add background and forground image to slider knob?

      @d-healey You nailed it. That's exactly what I needed, your a legend Dave, cheers! 😁

      posted in Newbie League
      M
      Mickolos
    • RE: Add background and forground image to slider knob?

      @d-healey Ah, I didn't even know there was an image component available the interface designer, thanks. But...

      It seems strange doing a "no code solution" for it because I have a lot of knobs in my preset and doing this manually for every one and seems very inefficient. Would be a lot easier if I cloud load image layers into the knob itself, like you would with an ellipse shape and have it update all my knobs with a single line of code.

      Plus this solution still does not allow me to change the knob marker with my image, and using the filmstrip removes the knob value and name.

      posted in Newbie League
      M
      Mickolos
    • RE: Add background and forground image to slider knob?

      @d-healey Thanks for you input.

      Yeah there is a look and feel there and I've I've spent hours trying to add an image component as a background, but asking a non-developer to just use a look-and-feel and slap an image under the knob is like asking a non-mechanic to build a car by just using an engine and slap some wheels underneath :-)

      I've tried to leverage the code you showed in your video about adding an image to a panel, but can't seem to apply it to knobs. I watched the video bout the film strip but like I said this blocks/removes the name and value text.
      Screenshot 2025-06-12 at 4.31.51 PM.png

      Plus I would assume it'd be better practice to just have a single instance of an image in the code which i could also apply globally to all knobs.

      Here's the full code for the global rotarySlider styling.

      const var knobs = Content.getAllComponents("Knob");
      const ValueLAF = Content.createLocalLookAndFeel();
      
      /// Rotary Knob
      ValueLAF.registerFunction("drawRotarySlider", function(g, obj)
      {
          var a = obj.area;
          var knobSize = 50;
          var x = (a[2] - knobSize) / 2;
          var y = 0;
      
          // Background circle
          g.setColour(SLIDER_BG_COLOUR);
          g.fillEllipse([x, y, knobSize, knobSize]);
      
      
          // Value text
          g.setColour(TEXT_COLOUR);
          g.setFontWithSpacing("Inter_18pt-Bold", 12, 0.08);
          g.drawAlignedText(obj.valueAsText, [0, 0, a[2], a[3] - VALUE_Y_POS], "centred");
      
          // Label text
          g.drawAlignedText(obj.text, [0, a[3] - NAME_Y_POS, a[2], 15], "centred");
      
          // Marker
          var angle = 2.5 * 2 * obj.valueNormalized - 2.5;
          g.rotate(angle, [a[2] / 2, y + knobSize / 2]);
      
          g.setColour(SLIDER_MARKER_COLOUR);
          g.fillRoundedRectangle([a[2] / 2 - 2.5, y + 3, 5, 11], 2.5);
      });
      
      

      I just like to know what line of code I need to add to replace the bg-colour with my bg-image, and the marker indicator with my transparent image (both outlined in blue in my original post). If someone can let me know the code I will be able to understand what the correct solution is in this case, and in the future.

      posted in Newbie League
      M
      Mickolos
    • Add background and forground image to slider knob?

      I want to have a bg image to my slider knobs and an alpha image overlay which will rotate.

      I want to replace my current bg colour with the bg image, and replace the knob marker with image with transparent bg.

      Here is a breakdown of what I'm trying to do:
      Screenshot 2025-06-12 at 2.04.34 PM.png

      Any suggestions? 🙏

      PS: I don't want to use filmstrip as it covers the text and knob-marker and doesn't allow for a rotating overlay.

      posted in Newbie League
      M
      Mickolos