Arc vector graphics for showing stereo widening
-
Hey Hise family.
Here is a vectorized pan knob in the below. How can we turn it a stereo widener knob with 3 arcs right and 3 arcs left (similar approach example image is in the below)?
When the knob is in the middle, right and left arcs will be drawn half.
When the knob is max, right and left arcs are full
When the knob is min, only a line in the centerHiseSnippet 2391.3ocsYEtaaibDlzwLs1sN3th9qBTf8zOJnxIKK4jzqMFA01x12o6hiErbSuCAAoqHWJsmI4JPtz15L7aReH5iPQ+Ueb5aP6L6RJtThx4fwcxADjytyreyryL6rSFjH7XoohDK6MtX1Tlk8u1Y3rX4jdSn7Xq9GYY+DmSooRVBQS5vYSoooLeKa6G8kHA6MV2R86+9WNjFRi8Xkj9t8eqf6wdMOhKKoNX+ugGFdB0mcAOxX1Oe+9dh3dhPQFfmG4zwZJ06R5X1an3zVywx9wG6ykhjgRpjkZYu9gB+YCmHtNVO+2xS4iBY3GcsFBBRS9DQnOhXjpUuI7P+AE5cpEHkAkVgGosB+VmS4974zKsFehZ.RIGl1C60pBuGUAdcMgWGC3UCjrMfz5ZH8oNC8R3Skkif34W4zOF1bBnfY2DJ54Zs10+FmdBXFwx1QzKYmj.eLmC2m2oSKB7n4daso9uc1gzKgAvm7MwhQasIONjGyHAYwdRtHlbIPc.MlE5FCaJsH2zhLqEQL56at0l2t0lD3WnviFRfcRYhHbOMs7uHuhTfFpu+hxoY9j0OKlXJCU4orDImkB3O5qGd1abIZ1xWR7Wiq49xIMdIBl1p2aYL3DFe7DY9n5OLGlFFJttG7bD3wkBSqQuPN7VKxWItB78+CjiRniGyiG2vjsT5Ur9wCRX.HAljIYLygi3w4qH7VkAn2TL.8FM86pp84Fr19TIssOKflEJeKMLiAlPjOSR6UCKSML0dpMzAT4DW8Fc4xnetyNC.+aIIQjIgc6phCs+3nmqGzsvUvcbS8DM1CJeC8i.G7jRJjwnnzQ2tct4jSN7.7ul6QVA+Gj3YP3JZBIVjDQC4+.yuvT3JmvSaOloMDtMIaSJn3pL+MaR1obVtJKecyphwu.A69Ec92+SBOlbN0m3t6f967rlUQDHtyER.HmBV21RALQNMN0E3rPjESMQ.YEvPnWsjd7zb4rBNN.1+.tdWIl0t5M2Y2VFJRtKNP886sBSpRhPzrHA3iQ7ExxgG2VOpawx1pB.LUmUIWL3gHEfqSzTVbp4RQS7pYo1tKn6e70qxZgJLA9GJ0TIMAbaUF8p1N0HmED.tbfoa21uXOM2cIm.H5BwT09a6Wn9DS0kVke.uWLAx.DCoZAAzocm+7dKMi+FtM.i1scGvkZW34SqvXEUXEpyoPVYRZVBiLSjQTYRTp1Tvg5yJmoZaVGY21KjQSbWoABx95kEhFeTNrX+bCDI.Rdpn4kkj.IF.0.79ppUvzma011zH9445mIsmtnm7dlpI.kn4JGtr+.KQnWSheB85TBk.YTlA3hpObQDrruhIfTAYPnh6bhsVDjcZ2s4hn3.e+B4RtlC6X3Gi4WwhARPnEELQbYJr7nPRw.9bKlaGR61sI69zA8aZJRycC3fLHSk66L23aQV5KkuR4auuJxaUpml6q+jrNcpQ3yWBv7nxK+knFC9Dm.Ul49tN2Dj+qEoK362h7L0SS5EIdTKiayRBekJOjay2apIEAtwrqIQL4DA3UxjYIw4AxfSKymLRjE6mVtI4I.GUOLBG7OpycGcYwHk7Tjl1K.IGpDm6BHcI+CsyXgGhaVJK+CPlpXF5HnH.LwF8JA2mbMimfvGAMTQPSyDanrTmzZ.kVyg3RVsERXTeL8pe6txB2x0kiXAX8ZTLKfpXFxH1D5Ub3PWx0S.OdLKSJKDspTxTwzrov9QbF3luzw9mJ.SQQQQkm6yf.G4xm8yCzi.om.sg4aXVts5QG.LwBmTFYc5f4YlhvkjnjPUdJMm9P4zEG+uvo+FVu6pwnwCH4PzWjA0gqJwq4sldCE9T4kW8gqVXgbaXV3UiEOTTMszB7TQH0NUuIz3wL+pHu9M74lWvCa78Za6UI+uOGRy.WJijkB9pvmzwhXn9bTLPp4oSEIxZzeXziJ37UjxU9agbra2UcRPIwuauEsgKAiTnd.tjeEWNKeOeDEtpBAx5W5FjfVi5AyPC9gyy6z4GcYcKKuxCsLTwJZ7NKtlebEDSro0B2P75tvIJXFixiZTJWyZPC65B2Y04ap44Vm+9mWCxasnJWg.ZUV1FrjlzeLHXlQ.nZqMsHuGPVoRoUYD7Hmi8OaoXwEzzEbSKLgJ++ROfkmT0Hph0aYcpbOILu7I7BM4mzT6Tyfa1BUmjvTSs075JojQvVWfpmGsHixjpTo5gEwgypUXPICL3PKVhYVrhLv4k.K4Qv3kTCxAJbI3Un24XqeTDChakrvYtqTyU3KWekI7wiYIo4mgpu5cwBuh0ptTQKjH8tEtoZouj9nbi67eWQ2Dvm.4ToxWGuR2qL5gPCfPiVX3LVmA73V0Mado5c88YzuCt1uba8azazjLSD+xN.n.qPdqKtT05hxkEquuqwEhGi2CMZpHF9vsgZzFZC6hs6PDqFsmVwb8J3pk1esroGfhT5lVIgONR9Fox3dmZgtWnnunrZIme7aUjTbtuAPeiPxNK1s4l2t4Fad2ljEGJHn1wxEXHKo1gwNzkbeL5FmEMBiTzJcwDsrWuZuvbVcuvLaUmm1tXLQQb+Xt7L3BkqpAdV4FSKK60xQELUopqYaUz0Lzeyh6C.wA1QrTnsr0iudeqE47I4bNLj6yRTr9KbT6A0v7es+QPtZrwc4XorkU.siXWw8X513sgyQrzKkhoJvluyaYu48C2afWr+OvZMCewGdQEn.h6w9ZPXoCWLoX1cJjMafV0FcYY+6bVUitrhTM28w+i+m9GD3YJbKCv+jOpE6l4Vq8+98mU9gX+.dXTJjvZZ+H5XPH+dmaGb9Ye8w8t3Cmb1qO53yu6vPZLTOY6o.lx0ZsInPicr2E9B7CGhxIsbi4uuejvmg1PvdlqOEcl9eo0m4MpFR2OcHbxpY+rSyBB32ftcuF312OjMPfUDHLDD1O6k5U6m3bpvGqMnZqiw9kmO.JCy90h8jEq1Xl45+SV+j+wBwO0Y.W5ModLtVMXDC49Y.i4cgeKmiCBfapTBv0cN4a+4ok6V59aNFpAKA2ycdC3OA2ZxigEo.QiXNL60PGe82cvuQK.Tlnu5CLJIevtEwa3fcKFzJh5kH9P9wjXe9+kJJ.lhU+Wbrgyo32j4oXbbf6ci9d7O34gp+1PBv54Y2G.OO6Avyye.77hG.O+wG.OewCfm+z8xC9+1yAYRQjNb.HL3XUpda6iiofmkxKz5+CFhMXf
-
@Fortune Have a look at the vectorized knob (⅔ of the page)
https://docs.hise.audio/tutorials/recipes/ui/scriptpanel.html -
@ustk Thank you for that, yes I saw that.
But I really can't figure out the arc start and ending offset trigonometry here.
-
@Fortune I’m not at my computer. Start trying to figure it out on a sheet of paper first
Hint: you can do 2 arcs (left and right) which is the easy way, or just one arc that is covered in the middle (in the case you want that gap we see in the image) which is a bit harder because the starting point is mobile
Hint2: the top of the trigonometric circle is PI/2, this is your « fixed starting point » in the 2 arcs solution (plus/minus any gap you might want).
-
@ustk Thanks for the advice. Yes the PI/2 is the key and it works here!