vector drawing...

[Lindon]

Thanks everyone!

[Lindon]

Okay so I moved this over to a slider - with laf and this is what I get - if anyone is looking for this sort of thing:

HiseSnippet 1207.3ocsW0uaaaCDmJIpa1caXAXO.B8ujKTjsb9ncHXnNeXWXzlTi5rfMDTTPKQayEZRMJp33VLf8G60Z.6UYuA6MX6nnsk7hSlgwp.cr4c+t69cmH4wzQJBIIIBIxpzEShIHquvt6DtZ3ICwTNp8oHqssY39MuMlHoiHbURczwShwIIjHjk0luTCypzVnrm+5EGiYXdHIWDBcofFRdMcDUkKsSiWQYrV3HxEfWykuWi1gB9IBlHEnzl10Pw3vqwCHmi0v1vFY8nlQTkP1UgUjDj0VGKhlzcnXL2f+RZBsGinmDf5BNxHtkfEoYrVJ5jgTVTmYodBB7Rm7BwllBw2XeFMhNWddA4qyT3jaQw5g0FKRuMWfdAEoWsBzaITxp.k1xPoss6FJowpbMZ97X61bEQ1GCk8hTwfEswuaaeh.PvU9ivWSZIgIysv8fZ07bf+T4vxkgRehx4FrzAdk67cNM4Cnbhenj.IyKYhdXlwouVHt9HdTKBg4pMDf6KICnIfWakxCUTA28IQR732JTX4jtLZDQ9DOm9yTNvSz6mp7wxNviNfXHbfDeLDqCmKUMjFdMGRUP694hwxPPvrjxPuNX0vLtjgpZ0LPvS4RC7SHJyRJWyWI9SHLlXL.uj1ebgbzE5PAdMOjUcbwWU+cy.k.IhB.ryYPj76ztZf+tfJHL9gLBVpCd1rLfmSF2MsWFop4WyC9nUuhgqZUMLBOB.3pqJ2fYojyAyvL5GHQUb1ww0vmm5TG9rDLygTIOvS8XQKcC.fOXHpLKuvQQGICcuxcN+qVuhmSgYdF2MWRk6H3cdl5nmlKlTsP4zvRrdsfNfCHpiEo7nj4ElA950TYUU.fG.0KuBZxyhus04EUQFYlFnAXVRTsZHUBu0bhjhXmjg3HwXee+rHzGNXpIiQiSHtWED3ACc32oNrOAe0t5eLkKKhrtGLVIj65AiUB4ddvXkPtuGLVIjG3AiUB4y7fwJg74dvXkP9sdvXUPBpgwRQpe+0CNV8tur6MvLYYQtlWv84ueoxgyNXxQvOWnHug6Vo7G0pJ67uU0u+R0oONRJXLhbop084jOjgt7zQ8HROmrchyABG9uXGE66uiRwFdglSGK.Tvayop2DS32WaPzziT0celxJ.pJq2yWMs2i4nbDEZw7Y1uhK5EfxHbdO7erA56aeJVgm4FviPTfKPnn5Dv5TxMvMBLszJYeJI4ZkHNC6nXAWGeqG+eFzamGve8maLY9j+f0.ZBE2ENCaprF+4G9sWLlFoFlSQZigD5fgphRxOn.j9HPzS0xGgusXlEQ5iSYpKWLia2XDMJhQ5HRn5WpE0ftaab3BDhnTFVs3sJzWkZpBsOJ1JW2tlC9dRwqZ8+1UMVUJtscGpJb3x43FKgivBfOEbb5Ez9R6l86SBU4DbK6V+vmlaigdqHUQ4CflURJrhv97zQcgkJgDH5bNgo2XZsgdKjYdM8bcEnKznKaxeCOSUFnmaMUYvLkvZsPo38glMd5q.94YR.Nwyt8aI6yzycluiy1FtWABV6QeeXnN82I.gVtM0WCa1cMrYu0vl8WCaNXMr4YqgMO+AsQ+OBbTpRLxrc.DzoY1IeVVM4XXkU1pPz+.wO9qbC

The only thing I'm having difficulty with (my poor maths) is getting the yellow arc to draw inside the knob itself instead of outside....

[d.healey]

@lindon If you're on the develop branch I encourage you to use local LAF. I see you have a double declaration of var normThick.

