HISE Logo Forum
    • Categories
    • Register
    • Login

    Lottie vector animation

    Scheduled Pinned Locked Moved Feature Requests
    52 Posts 9 Posters 3.9k 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.
    • Christoph HartC
      Christoph Hart
      last edited by

      Not sure I understand. You just have to take the files from here:

      Link Preview Image
      HISE/tools/rlottie at scriptnode · christophhart/HISE

      The open source framework for sample based instruments - HISE/tools/rlottie at scriptnode · christophhart/HISE

      favicon

      GitHub (github.com)

      and put it into the AppData folder of HISE (and if you export your plugin, the app data folder of your plugin). Are you using Windows or macOS?

      BrianB 1 Reply Last reply Reply Quote 0
      • BrianB
        Brian @Christoph Hart
        last edited by

        @Christoph-Hart Thanks for the tip! Yes I figured it out! (I am on a macbook pro running OSX 10.14)

        Me and @Alex-Paradis are going to go nuts with this in the next few days and will share some tidbits once we got something solid :)

        And once again a big thank you! This is a major breakthrough feature for what we are currently building.

        W 1 Reply Last reply Reply Quote 0
        • Alex ParadisA
          Alex Paradis
          last edited by

          Hi everyone,

          I got an error for trying to build the new Hise Scriptnode on Windows 10:

          file : "include_hi_tools.obj"

          "public: static class juce::LookAndFeel * __cdecl hise::HiseColourScheme::createAlertWindowLookAndFeel(void *)" (?createAlertWindowLookAndFeel@HiseColourScheme@hise@@SAPEAVLookAndFeel@juce@@PEAX@Z) already defined in include_hi_scripting_01.obj
          

          file : HISE.exe

          one or more multiply defined symbols found
          

          Does anyone have the same error?

          Thanks!

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

            Try again, I commit the fix yesterday.

            1 Reply Last reply Reply Quote 0
            • gorangroovesG
              gorangrooves
              last edited by

              This looks like a great tool. Hopefully, we'll figure out how to use it properly :) Thank you, Christoph!

              Goran Rista
              https://gorangrooves.com

              Handy Drums and Handy Grooves
              https://library.gorangrooves.com

              1 Reply Last reply Reply Quote 0
              • W
                Will @Brian
                last edited by

                @briandoliveira I'm also on a mac but can't seem to figure out how to set up in order to see the animation. In what folder did you put the dll? Anything else that I need to do? Thanks and can't wait to see what you come up with using this feature!

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

                  Oh I've changed that recently, the new path is usr/local/lib (it's the macOS default for dynamic libraries.

                  1 Reply Last reply Reply Quote 1
                  • W
                    Will
                    last edited by

                    Thanks, works great!

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

                      Just got this working when I put the dll in system 32 folder.

                      Unsure about that Appdata Hise folder that was mentioned , guess that is for Mac?

                      Also , Do I have to install this dll to a users computer to be able to use this in a plugin ?

                      This would make things so much easier ...for me at least.

                      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 Yes, AppData is mac
                        Yes, you have to put the dll in the user's computer

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

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

                          Been nerding out with Illustrator and After effects , managed to make a Lottie file , but it looks a bit wrong.
                          Anyone worked on this setup to make sliders etc that can provide me with workflow tips ?
                          Also, not sure if i have a problem but rLottie can take forever to load the code or just freeze.

                          https://lalalandaudio.com/

                          https://lalalandsynth.com/

                          https://www.facebook.com/lalalandsynth

                          https://www.facebook.com/lalalandsynth

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

                            So, been messing with this , Illustrator - Output via "Overlord" which allows to push/pull to After Effects , maintaining gradients etc ( Recommended addon for Illustrator) , then I animate in after fx, output as Json via Bodymovin.

                            Json into rLottie and into Hise .

                            This all "works" but there seem to be some differences on SOME of the tests , some are perfect and some have different shadings and "contrast" or something , not sure .
                            Having said that , this is extremely promising , I can envision doing the whole Gui in Illustrator or similar program , exporting Vectors , animate with after fx etc.

                            Lottie.jpg

                            https://lalalandaudio.com/

                            https://lalalandsynth.com/

                            https://www.facebook.com/lalalandsynth

                            https://www.facebook.com/lalalandsynth

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

                              I discovered that for Bodymovin to work correctly the After Effects project must be saved , then the look is preserved!
                              Lottie 2.jpg

                              Nice.
                              Lottie.gif

                              I also notice quite a bit of "ghosting" , maybe its some sort of issue with the number of frames ? I render as 128 frames.
                              I have not tried exporting in a plugin and seeing if its the same.

                              Ghosting.gif

                              https://lalalandaudio.com/

                              https://lalalandsynth.com/

                              https://www.facebook.com/lalalandsynth

                              https://www.facebook.com/lalalandsynth

                              gorangroovesG 1 Reply Last reply Reply Quote 1
                              • gorangroovesG
                                gorangrooves @lalalandsynth
                                last edited by

                                @lalalandsynth looks great. If you have the time and are inclined to make a short video of the procedure you do to create an animated vector, it would be much appreciated. We'd love to see it!

                                Goran Rista
                                https://gorangrooves.com

                                Handy Drums and Handy Grooves
                                https://library.gorangrooves.com

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

                                  @gorangrooves Sure , will do that :)

                                  https://lalalandaudio.com/

                                  https://lalalandsynth.com/

                                  https://www.facebook.com/lalalandsynth

                                  https://www.facebook.com/lalalandsynth

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

                                    If you‘re on a mac, check out Keyshape, I found it to be the most promising tool for creating vector animations that work reliably as lottie file.

                                    The original AfterEffects bodymovin plugin looks incredibly hacky and its extremely easy to create something that can‘t be exported properly, while on the other hand the keyshape app is much more limited than After effects, but everything you do there should be exportable.

                                    lalalandsynthL 2 Replies Last reply Reply Quote 3
                                    • lalalandsynthL
                                      lalalandsynth @Christoph Hart
                                      last edited by lalalandsynth

                                      @Christoph-Hart Are you referring to the ghosting ? Because I seem to have everything else working properly at the moment.
                                      I am on Win mostly but also Mac.

                                      Keyshape looks promising !

                                      https://lalalandaudio.com/

                                      https://lalalandsynth.com/

                                      https://www.facebook.com/lalalandsynth

                                      https://www.facebook.com/lalalandsynth

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

                                        @Christoph-Hart It seems that the biggest problem for me is that the rLottie just chokes on a lot of the animations. It might work eventually if I waited but it just freezes.

                                        EDIT: I waited for 15 minutes , it cant handle some of these files.

                                        https://lalalandaudio.com/

                                        https://lalalandsynth.com/

                                        https://www.facebook.com/lalalandsynth

                                        https://www.facebook.com/lalalandsynth

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

                                          Trying out the Keyshape Workflow.
                                          Seems easy to use , I am more familiar with Illustrator and after fx though.
                                          Have to do some more testing to see as there are some limitation to the lottie export. but it works.

                                          Does anyone have a snippet to make it behave like a knob in terms of how it responds to the mouse , I am just using the lottie example and its not suitable.
                                          Keyshape.gif

                                          https://lalalandaudio.com/

                                          https://lalalandsynth.com/

                                          https://www.facebook.com/lalalandsynth

                                          https://www.facebook.com/lalalandsynth

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

                                            You can get some nice looking stuff with combining png overlays on top of Vectors . That obviously means that you can use "large" png , scalable static images that will not take that much space.
                                            Keyshape 2.gif
                                            Keyshape.jpg

                                            https://lalalandaudio.com/

                                            https://lalalandsynth.com/

                                            https://www.facebook.com/lalalandsynth

                                            https://www.facebook.com/lalalandsynth

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

                                            26

                                            Online

                                            1.7k

                                            Users

                                            11.9k

                                            Topics

                                            103.3k

                                            Posts