HISE Logo Forum
    • Categories
    • Register
    • Login

    Waveform Icons

    Scheduled Pinned Locked Moved Presets / Scripts / Ideas
    30 Posts 5 Posters 4.4k 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 @Morphoice
      last edited by

      @Morphoice Says Base64 Path, not sure of the details. I don't think colour information is included, you'd assign the colour within your paint routine/laf.

      Free HISE Bootcamp Full Course for beginners.
      YouTube Channel - Public HISE tutorials
      My Patreon - HISE tutorials

      MorphoiceM 1 Reply Last reply Reply Quote 0
      • MorphoiceM
        Morphoice @d.healey
        last edited by

        @d-healey in my case the svg was set to white, it wouldnt take color from the paint routine, it still always came out white

        https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

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

          @Morphoice said in Waveform Icons:

          in my case the svg was set to white, it wouldnt take color from the paint routine, it still always came out white

          Show me your code

          Free HISE Bootcamp Full Course for beginners.
          YouTube Channel - Public HISE tutorials
          My Patreon - HISE tutorials

          MorphoiceM 1 Reply Last reply Reply Quote 0
          • MorphoiceM
            Morphoice @d.healey
            last edited by

            @d-healey it's all there in the first post, no more to it

            https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

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

              @Morphoice I don't see anywhere in that code where you're setting a color though

              Free HISE Bootcamp Full Course for beginners.
              YouTube Channel - Public HISE tutorials
              My Patreon - HISE tutorials

              MorphoiceM 1 Reply Last reply Reply Quote 0
              • MorphoiceM
                Morphoice @d.healey
                last edited by

                @d-healey I didn't because it wasn't changing the color, so i removed it. It was really just the example from the docs

                https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

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

                  @Morphoice Oh interesting, I just realised you're using g.drawSVG. I've never used that function I always use drawPath or fillPath, which take the colour. But it seems drawSVG doesn't.

                  Free HISE Bootcamp Full Course for beginners.
                  YouTube Channel - Public HISE tutorials
                  My Patreon - HISE tutorials

                  MorphoiceM ustkU 2 Replies Last reply Reply Quote 0
                  • MorphoiceM
                    Morphoice @d.healey
                    last edited by

                    @d-healey I assume the path information is the same? I remember during conversion that sometimes the tool needs only the path info, sometimes it takes the complete svg... I really can't tell when it works and when it doesn't I was just glad it went well with the icons. non-connected paths or things with multiple paths sometimes break. I had a logo once where all letters worked fine, one just wouldnt

                    https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

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

                      @Morphoice said in Waveform Icons:

                      I assume the path information is the same

                      Not necessarily. I just tried it with your sine icon and it doesn't work.

                      Free HISE Bootcamp Full Course for beginners.
                      YouTube Channel - Public HISE tutorials
                      My Patreon - HISE tutorials

                      1 Reply Last reply Reply Quote 0
                      • ustkU
                        ustk @d.healey
                        last edited by ustk

                        @d-healey g.drawSVG takes the colour inside the SVG and cannot be overwritten (what a pity...)

                        Hise made me an F5 dude, browser just suffers...

                        d.healeyD MorphoiceM 2 Replies Last reply Reply Quote 1
                        • d.healeyD
                          d.healey @ustk
                          last edited by

                          @ustk said in Waveform Icons:

                          (what a pity...)

                          That's probably a good thing, no? Does it work with multi-colour SVGs?

                          Free HISE Bootcamp Full Course for beginners.
                          YouTube Channel - Public HISE tutorials
                          My Patreon - HISE tutorials

                          ustkU 2 Replies Last reply Reply Quote 0
                          • MorphoiceM
                            Morphoice @ustk
                            last edited by

                            @ustk makes sense. however, I can supply the SVG markup if someone needs to make changes to the color, I'll append it to the post later

                            https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

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

                              @Morphoice Can you provide it as an SVG file, then I can test?

                              Free HISE Bootcamp Full Course for beginners.
                              YouTube Channel - Public HISE tutorials
                              My Patreon - HISE tutorials

                              MorphoiceM ustkU 3 Replies Last reply Reply Quote 0
                              • ustkU
                                ustk @d.healey
                                last edited by

                                @d-healey said in Waveform Icons:

                                That's probably a good thing, no?

                                yeah you're right, or it would automatically use the last set colour... Now when you want to change the colour of the SVG, you need a second one...

                                Does it work with multi-colour SVGs?

                                As far as I remember, no... but I might have missed something...

                                Hise made me an F5 dude, browser just suffers...

                                1 Reply Last reply Reply Quote 0
                                • MorphoiceM
                                  Morphoice @d.healey
                                  last edited by

                                  @d-healey here's the SVG's
                                  https://www.dropbox.com/scl/fo/q4opwuh4mj9lyksgwy2mw/AHvq73HF24N4Ilfxir922o0?rlkey=va8dliemtail99q0s56onk45e&dl=0

                                  https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

                                  1 Reply Last reply Reply Quote 0
                                  • ustkU
                                    ustk @d.healey
                                    last edited by

                                    @d-healey said in Waveform Icons:

                                    Does it work with multi-colour SVGs?

                                    In fact it works:

                                    HiseSnippet 1856.3ocsWstqhhkEFOUYktNyzSlNoe.L0uN0XEh3ETSkISIHhHhhHhW9SGD1.atsQXCpLoe+lGm4MXFPOm5XMUkp69jLD0v51d+k0ZuWqOkiQFfjDTLQk6UOGAHp7mqt7bH1g0QGFRHLjnxeopjdBFDW6pJlyQ5II.ShJUdEeohJu80DWd92+CFce8PCvypHHzPPCvTX.D+rV4OIB88GoaBTgA23c6OIXfBYQ9nzB77ppMHhzM7zsAyzKc6tpDi0SbHp72p1nCM.zskkoodqVlzzz860uceJcqFs02SQ2ucy1ca1qqEQk2vYBwn3kXcLHoXQYPlmW5fNFdcCzfIv89fRAJhkE67U0DrNPeS4mRNIDDUds7yopWcMU8yUkflvOq+4T1e8hgZOGwsIsJ288fD0e.HU4FH85qP5mptzHFFge1RId9SUEBKpfV5E0lagxUeItK8MUYQEdDhICz8.ihKD9bDOP2nwGpU7y6+382WTeRv0xziqoBRvRo9Xnwk50xL6Z+8ZuqOUWxPUZwdrZpiy43I2X1omDyvDapfMn19Jjy4DQgFFsTVrI5.0tFPYsrvldFZ6bXIIGyLs9v87jTCHMHisCiZxyOtq+XjPTDGc+zdRqLbFYiD0N4hX6QBrUUTjZtbkcGst40Ajycy1NTlTR6PpE2bpci7kjjR1rf00j2wpNyw11yW3ayGACLoSn22Tn6AOxoLgGGLwPaU5VCWnDcd6TGrVqAiUavuMdUc2zzni6i1oAaSevctxtSClxrPqW2USNAo1FXARnRfyb5Y3DHlub4pfbM9w8cG4bHRM+XG596Z1Y7tiCTazqmM6PuymBO5ncnm0RJrWCsIcsXD6zbJcmV8y1J1JZG67yliOZaLzvs+flPmb4..PdUpxr17IICXnhZyMDHFnO.jz7vd8zCPzhr5ax7O31yCv1ZSw5VuaZySSY1JJNYV6St1B530SNbV5vpQG7x7ggMkZNc1Ni.4T587yFEJLggNyhhTJpijiyL0lCXZdrQIVAovtaRWY4ksbuqSpvxwMZ3J2Zmh94VBqoWnO0GMblgJk9nUMDlOWvCs.McpPBlYxdmVKlMSckfvJulGaSl2xdXemlRc1BA90y6sn4YN6Cq212MarmfgRj9oPU+hh5NQOu5aMm6hiy2nD3n1277XQlfLu1hm1reYfHNyRc84S1r7AcPohQiWWuC7bvx9NSk0XoLU.b40Q4ZSpWeRRvr0NSGqtnyNEjaxz0fk1SPXRxQSiVvIJMRlzmjTgTvhjLq3yfCNrmFF3xLZ1nNx4CksTUfingCy7x2jLLOhlICXGA8vQGOzFDbr8ba33ySVp4SYVuEbivxVbch6H6M53oTqoS3L6bh0uiOXQWXqzsPiVHwL45FoL6rNMdeidLrwF8NJho0bsOv66hWMfkapfiMC2hUrXiIpFbclqfG4M0779sJtYgNlTlYGVaOPKK0dP.btjN1mmybyIJDoNEESzbFxLSeVT2boVc2SNha1FY+0rAFpJmsW02p6Bkym2sm6jTPiCpzC0RVcLOyhb+pNR9VJjtdxg44zC326wDHdTY1YuHN6PpjLW.8LGXr1hEK3OHpN2Uvc93nDo1RqYWX2GswSKEnKNh0B2KSAPB0pSREPRkACkj0x6Ob0IvIv7I7QGy3mJLkYi9B+7jhKK7YsquL2mjdiqIC0wElHowbpN1i6rY9l4SzGut0AxYHCAsbtomAAbLC0QxgjwQCj7AtrCnLys6oshiimkqGmuQ3p1rxzMzSCpGcBmoLzoI8Ixssojc8mJxiC0U1.DIQCWZ6GUO6ncax28wa51sTiun81SMIMhAE8tKz8vW2ErrK4MAJqGB7otIVa.lEEDgBKDd3cWM+txft9JYB.KWLGAqfRwvPvCVogFXHJ7A62e++792ZSZFqerbqK99gZXGXR4RNEYn6yfRCMSdnAYi2+gZTjkMr+02+wmVfZnvYHLXd3CWVn6+06q8+Zxx5aZqD5wHeeP72zb4P73uWfODlFrGD+ghDheJ3yNVLz5KmD9leeSBMtlIuwQTnPHDOOB7n7HjuY4Dtx2+54lDOVJJdakvPcrd4nzG0U3WDHFCKgSkgfrBxKWGr91pCAIdXTzEeer9U.Y7Eq+3SicKqgDvhs9GpdsdRb5Y9MvOc9VgiPSbAalpU9WEhN.nsC9IIhudxdAmBjYpuN9KIZTRA6QCE47uX5d4D7vDH97sTz9Cv9nw2k8wuWH9SUkgXCmuMFu6afwhpw+Ov3ib19wpbVV.C7y.70UGs4kRP62X6udG1tnkbLr3bP0YoAKK5RX.J18vhSGIk066JOQdUtQobYFXIHz7hv+o34QiTkxUdzH0SFIBzMhQ+hw0aZkrB+gKZJvT3EVyusf9dgbMJhK29tMOGTPR8WLL9xk5qBr4KMvVuz.a+RCryKMP5WZfceoA162Nvx+CwfTLJ350FBBIYtKsqpTgKTu3D3kSqD+W3.EZHM
                                    

                                    I remember now it was the alpha I had issues with...

                                    Hise made me an F5 dude, browser just suffers...

                                    1 Reply Last reply Reply Quote 0
                                    • ustkU
                                      ustk @d.healey
                                      last edited by ustk

                                      @d-healey Ok... Wrong again... It probably was a sunday morning the day I tried...

                                      Screenshot 2025-01-13 at 16.27.13.png

                                      Hise made me an F5 dude, browser just suffers...

                                      MorphoiceM 1 Reply Last reply Reply Quote 1
                                      • MorphoiceM
                                        Morphoice @ustk
                                        last edited by

                                        @ustk I can confirm. some examples I worked through in the docs have colors or grayscale colors at least

                                        https://instagram.com/morphoice - 80s inspired Synthwave Music, Arcade & Gameboy homebrew!

                                        1 Reply Last reply Reply Quote 0
                                        • DabDabD
                                          DabDab
                                          last edited by

                                          I think drawSVG function is very static. You can't change color or thin/thick the icon from HISE without altering the original SVG file.

                                          Bollywood Music Producer and Trance Producer.

                                          1 Reply Last reply Reply Quote 0
                                          • ustkU
                                            ustk @d.healey
                                            last edited by

                                            @d-healey So that was it, here I have a circular gradient in the centre that is not showing in the converted SVG:

                                            Screenshot 2025-01-16 at 01.17.06.png

                                            Hise made me an F5 dude, browser just suffers...

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

                                            19

                                            Online

                                            2.0k

                                            Users

                                            12.7k

                                            Topics

                                            110.1k

                                            Posts