Playing around with the arc's area should get it inside the knob.

arc.addArc([0.08, 0.08, 0.95, 0.97], start, end);

HiseSnippet 1206.3ocsV0uaaaCDmJIpa1canAXO.B8ujKTjsb9rHXnNeXWXzlTi5rfMDDTPKQayEJRMJ533VLf8G6kXuM6UYuA6MX6nnskxpalgwp.sR3c+tO4o6XGoHjjlJjHqRWLIgfr9J6tS3pgmLDS4n1mhr1zlg627tDhjFS3pz5nimjfSSIQHKq0eoFlUoMPYO+0KNFyv7PRNID5RAMj7ZZLUkSsSiWQYrV3HxEfVyouSi1gB9IBlXD3RqaWCkfCuAOfbNVCaMaj0iZFQUBYWEVQRQVabrHZR2ghwbC9KoozdLhdS.pKnHC4VBVj1i0TQmLjxh5LKzSQfV5jmHV2jH9V6ynQz4zySHOIigStDEyGVqce2a864dAEcuZEbuE3RVEboMLtzl1cCkzDUNGs+7X61bEQ1GCo8hthAKZse219DAffq7iw2PZIgMykvcuZ07bfWUNrbYH0mpbtEKcfibmuyoIe.kS7CkDHXdISzCyLJ80BwMGwiZQHLWsf.beIY.MEzZqQ7PEUvceZjDO9sBEVNoKiFQjO0yo+LlC7D89oJenrC7nMHFLGPwGC15v4TUCog2vgPE3taNYrLDHLKnLtWGrZn1WJUtz.+ThxTC4p0IUQhMaCz.zZobopUCoxPFwIRJRbRGhiDi888OTKden1rIiQSRItWED3AK7U0udq5PpBe015+45JK.YcOXsTH21CVKExc7f0RgbWOXsTH2yCVKEx88f0Rg7.OXsTHetGrVFj.aXsPj5yudvWVe7gcuAlMKxx07Bd.8kUVkUaTTml+j5OgvXhwZr5JPtPFegt3DpCyKRq53p09LPoPouB.r0YPsoem1UC72FXAlwGJ7vxrxU8tLfmSF2cTurx3Z907feFGaoLW0pZXDdD.HKMbKlMhbNHFlQeOIphyVNtF+4YN0geK.ybHUxM7TMVTR2..3CZhJyhKbTzQxP2qfX4.OmYue9tYu2+ZOSFxSaESPTHQYrOV2WPqpAD0whQ7nzrPFLU8ZlSXcSlrjFfBNSwd4Inrv3Wpb3rlNNB94BE4Mb2Jk+flUYm+Mq98WHOcqFofwHxExVOCS9PB5xGE2iH8bxxYyABM1u+zB6O8zhhCyBMc9J.Tvayop2jP3epQbnosK0SVl5U.TU1bkuY5bESaZDEFe7E1uhK5Efxb374y+XCz229TrBOSMfFAq.WNPQ0Af0ojago8lwUkrOkjdiRjjgMNQv0125w+mF8t4F7W+4FSlu4OXMfALIcgpsozZ7mu+2dwXZjZXtKRaLjPGLTUjR9D.f5i.ROSSOFeWwHKhzGOhot79Qb6FwznHFoiHkpOTKxA8wingKGHhFwvp6eiA80jlxPqihio0ih4ftmT7ZT+ucMhk0E2ztCUENbw93ZKvGgBfOG93zKe801M62mDpxcvMra8CedtoE5shQJJe.z7QRgJB6yGE2EJUBIf04bBS+go0Z5OgL6qo2qy.cgFWYa9a3YJy.8dqoLClwDp0Bkh2EZ9vSe8tuLiB3S7ra1Vx9L8dm4ewYaC8KQPsG8cgg5veq.DZwxTeEjY6UPlcVAY1cEjYuUPl8WAYN3AkQeI+iFoDwlOG.BcZl04yxpIGCUVYUgn+AfyoFJh

[Lindon]

@d-healey said in vector drawing...:

