HISE Logo Forum
    • Categories
    • Register
    • Login

    What's your vector UI design workflow?

    Scheduled Pinned Locked Moved General Questions
    42 Posts 8 Posters 4.2k 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.
    • BrianB
      Brian @clumsybear
      last edited by

      @clumsybear Glad that you are enjoying this new process!

      I would avoid using png sequences if you can do it with Lottie - png sequences take up a lot of memory if you are not careful.

      As for the issues you are experiencing, I have not used drop shadows yet so it might be an issue. You can perhaps try importing to Adobe XD or Illustrator, then to AE, which in theory should be a one to one conversion ( let me know if that works if you do indeed do this ).

      I would also test the Bodymovin .JSON output in the HISE rlottie app to make sure it is also translating correctly ( or use this online version http://rlottie.com/)

      And to keep an eye on the compatibility list on https://github.com/Samsung/rlottie to make sure you are only using supported features.

      C 1 Reply Last reply Reply Quote 1
      • C
        clumsybear @Brian
        last edited by clumsybear

        @briandoliveira
        I have some plugins I cannot realize with the Hise framework, but I did some of them with JUCE. I‘m not entirely sure how to use rLottie in JUCE. Atm, that’s the only reason I‘m in need of png filmstrips ...

        1 Reply Last reply Reply Quote 0
        • C
          clumsybear
          last edited by

          @Christoph-Hart is there any straight forward way to use Lottie in JUCE with your tool?

          1 Reply Last reply Reply Quote 0
          • Christoph HartC
            Christoph Hart
            last edited by

            I wrote the C++ wrapper for rLottie myself, so there's nothing in JUCE that lets you load Lottie files. But you can take the code and try to use it in C++ here:

            https://forum.juce.com/t/rlottie-wrapper/35652

            But just out of curiousity: what couldn't you do in HISE?

            C 2 Replies Last reply Reply Quote 0
            • C
              clumsybear @Christoph Hart
              last edited by clumsybear

              @Christoph-Hart said in What's your vector UI design workflow?:

              But just out of curiousity: what couldn't you do in HISE?

              like I mentioned in some of my recent posts, there are dsp algorithms I'm struggling to translate into the HISE environment. Just to mention some of them:

              -Frequency Shifter (although I got it 80% done in HISE)
              -Subharmonic Synth (I'm not even close to something like that)
              -Granular Synth/Looper (haven't tried to do it since there is no such option in HISE)

              please note, I'm talking about real time audio effects here

              Everything else I'm planning on is more or less easy to get done in scriptnode. If I could manage to work out those effects in HISE I would be all in in on a commercial license.

              1 Reply Last reply Reply Quote 0
              • C
                clumsybear @Christoph Hart
                last edited by clumsybear

                @Christoph-Hart said in What's your vector UI design workflow?:

                I wrote the C++ wrapper for rLottie myself, so there's nothing in JUCE that lets you load Lottie files. But you can take the code and try to use it in C++ here:
                https://forum.juce.com/t/rlottie-wrapper/35652

                I build the rlottie wrapper, the only thing it converts to is a HISE snippet. So I'm not entirely sure how to use it in JUCE. But yeah, it seems pretty easy to use in HISE, great work on that :)

                1 Reply Last reply Reply Quote 0
                • Christoph HartC
                  Christoph Hart
                  last edited by

                  It's not a HISE snippet, it's a base64 encoded string. I just rebranded the technology :)

                  there are dsp algorithms I'm struggling to translate into the HISE environment

                  If you know how to write DSP algorithms in C++, why don't you just use the scriptnode API and write custom nodes? It's pretty basic and similar to the juce::dsp::Processor API. You can still enjoy the coziness of the HISE environment for the other parts of your project :)

                  1 Reply Last reply Reply Quote 0
                  • C
                    clumsybear
                    last edited by clumsybear

                    Well, I have to wrap my head around the scriptnode API, but I thought about it. However I‘m still a beginner at C++ and learning JUCE, so it will take some time :)

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

                      @clumsybear Have you seen this?

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

                      1 Reply Last reply Reply Quote 1
                      • lalalandsynthL
                        lalalandsynth
                        last edited by lalalandsynth

                        I am trying this out and have a a problem , I am using this code and just pasting the snippet into that.
                        https://docs.hise.audio/tutorials/recipes/ui/animations.html
                        Tried this with Looping and a Interaction.
                        Then I place this code into the onInit window in Interface.

                        It does compile without problems but i see no animation , any thoughts on what I might be doing wrong ?
                        Plays in rLottie and outputs a snippet
                        It does flicker real quick when I compile but thats it :)

                        Seems like a great way to implement vectors when I get this working.

                        https://lalalandaudio.com/

                        https://lalalandsynth.com/

                        https://www.facebook.com/lalalandsynth

                        https://www.facebook.com/lalalandsynth

                        ustkU 1 Reply Last reply Reply Quote 0
                        • ustkU
                          ustk @lalalandsynth
                          last edited by

                          @lalalandsynth You need the lottie.dll

                          Can't help pressing F5 in the forum...

                          lalalandsynthL 1 Reply Last reply Reply Quote 0
                          • lalalandsynthL
                            lalalandsynth @ustk
                            last edited by lalalandsynth

                            @ustk Ok, got it working when I put the dll into the system 32 folder .
                            What about when I export a plugin ? Would I need to install this on the user computer or how does that work ?
                            I found a thread on this subject but it was a bit unclear on this .

                            https://lalalandaudio.com/

                            https://lalalandsynth.com/

                            https://www.facebook.com/lalalandsynth

                            https://www.facebook.com/lalalandsynth

                            ustkU 1 Reply Last reply Reply Quote 0
                            • ustkU
                              ustk @lalalandsynth
                              last edited by

                              @lalalandsynth https://forum.hise.audio/topic/1902/lottie-vector-animation/24

                              Can't help pressing F5 in the forum...

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

                                So, How We Can Create Our Own Json Files?
                                With After Effect, Adobe Illustrator Or Photoshop?
                                I Can't Find Any Option To Export As Json In All 3 Apps!!!
                                Any Recommendations?

                                Thanks

                                Edit:
                                Okey I Found Out How :)
                                Here Is Some Useful Links For New Users

                                Tools :
                                You Need Bodymovin Plugin For After Effects To Export Your Project As Json:
                                https://aescripts.com/bodymovin/

                                To Install Bodymovin Extenstion / You Need ZXP Installer:
                                http://aescripts.com/learn/zxp-installer/

                                How To Export Json Files / After Effects:
                                https://www.youtube.com/watch?v=3PbUL3z9bIs

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

                                47

                                Online

                                1.7k

                                Users

                                11.7k

                                Topics

                                102.1k

                                Posts