HISE Logo Forum
    • Categories
    • Register
    • Login

    SVG Repetitions

    Scheduled Pinned Locked Moved General Questions
    20 Posts 2 Posters 335 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
      last edited by

      You put the function in on init (like all functions that you write) then you call it from inside your panel's paint routine.

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

      1 Reply Last reply Reply Quote 0
      • MikeBM
        MikeB
        last edited by

        I don't understand what you are saying-David
        I will try something else - thanks for your effort

        "One hour of trial and error can save 10 minutes of reading the manual."
        "It's easier to hit the developer with feature requests than to spend 10 minutes reading the manual. :-)))"
        HISE Develop - Mac Pro 5.1, OS X 10.14.6, Projucer 6.02, Xcode 10.3

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

          @MikeB Have you ever written your own function?

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

          MikeBM 1 Reply Last reply Reply Quote 0
          • MikeBM
            MikeB @d.healey
            last edited by

            @d-healey

            1. not in this complexity - in javascript every now and then - but that's not quite the same here as I noticed.

            2. do you have a video on this topic?

            3. as I have mentioned many times before, I am a visual learner - I need to see the things to understand them.

            4. should the whole thing be a snippet in this category to help others with the problem of displaying the LFO waveforms in the GUI.

            5. the idea came from your suggestion @d-healey said in Drawing Sine Waves:

            @Natan Yes, but why not just use an svg path?

            1. I have now created all 5 waveforms in Adobe Illustrator and would like to use them as SVG for the representation of the LFO in the GUI.

            To use the full frequency range, the waves are 9000 px long - which as SVG code is almost half a page. That's why I had the idea to take only a section and then repeat it several times.

            I learned this from a Mr Healey here - to keep the code effective :-)

            I have actually already solved the whole thing but unfortunately not very efficiently - Therefore here again the question for a more elegant solution.

            "One hour of trial and error can save 10 minutes of reading the manual."
            "It's easier to hit the developer with feature requests than to spend 10 minutes reading the manual. :-)))"
            HISE Develop - Mac Pro 5.1, OS X 10.14.6, Projucer 6.02, Xcode 10.3

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

              @MikeB said in SVG Repetitions:

              not in this complexity - in javascript every now and then - but that's not quite the same here as I noticed.

              You should be writing lots of functions, so go practice :)

              do you have a video on this topic?

              I use functions in a lot of my videos. Scripting 101 is where you sohuld start.

              as I have mentioned many times before, I am a visual learner - I need to see the things to understand them.

              You can create visuals yourself ;) Go and play and see what works and what doesn't. I do this all the time, when I need to learn a new aspect of scripting I make a little sandbox project and experiment.

              I have now created all 5 waveforms in Adobe Illustrator and would like to use them as SVG for the representation of the LFO in the GUI.

              Ah this is different to what I thought you were asking for. The function I posted is for creating a tiled background, repeating an image over a square. I think you only need to repeat it horizontally, correct?

              To use the full frequency range, the waves are 9000 px long

              Can you show me the image?

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

              1 Reply Last reply Reply Quote 0
              • MikeBM
                MikeB
                last edited by

                @d-healey see snippet

                It would be nice if it would be possible to achieve the same behaviour as with the long version of the SVG (move Knob1 and 2).
                with the short version by repetition.

                HiseSnippet 4447.3oc0b0rjbbajtZR1xbJuzgrW8.Tg1KC2sIYATn9KXnfiEIGFbME4Dpo3tanPgbwtqdlJXOcMp6ZnDsBEgeA12k8QXeNzAG6IeYu32.uYBT+.THQKZZpC6PQwoyDIvWl4GRfFci5js0KJ2sqdq2jCd9atnzax+vz4uYSyY2+rhpMdO9AdS9MSe3idVv+VwqKWUu87mWtqw6SeyEE61Utzaxjq9HrcSN3Zdxe9K26SKVWrYQ4fHOuWTWsn7IUmW0LH8ji9cUqWebwxxmWctVqEG83E0ate855KALc0ogdWTr3UEmV9zBrYWYp2jO3gKqZp2Nuonobm2jq8o0Key7yp+1Mp1+hpcUubcI9Bl2bniThOtd8RDwnTu6eV05kmz4667fd4jgHwUUQhOZ5mUsrpW9PD4CkJBFrPOdL4J6CdreZ3ERAuIZv6ZJ38qmNew1pKZFzfX6WN8waZJ2tp.RA5vR0Vuq7m9jo2uFZwllaedwqJOdK7hdKNLILbVPbX3Mu6M7w+bm6L+EOJ3jUEKCl+3m9vfaETsI3e8Kt+CCdU8lWWtsoB96sT+7jm8zGE7hG94ye7ydJzva8V+yM7gL9tlfWWrMXW0lxfOInChK1VBQwSJZN6PDRZs60m90KKZJf19kLV3LVX9rvYbgXVdxrzvY3ehRlkjLKOC9UVltBFSpA9Etg3DtRrfPppaDgyxisZehgTd1rjH7WhAqDiDK6FdLeVdjsAoFh65cFgTEZByl4mysL.5OMo88N5qLR3vA7GZafvPbeuCg0rbJ7jRnP4rYYV8dNgTkWQ1bN3qYoCcNHNdlOBRc4ZY7Li12kv4l8RGDCEyxHS3BBEp.VlcBOgPpxk.lPlvp8oFR6S2.KHiNeqqvev.zUsy2bBoscC3TLq1KLj124.IHKjBMHOH0Nci9pl3dz.rfT57cJgFLkYHVkvCmo5Fei7MNO.zjn0dMhfbjsYBrbCw8vmQHV0OvnjlPL6zPbu+BA4TRxPBgBrxEDjsICYDR8aCavfZWrH2PZevDcVRxPDghVe0lLHHj1VWTBRq5hFR6ACLOIImBLYDJPvzK0WiIvwLIUBGYfCJ5S34FR6SeDRU8BPDRr4GQFRGpslgpIqsJP3ZWa0PbegEQWPaLbfPiehM+vn48kVSv+kZpFPCR3jS0RHVFAHAIjoaAghVW0NcmPHUEZ.mM1NcyxLDOTomqKWelOlhGzfgvVbFmXL.gCKHEqkyEC0csD2U2kp8PY23dpfzOkEcGIqujabxn1JzkMzsXTIVWrudE2XgsEw5h6.B5jQ1HI2Rrx+hr6VH1FyohG3xkwLaC35h6vAl0BIhHBK4RR9fLr.muZlttXszKVAPXmew3gl3N3kRHseAHgc9MWWZWjBx4Bh7K2RrJJIryuBBo8QDgUhWtqhAwc3.cQAANfDlvJ8lpKTKcYKseakBtU645R6YNf2vrwgvRrZ5tvH6JSt3zcwnrqbispMsKnR7xgMzJwmXHsG2frHxDeFgBYsk7QPGJnFkQvgAJRz3zNVLMJ0FEfKEQl2EDJ7UUSiFm2Srjo.BvQhD1SlhHJV.w8H5zNghVebbZOxRV+NjhFm1wMnOHrOsmoKUeNMj40ZdeMaLZDRTrjPb+hKb6jKFo3iSuVhTUJSPvLxYzkMzoPJmmRWoLaFmnFOWWbekRXFOmH6B+KOlXxD2N6lQHse2hb6rattzNeDx3bhrqzKGyDh0k0mb4PNmSkcw5m7wYWn7DChF9ZJRRZU.kJsDC8DZBTLhGZaQhtXzOExVCKfyxMEq5GNrzIKy1fTcwCcOiPbKfvSgH01hHcwC8O3wrdJfuAh3HdssPnKdn+4PoIlfDRoDZ5b4HqAH2VZWnlp4blbMjtdOSsgVDi5xEhA3jaX.WzBG+HC4CvLDBQzIeAgltHmcxOwVZqiArhbqlmpITKwCDBGIdaEnT7nSr56HSg9CPA3CIVMWnITmCBaXiDJHWfHgi9ovNABz.57cpkBI+VS5P5VuSTIab0a0doinXA3vJy19lz.Vdq7QXmYKtsiPBHgAQZhGbVtbOf1NahkbbQENVgF1FdRtduiZXxxwhQZxyTJCw8fEQYFVpEpV1pweXnXQXLg0ooGax2hHhhPSU8f.1MKw3DpJ+RBOXeFbXepDVgX.IaiGHD.hXRrovfv1Fgg7VlhzB4xSQfymaxJjijRWmUJZQejSvIPcDkh1tSl.EgDVkXnPC1vrmbZOUtLYpsIQFx0FC4nGEaCM+9HWjfvNC4ZoaI.3zfCScQLaiTXHzEElmuGJLOyEElSDFjPfmPBOIJ3xHgulU4.iHLtSiNOAzvg26f7vDFSSPq3F553InFC4svFjmmBJhHbVPGrgWbMCaiXP3gyGGUAEIwx2Rqkqp..K21Bb7gsL3aOH3nyRoQFFY3rXBnkXnPKdBhEz.KGGHtsIQFx0FC0nGRCMVBLTg4TQMc4CCiuD.gojfKhPkZTxk6.vldHLTXxNx.bGFSvNRLUngYo2HncUL2EFQYkziHBoRhSHaTc91tSBhPJekA+aNM4kkm4j7xxScPdwIqTjW4+PRdw0eoHunqRxckmlnKtKt8GeRxKpgf7xxxIAFhfrLaK3HBxRI3GLlglgMkzU+vR4PLPqC0prDgXHgZdhDDj04aovRbYmV0kq4SgHD3zIHIHXtBDgjTaXbRycLKFlMvRynbJDEoTSIQHjlPBuT.Dojk4kffJHnPfiJyBl7bqHrRBBh3fDANpLiXHgnxjvPtNGJKVczyDzjDCUZ7DLv4yRnlRhtShqR8XBLgp1TpgBsYkp2AOgmJycID0kDFxGSgSbVpGFp3bZFb7n.peO.hScSgiSbPgiicQgiE6gBGG4hBGycPgo1rcOJnJNwLTXrSE.dve8Iq0zoE8AnKfh7i1JyX0ZboAUYxi3Z77F0V7MUpM0QsKeBaQ+uai9xsQjpO+oaq9CZ5pBq15rsUHXfM0FQObRnvchTYDWsWbaaS60MdLgV2sScKfJy7c6I2zLQuF6AShD0F1IQpjGp1Ztod+N.QFcTng6.qBRkxgCJ+xTapG2TKCOWiAVWbuR4mb2XZUdj78.OnViVkNnylafR44tiAHuiqy676rNRHobLtcfGUg8KIyp2NNkcYQxkqsAKniy.+h4XRPqsrDZaQ7vhIQJBFF2ETykGxmTouogR3DlQOdHVBSbBUksQNvJhnPtqvZXnCrhcZ2FGGAUHIo113XpEpDlIq14nA0RVQKBOoGvReJhmBOFl1Q6hjenE4wNRjHbhbFbfcEm6fBfcZHYfIIZVVpi.CXUVrq3Rlir.fB0Vu7oyf3o+6H4ifIkbZA9I43bVAZEYVGfRJycnLIaegxjDmgxjXWgxtsM3agRrGYjlguJzAGCqcEmOyEKBH7wYzzHDMwoNSQw6YNFDZhibmgh4NxPpk88cjhDoNRQhD2oHwdY6B2rcgS1dzdX6QNY6QtY6Q8nvmLVx2Cam6hs6bM.YOFQBSAdBMNHRcpbTLhybVLhG5N8LrnhOU9g4dJDy4THmKofVE5rZjyzy9I56gm6hlagA7KYF9gxvTmMcloQb4wUHOm4rwiTmtHacp9TpNh1Tb7hRHFOoBKfn0g7LBqPSjmLYlE+A5R0wOlYwe7wOB+b0oFlMl.ofBm41yYY60yYQN8bFygmGlP64RctROxCNxAHkGpCAH86zm4L+HOIDJTJOcBGnTdrAznLMxMJS1anTt3jCPl3HT19kCjlD4Ke2jjrHlZV.EKR9VCyH1vjjEQocHrzNCZLEC2Nn7soQ3cRz3d1kTsiYWxtkb5EpwmQNAC.k7ShkKFqrSCdp2iGsNcg4j.sUctaKycMbYB2fL0kQItGnXoJeWPT31RgqQKZOPjmSXD9YbRUkB+xbjIWkylAIMiOiQvf5B9B2QWMM9C9LPGwIHxO4yzQV1oSH0o6.cZ3VZz5xPWlIORMGCl7HESsoOcp2CNY13Dd2InBrrdmB+dbpTlEQaTRDANjZ3QjHDObb02XF4Gw732ssRo7rdSFMWT84kklLVS6W4L0wJ09MftSWX+AJI+7oL3PgcQDbeH5bHeFrzQ3rvu5t2vGu1M2dccwxi2Ve9CJZJNr6B1fW6l6bma824O9cWmnlyp1E.+WyYkA6NqdaSvKJ2tqpdyeuivs.mnonoZQf5RBc4lcUmtobYvhyJ1FbQQyYna8keUvmD78AC2XnDUrRNkz7aQNOSc.CY12a.FSzKu+KRNJOLej79umf44jVjOzQ5eW8yFKtueRoMHgt6iIviuRkf1BAc+G4DP7bKCBaKlYbwMjelythyNByzQY5Xb2WXiT6qmQeIK+Qek86qXM9BxjMTuZjIsUqrFi1JUTvh4.V8UnLBc8kmLwTXeoIiVmDY00gy3Q1PQ9oxzVLZTy6qBYzycEfFCC4l9isQ8fzDpFz880WVwI3GtquOdo9jyKuqO9+kUePYcUfBNraR6rfcU+gx5UCRt4MuaaEE8+bm6761T+xac71xu4xxMKdy6bgjgqYH1gLs6i3okM2u97Kp2.u3vOVp8iwJjUaViWbwUWtYQCTLKndiTGZ1150GtnylYPut9xxadC+uOHH3F9GfCxpN.CCTeKwg5EXaO7l+yoggvXbvIEaJWyt81xKJpfgGG2e.96dw1s2gRkn39EqW+xhEu5PSv89n.uVz+YqVAC46oPOeugd9dB872tPesDsNh62h8NF246KtyeOG2639RTFbdUSv7W7n1aja8lS+ae8U8jfx0clETp+X0sEtMLAN9IXb5yqurARLG1kXN7TLzeCeH3Gbm6b5sWUsd8uc85CC+tiOdYA9GraN3TUjCu92RUqVklotOxGnrQdYfw8qLK3KUouYAgyFlDMKHK9qZaeaJCSXueC2ZrsmV2T9rMGdS+u2+.+evOXrpUqH00xBVWtkTMdo32tOCObykm+xxscr5tF5M4ZlW+7oucW+7Ep7qVCq273MUMO6hxMtty7dsjBOnAsnB9sF4kS+W0d4zmutZY4VupkdS9ESkkc7j.t8B++6Ws5OeOu2Zi4FF648GO5HKi+vViAZ5Kq+z5uSZ9ubZ2KYi5Bu+x879hGiKpf2x9VOB7xKjWtcH.N4AkutZQo5N2evzGTt6UM0W.w494AdSt9OoS+c8C3Qe6QuYXz+vi10TdwbX8MHUMM71LuyUONEVI+4OeuyKFL06AG0T9cMn6zuHGlE5wguBG2n6IC.NiTBiqOUM6TCG+2y0wwGez2Vsr4rdAm7MGcVY0omM7Da3nu3nplxy6dxLbvG7i+3O9WQECR45heY8VHHn7rgGEDJoedwxpK2oKW2K9E+jrfwQyoShgeWORxtcnmQn6+nMzc8opUnLFwO3sj5Lze+W5Ywi9JYnAbn+ooygJS9OeaUwlSWW5Ou3a8m+MWVrsz+yK1rr9beeErlNYpLLa8Tc3Cm9Y0KubcQi4CbB7orQqBnLfwS1A7o2.7lcZdiNm9m+mBE+JEdmN8IG+rVPB+VPO5Y5f7JjfbfD2K75GgORPdb2STj+3+627edT+idD0TvdyeR4ov.oK44kPJc9a1rPmZM+75Z3sct4TyGzHezQOot9hGto.BCK06jSNqXWYKIQI9+4O7Q+o6c+K20TedGVjOIRlCDNYkiIe4zDwsgeV8uf++76C+unm8940diSkW8sKURj9txaIc6eTlI6SYXN88JiK7s9wxh2eSHtmO8+CP7ud5IUMKNidNM0zEOue1wa6y8laL8gqVUtnY.rWa5w+6+7+PtwSskwS+rhlsUXMxmd44ygkUVTBHYCr7EtclIWAWrP85P70xo3kaVJeweE9oUICe8jVkrNkP02Eaq+5EpMMfSJttTBfoMxGvPGL8yvWGzuOAbUYXsjpkUe8hEXn3VPXj1F96fMQuC1HdGrI9cvlj2AaReGrIau1fOqk9sWB0dUSS.Am7PUU2I8UumbUu+OJcSwnA

                "One hour of trial and error can save 10 minutes of reading the manual."
                "It's easier to hit the developer with feature requests than to spend 10 minutes reading the manual. :-)))"
                HISE Develop - Mac Pro 5.1, OS X 10.14.6, Projucer 6.02, Xcode 10.3

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

                  I'd stick with the long version. The problem with repeating the short version is you'll need to also calculate the scaling for each image which sounds like a headache.

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

                  1 Reply Last reply Reply Quote 0
                  • MikeBM
                    MikeB
                    last edited by

                    Not if it is possible to duplicate the short SVG e.g. 5 times before and then to compress the whole thing again as as a coherent element (frequency) or to shift it (offset).

                    This does not have to take place in the same panel - I thought a panel image - attached to each other which is then compressed in a paren panel.

                    Would that be possible?

                    "One hour of trial and error can save 10 minutes of reading the manual."
                    "It's easier to hit the developer with feature requests than to spend 10 minutes reading the manual. :-)))"
                    HISE Develop - Mac Pro 5.1, OS X 10.14.6, Projucer 6.02, Xcode 10.3

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

                      @MikeB said in SVG Repetitions:

                      Not if it is possible to duplicate the short SVG e.g. 5 times before and then to compress the whole thing again as as a coherent element (frequency) or to shift it (offset).

                      It isn't possible. Just use the big version, it doesn't make a noticable performance difference.

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

                      1 Reply Last reply Reply Quote 0
                      • MikeBM
                        MikeB
                        last edited by

                        Besides, it is not one long version but five - Sine, Square, Saw, Triangle, Random.

                        "One hour of trial and error can save 10 minutes of reading the manual."
                        "It's easier to hit the developer with feature requests than to spend 10 minutes reading the manual. :-)))"
                        HISE Develop - Mac Pro 5.1, OS X 10.14.6, Projucer 6.02, Xcode 10.3

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

                          @MikeB said in SVG Repetitions:

                          Besides, it is not one long version but five - Sine, Square, Saw, Triangle, Random.

                          That's fine.

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

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

                          20

                          Online

                          1.9k

                          Users

                          10.7k

                          Topics

                          93.0k

                          Posts