HiseSnippet 1206.3ocsV0uaaaCDmJIpa1canAXO.B8ujKTjsb9rHXnNeXWXzlTi5rfMDDTPKQayEJRMJ533VLf8G6kXuM6UYuA6MX6nnskxpalgwp.sR3c+tO4o6XGoHjjlJjHqRWLIgfr9J6tS3pgmLDS4n1mhr1zlg627tDhjFS3pz5nimjfSSIQHKq0eoFlUoMPYO+0KNFyv7PRNID5RAMj7ZZLUkSsSiWQYrV3HxEfVyouSi1gB9IBlXD3RqaWCkfCuAOfbNVCaMaj0iZFQUBYWEVQRQVabrHZR2ghwbC9KoozdLhdS.pKnHC4VBVj1i0TQmLjxh5LKzSQfV5jmHV2jH9V6ynQz4zySHOIigStDEyGVqce2a864dAEcuZEbuE3RVEboMLtzl1cCkzDUNGs+7X61bEQ1GCo8hthAKZse219DAffq7iw2PZIgMykvcuZ07bfWUNrbYH0mpbtEKcfibmuyoIe.kS7CkDHXdISzCyLJ80BwMGwiZQHLWsf.beIY.MEzZqQ7PEUvceZjDO9sBEVNoKiFQjO0yo+LlC7D89oJenrC7nMHFLGPwGC15v4TUCog2vgPE3taNYrLDHLKnLtWGrZn1WJUtz.+ThxTC4p0IUQhMaCz.zZobopUCoxPFwIRJRbRGhiDi888OTKden1rIiQSRItWED3AK7U0udq5PpBe015+45JK.YcOXsTH21CVKExc7f0RgbWOXsTH2yCVKEx88f0Rg7.OXsTHetGrVFj.aXsPj5yudvWVe7gcuAlMKxx07Bd.8kUVkUaTTml+j5OgvXhwZr5JPtPFegt3DpCyKRq53p09LPoPouB.r0YPsoem1UC72FXAlwGJ7vxrxU8tLfmSF2cTurx3Z907feFGaoLW0pZXDdD.HKMbKlMhbNHFlQeOIphyVNtF+4YN0geK.ybHUxM7TMVTR2..3CZhJyhKbTzQxP2qfX4.OmYue9tYu2+ZOSFxSaESPTHQYrOV2WPqpAD0whQ7nzrPFLU8ZlSXcSlrjFfBNSwd4Inrv3Wpb3rlNNB94BE4Mb2Jk+flUYm+Mq98WHOcqFofwHxExVOCS9PB5xGE2iH8bxxYyABM1u+zB6O8zhhCyBMc9J.Tvayop2jP3epQbnosK0SVl5U.TU1bkuY5bESaZDEFe7E1uhK5Efxb374y+XCz229TrBOSMfFAq.WNPQ0Af0ojago8lwUkrOkjdiRjjgMNQv0125w+mF8t4F7W+4FSlu4OXMfALIcgpsozZ7mu+2dwXZjZXtKRaLjPGLTUjR9D.f5i.ROSSOFeWwHKhzGOhot79Qb6FwznHFoiHkpOTKxA8wingKGHhFwvp6eiA80jlxPqihio0ih4ftmT7ZT+ucMhk0E2ztCUENbw93ZKvGgBfOG93zKe801M62mDpxcvMra8CedtoE5shQJJe.z7QRgJB6yGE2EJUBIf04bBS+go0Z5OgL6qo2qy.cgFWYa9a3YJy.8dqoLClwDp0Bkh2EZ9vSe8tuLiB3S7ra1Vx9L8dm4ewYaC8KQPsG8cgg5veq.DZwxTeEjY6UPlcVAY1cEjYuUPl8WAYN3AkQeI+iFoDwlOG.BcZl04yxpIGCUVYUgn+AfyoFJh

sure but I'm trying to get the slider to scale - so hard coding these values isnt what I'm looking for...

[d.healey]

@lindon You'll need to find a calculation for the arc area based on the dimensions of the knob

[Lindon]

@d-healey -- see my first post here....

[d.healey]

@lindon I'm sure you can do it, my post above gives you the value you need, you just need to figure out how to turn the width of the knob, for example, into that value, then it should work at all sizes. The calculation will be pretty simple, just a division. I'll give it a go when I get home if you haven't got it working by then.

[ustk]

@d-healey It is as you say, but just a bit trickier because the thickness isn't equal to the circle offset. So we need an offset variable to play with:
@Lindon I took the opportunity to make a better drop shadow...

HiseSnippet 1237.3ocsVstaaaCElJIpa1caXAXO.D4WxoNJ1NMYCHnnNWrKLZRpQcWvFBBJnknr3BMolDUbbGJv9wdB1SzdU1avdC1NTT1Rd0IcvX0.Nwm6e7vOdH6GK8nIIxXjUk2LMhhr9B6ASEpvSBILAp2oHqMs4jfN2EQiYioBURKzwSiHIITejk05uP6lUkMPYe9qmeLgSDdzBUHzkRlG8L1XlpPa+1ujw4cI9z2.YsP+Sa2ySJNQxko.jV2tAJh3cCYD8Bh1s0rQVOpiOSIiGnHJZBxZiik9SGDJmHL9eIKgMjS0BMQCfDYT2Ux80HVqEcRHi62e1ROAAYoeQiXcSi3arOm4ylqung70YFvEQTteXs1hva8EfWyxvqQI3sDHYUBRaXfzl1C7hYQpBKZ77X6dBEMNf.s8xPw3KZseeC6SjfGBk6XxMztwfv7HbNnQi5X3O0NrZUn0mnv2RhwvVN9Y3NhQLA00KlBKlWvkCIbSROSJu4HgeWJk6nCDb2MlNhk.YsapvSwjBms7iISdsTQhmNfy7owaUGGLy3n5xg+Tsp+RkpX3itjDnffNWBTsCmqUEx7tQ.KVv59GVshVmLHHgp.EMa.ZpVY2c8XwdbJ1OVFgSBI9xItttfsQtCATINiLkF6DP3IzZYZgvMbLGcEYJ5XiXSi4.fa1gyYQITmqLU6I6UO+GGTmbUqq2o01F45XxU6UHdsICiHoIILh3XNTi8M5nBeCPpki5g.03CQyvQFg6EJ4.4iCCcMvjXOcubw5X9Wh6TJmKmX7MaO.b9Y3YrEy9dehJLCxZGRfcScmemyAst86saS28xMAKOvfiwiswsfuNMw6jsmdKgmRuPFOlvYui5WCTm4moxPUcgsOhoynkxLdAcxfzgYkugai5v24KJAk5m.bCJNemOmRDwSSvgDdPAuAHBF7IfxeTrWeolJ4L29tsvOIO7ZXncAM0CwPIh3jo3ILUHdqcasElEfmJSwSHBEVIwik2RwL0LzS78gT6bUQMpiK+acen01Ojlqqa5H008wRaH5SE5JLhpNVlJ7SbzHzvMzmuxZOfCv9OodwpFb380Nb1oMrTbgTQekvANwAo98Uw+aSAAK0llJDK4bMqcIl0Cuien.cDoiGRiqiyX.ycDlns3XR66eLY4o3dFlYIGkhdBl5UQTw8MaGkSm0iTyQE3pJaf5WkOP0LeBwf4lel8KExgMQY.t3hoerM566cJQQlkFHiPUfaEUL8Bv5T5sv0bl4zUrOklbiRFk463HoPWeqG+QK5cyK3u9ysmNW3O3sgIqQCfyN45Z+mu62d9DluJr.hr1gT1nPUYMEi1.sOBTssV+XxckWY9z.RJWc4hq3dsGy784Tfbxzapksf9v6lfaEk9obhZwqJ0uOH2fNGkueReGj.x8zxue3+s6O+uBwMs6yTdgKGiqsDLBDfOEXL+UGeocmf.pmp.faX28G9z7DCzqkoJlXDLKOlALB6KRGO.nJdTn5BAkqOXZsl9HjQtgVV2AF.CoxD9a3StwlZYqbiMmYD3Zdwx25YN3oeWymmoAvjH6IcUrOWKimehy1Flzi.tG6sdd5k+NMQnkGSqUHl8VgXd5JDy9qPLGrBw7sqPLe2CFi90sGkpjiMGG.E86jM4yxpif.LqLVH5e.Q.TZLC

[ustk]

@lindon And here there's no constants anymore so you can freely rescale the component without messing up the drawing:

HiseSnippet 1241.3ocsVstaaaCElJIpa1caXAXO.D4WxoNxWRZ2.BJpyE6BiljZT2ErghfBZIJKtPSpIQEG2gBrer2l8RrWk8Fr2fsCEksjWcRGLVMfiy49GO7iGxAwROZRhLFYU40yhnHquvd3LgJ7jPBSf5eJxZaaNIn6sQzX1DpPkzFc7rHRRB0GYYs4y0tYUYKT1m+5YGS3DgGsPEBcoj4QOiMgoJzNnyKXbdOhO80PVKzePm9dRwIRtLEfzl1MQQDuqIioWPztsgMx5Ac8YJY7PEQQSPVacrze1vP4Tgw+KYIrQbpVnEZHjHi5dRtuFwZsnSBYb+AyW5IHHKCJZDaZZDei84Le1B8EMjuNy.tHhx8CqMVFdatD7ZUFdMKAuU.IqRPZKCj11dnWLKRUXQimGZ2WnnwADnsWFJFeQa76aYehD7PnbmPtl1KFDVDgySZ1rNF9SsCqVEZ8IJ7MjXLrkieJtqXLSPc8hovh44b4HB2jzyjxqOR32iR4N5.A2cioiYIPV6kJ7TLovYG+XxzWIUj3YC4LeZ7N0wAyMNttbzOUq5uToJF9nKIAJHnyk.U6vEZUgLuqEvhErRdS6qZbPyCqVQaQFDjPUyU2VqtZkFM7XwdbJ1OVFgSBI9xotttfswti..JNiLiF6DP3IzZYZgbXnaN5hyTzIFwVFyA.MsKmyhRnNuwTxGY9ow90WVtccMR1q8tF45.v1uP7JS9FSRSRXDwwbnhO1niJ7MvpV9ZXDvY9PrMZrQ3NAVNd93vPWCLI1S2jWtNleRbmQ4b4TiuYaNfyOEOmFYHDCHpvLHqcHA1l0aF6cNn0cP+Fsb2O2Dr7.CNFO1E2F95zBuW1l8MDdJ8BY7DBm8NpeMPclelJCU0E1LIlNiVJy3EzoCSGkU9ltMqCeWrnDTpeBPZn3bdPNKIhmlfCI7fBBEPKL3S.k+nXuARMGyYg8FswOJO7Z3FYrrCwPIh3jY3oLUHdmFs2AyBvyjo3oDgBqj3IxanXlZN5I99PpcdSQMpiK++59P6cuOMWU2zQpq6ik1PzGWzUXLUcrLU3m3nQnganO3k0d.Gf8eR8hUM3v6qc37igXo3Boh9RgCbTDR86qh+2lBBVoMMUHVx4ZV6JLqmpGeeA5HRmLhFWGmw.V3HLpa44m1287yxi28LLyRNJE8EL0Kinh6ZnOJmNqm0liJvUU1j1uJeRqYvEhACT+L6WHjiZgx.bwMV+XGz22+ThhLOMPFgp.WWpX5Ef0ozaf6+LCvqXeJM4ZkLJy2IQRgt9VO7iVzaWTve8m6Lagvev6.ibiFBmcx004Oe2u8roLeUXADYcBorwgpxZJFzAZe.nZWs9IjaKux7oAjTt5xkWw86Lg46yo.4jo2TKaA8gWZAWWJ8S4D0x2gpe3PtAcNJewk9xIAj6YkeXw+aWr9eEhaaOfo7BWMF2XEXDH.eJvX9yQ9R6tAATOUA.2xt2O7o4sGnWISULwXXVdLCXD1WjNYHPU7nP0EBJWevzZC8QHibSsrtCLDFRkI72vmbiszxV4FaM2Hv07hku0ybvS+fmOOSCfIQ1a8pXetVFu3DmsMLoGAbO1a87zK+8ZgPqNl1qQL6uFwbvZDyiWiXdxZDy2tFw7c2aL5m8dTpRNwbb.TLna1jOKqtBBvrxXgn+ADLmxEG

[Lindon]

@ustk said in vector drawing...:

@lindon And here there's no constants anymore so you can freely rescale the component without messing up the drawing:

HiseSnippet 1241.3ocsVstaaaCElJIpa1caXAXO.D4WxoNxWRZ2.BJpyE6BiljZT2ErghfBZIJKtPSpIQEG2gBrer2l8RrWk8Fr2fsCEksjWcRGLVMfiy49GO7iGxAwROZRhLFYU40yhnHquvd3LgJ7jPBSf5eJxZaaNIn6sQzX1DpPkzFc7rHRRB0GYYs4y0tYUYKT1m+5YGS3DgGsPEBcoj4QOiMgoJzNnyKXbdOhO80PVKzePm9dRwIRtLEfzl1MQQDuqIioWPztsgMx5Ac8YJY7PEQQSPVacrze1vP4Tgw+KYIrQbpVnEZHjHi5dRtuFwZsnSBYb+AyW5IHHKCJZDaZZDei84Le1B8EMjuNy.tHhx8CqMVFdatD7ZUFdMKAuU.IqRPZKCj11dnWLKRUXQimGZ2WnnwADnsWFJFeQa76aYehD7PnbmPtl1KFDVDgySZ1rNF9SsCqVEZ8IJ7MjXLrkieJtqXLSPc8hovh44b4HB2jzyjxqOR32iR4N5.A2cioiYIPV6kJ7TLovYG+XxzWIUj3YC4LeZ7N0wAyMNttbzOUq5uToJF9nKIAJHnyk.U6vEZUgLuqEvhErRdS6qZbPyCqVQaQFDjPUyU2VqtZkFM7XwdbJ1OVFgSBI9xotttfswti..JNiLiF6DP3IzZYZgbXnaN5hyTzIFwVFyA.MsKmyhRnNuwTxGY9ow90WVtccMR1q8tF45.v1uP7JS9FSRSRXDwwbnhO1niJ7MvpV9ZXDvY9PrMZrQ3NAVNd93vPWCLI1S2jWtNleRbmQ4b4TiuYaNfyOEOmFYHDCHpvLHqcHA1l0aF6cNn0cP+Fsb2O2Dr7.CNFO1E2F95zBuW1l8MDdJ8BY7DBm8NpeMPclelJCU0E1LIlNiVJy3EzoCSGkU9ltMqCeWrnDTpeBPZn3bdPNKIhmlfCI7fBBEPKL3S.k+nXuARMGyYg8FswOJO7Z3FYrrCwPIh3jY3oLUHdmFs2AyBvyjo3oDgBqj3IxanXlZN5I99PpcdSQMpiK++59P6cuOMWU2zQpq6ik1PzGWzUXLUcrLU3m3nQnganO3k0d.Gf8eR8hUM3v6qc37igXo3Boh9RgCbTDR86qh+2lBBVoMMUHVx4ZV6JLqmpGeeA5HRmLhFWGmw.V3HLpa44m1287yxi28LLyRNJE8EL0Kinh6ZnOJmNqm0liJvUU1j1uJeRqYvEhACT+L6WHjiZgx.bwMV+XGz22+ThhLOMPFgp.WWpX5Ef0ozaf6+LCvqXeJM4ZkLJy2IQRgt9VO7iVzaWTve8m6Lagvev6.ibiFBmcx004Oe2u8roLeUXADYcBorwgpxZJFzAZe.nZWs9IjaKux7oAjTt5xkWw86Lg46yo.4jo2TKaA8gWZAWWJ8S4D0x2gpe3PtAcNJewk9xIAj6YkeXw+aWr9eEhaaOfo7BWMF2XEXDH.eJvX9yQ9R6tAATOUA.2xt2O7o4sGnWISULwXXVdLCXD1WjNYHPU7nP0EBJWevzZC8QHibSsrtCLDFRkI72vmbiszxV4FaM2Hv07hku0ybvS+fmOOSCfIQ1a8pXetVFu3DmsMLoGAbO1a87zK+8ZgPqNl1qQL6uFwbvZDyiWiXdxZDy2tFw7c2aL5m8dTpRNwbb.TLna1jOKqtBBvrxXgn+ADLmxEG

Thanks for this - however.....

now I have the exact opposite problem when I want to move the arc outside the knob - I "played with /2" -its has very very very little impact (try /1000 to see what i mean)

[ustk]

@lindon You said you wanted it inside... Try to understand the thing, offset is 10 while thickness is 5. So playing with thickness only gives you access to 2.5% of the possible movement ;)

the calculation I've made before was to place the arc right inside the circle and be able to move it around the edge of it, not much more....

If you want to place it freely, just give normArcPos a fix value

var normArcPos = 0.1; // or smaller