Hey there, i am Straticah, a professional GUI Designer from Germany. (Working at Noisehead Audio)
I am giving away 3 Analog Knobs i have rendered to work perfectly with HISE for free.

This is my first free kit here maybe i will do some more in the future!

Have Fun! :love-you_gesture:

DOWNLOAD KIT

Hey Guys!

It has been a while since i shared anything of my freebie work.

Here is an Interface Mockup from 2023 that never made it into a real product so i am sharing it for free as inspiration or to reverse engineer the UI components. :)

Have fun!

Check it out here:
Figma Community Project

Hey there, its me again for a second GUI Kit.
As a thank you! to the helping HISE community, i am giving away a bundle of analog styled knobs, sliders, switches and buttons that i have rendered to work perfectly with HISE for free.

This is my second free kit here and i currently plan on a bundle of LAF and json knobs - but i am currently learning the HISE workflow so this could take some time.
If any of the assets do not work hit reply on this post and i will update the link.

Have Fun! 🤟

DOWNLOAD KIT

@Matt_SF
Figma is also very nice and easy if you need animated graphic elements. These are not 3D rendered but the shadows and gradients makes it look like they are.

@Morphoice isnt adsr with bias control confirmed to be a HISE update? (at least its what i got from our adsr thread and the HISE meetup?) :)

I will also need something like this - otherwise i cant release this beauty.
But we are currently just working on other stuff because the retrigger was also buggy when using as a global mod in the mod matrix setup.

@d-healey Thats an amazing idea, i had something very simmilar in mind for all my vsts but also had no time for that. Would love to help with design if needed anytime soon :) And ty for your video about using images for expansion in the browser thats so cool!

Hey @Matt_SF so my setup is always the same for my Knobs. I use a cold left light and a warm right light and balance them out how i like it. In addition to that i use a HDRI image to give glossy parts an interesting reflection or to brighten up the scene. Usually the hdri is not visible (only its effect) but in this case i have enabled it in the viewport.
I render each knob step in 250px size and import the sequence into photoshop to add contrast or add elements. For a VST Gui i would always go GUI res x2.
Lmk if you have any other questions :)

@DabDab good idea, i would love to share how i am doing it, it is not that special tho. I think i will make a thread here in the future to show my workflow. It is basically CAD with Fusion360/Animating in keyshot/rendering frames/converting frames into a filmstrip :)

@d-healey you are right that did the trick :) next step would be the lottie, but i guess its not possible to include it like a svg in laf. Maybe its possible tho to get the coordinates of the ruler and display a panel there with the lottie on it. i managed to make a mockup in hise how i can imagine it.

If anyone else has an idea how it will work to update the panels position to the laf playback ruler let me know. David and me tried our best ^^

HiseSnippet 6060.3oc05ksirikccY1UkBccc2vsrZAX3mRTv13VHJQwofjgaHnhyCAYDL3PPFQ0ED377PPxfSBBPvO6G7S9KveD9Q+I3OE8GXyHy6Pd69VktU4RVxARfjbuOCq09rO6y9vyQsoxKnssp4t6+Bio5f6t+W8f9TYWLcrSR4chL2c+qdXvoOHrpo3NpoZm11.+6t+9Oi+l96+hO+tm98O7WS4j6T5E7dQ2c2wpDu.4jhjt2KU8a1ljmy43GXjT7hRi9MhdUkzU4UWWvxm8.3c0NdYNQA6btUrewC2c+eBqeRWUidmSWP6c2+4TU9S5wUCkOW9iIsIt4A2dA5N8kF5YwbU492P7Mo2QGmj6q9VN2d2c2+f56s.e1yVfe6CJI9IuS96sD+lmT736qwKsG2+K9gfGzKgG3GEdfeL384u.de9yv6O8Aculj5t2q4F19W8fXYWPSnyxPvKg0yk8tew+i+cOPWsThxNfBmr.tlkWdWMdMJL3W+HLL3W86d0xnPa2ixjbO9W8HaYTRY.fWSvBm3yqbcxet8jqpxHK84BBxe8RcdSkxq55RBVp2WhrYMLPoA1VBZIpDV.frFdf5VN08xTB6orAnU4PznSST7Vcvj1RVbpElTqnJUWTLsN8D2lc.b.PtLFZ.Vzpf.pPlzlgCL5BGHkDy3S6IMQBY4.1OEdQ3PWHBebYX5vgjs0pwh4g.YoijRGUI41OCPxRIDRx.H3ZntyEcVHtjjQJqjw.fAzuNhRach3YWfARNM6Cz65TSjb6IMJOQdXxSN4ZXXwlRCRRRQ5Q1z08n6RSaPzLyY1fQ2JtU.8fkRirdUC2VR3pYpQOzsXMQRBWp2raN8TdLbinlsC6fNbvUzc0dSUg80g1R6jxS7HOTctolZLVtF8n7kg.wQFz8yvdPsjdFpyCtZQQzx6jDTbSg21K2RsVfBUgkmMUto+.YE4zbTcHy9v3jsF1HHw723ZYsALsRLRAooDIqwdJCJIjx9dRl3kJgJI6ZSJGGxvyxTeSpJvv.aSYDqqcbBkFs3RYGXsmQh25hfPQNoTWuluQFTtQdRd7XrXViYWQybRazEz.zq6GsO4LdQ1QNF8T.1FLgikl0GZTqKuL2z4bH.shXek9Eh7IW+z0TwGKHlkOUrQrcOQvpYLYQu50kUXlsNnoVJ3qubMISs1jskR4bsh3remYhcT9YFEWvJMsY1SXW1KVakIctovY2UIgJSZuiWGVIgsO+z47lNT7Vc3oNG6LPiyjUZ0gxn6.ASc2lrRNIbN27TAWytobBKRRcBXOvF1TvrJmtNjvpAbNLSyVgyabAOu+XO.kh3AVsPpsTJKdbd5Q8p7c7ovTdVVtU3qiwpL7k1err8DX9ImzIvl8inGQ22vYVIKlIEvccbGHb9ppJmnKGVUFbgKe0wSmWkyZx1stxqb+ksBVGgNe9HMrVAFW873TqhxIkfs5ljQ0KFNXObX6cEX6ypKhrpRaOtN28R6HpVME04xL2REKpZvcGOMYTyUXrI4z7obgKrLDRBq2A5IVU0FhXoWMYlQrqle1LSbs+ljLoNlL2Kl5na4W2khA44ITH5qO1wbY7BXnEIJTanMiByQUs1vvcjvoiAMmQJQZrOQCac8HlSw1ATkDtpgswvJmNQBLV1PQyuKj5HyvhuGBmamnZWnMHDAx.NNgNuS5tfhEdBwlZ4PVcrsutWoUeayL0kkYFgtX6B1Oe7RXSdEFgJMuCV7JzcWNpt3.5YUfIctXGTkt+Z3FNofip9jhsE57SzdmTf5.QOxOYuwgMcV9npbFbaRVF+D1Dpi.NTPE50CDRfiAIqyr2fw0kmspK5hmSqyZu8Cs0xGvZNAejKF6fXrPGuYVPFpRZuzjiPjYNr5HjXlsF5vngYpB5Z9rZKOkw0mSMsNyYuFDZtSqVLPeiT0Q+Qj50hNolDiqohjhW2CKavWKSB.jFBHHilZCPwvHiGQkJ1dQFBPmbeZDIkGWps5hFIgvPV.xPRfPF..fP.tkRu7.mFCm.CfqAHuZRb2n4lFhU9r4Ss5m2B2msQCKUNmMc337wy7DGpzcY1W5MjnGVyQCEeX13L05rfzZdCFKIWkcJXlBMC61KvfW00iHRdJcNzfAJMzNUoSobTjLWmKYuHRGPbvTKQRp3Tvl1S.R6ZoBBNNscZ9L3Z0YkQdCJaCrlhiaSgEGGU3.pKrf8ZrqSgNq5NVZ4Py033yPSe8fvJJo8cRtTBM1jcinhWEf.7ioxq3D3KyRyCS6mi7LEU6SxOR5LDSaaFBMUMu4.QdblDp+PNjZAsPJYyN4UvqCIKv5EJWFNBXUlghvOodzIaGRzgQJ+7AoklspVOSXbnCMp6jzg0HGR5EpqFttBhYeGdsYDReq0lVdFI58LPtGrUAOZ1huWKr5LZR2FNXxIpRElz.O4gyoxWt.HV.jSUmCneMa.eErMeu2Af8CNl7F.d3PZy600mFNhKWoLoEZOjmOGOrNpowOHZKAtY3THleu5YfYQQP.Ec5dOObPLnfFwcgc5zrHRFkqDXjxqI03vQ6LBph3Z32zyv2DObFgaaoENZtEkRcFI7lU3vW.WxLoQGqvKsSdGeqFqAE1UgPoBpcCtEADqJtTEIotoJz+njQdspnRmtbn8ASw9y6V0IK4BxJxty24X9d0dgN5tw0RpQGOAF4qdz1.I8TTQV2LEFljQWBqRe.Hpogf4Ivs.Ppa2V3SuR9BlwhewLPjPMq53nY9AJQIMLygX7tk0TgAbh2EA0CjBPjyDSz6RFOZbvlmvulp1kS3jcRsgVgnRucuqWGDDBzF5zhLYtwtvhxItTYW8ldZBbvi8Ywxvnsz3UQ6CRm1egTFcKvoJbvZmM91XHmDFfq.R0.2m4UuWaDbjDZxXGSSqRuoXcWksfLwUgK61DYEfHxjO.TYZlTtVmgIWjLhya8dypM.XnqzpgItr95FV.NtNuHdlUaaWeHo.ToRllTe0.KYQ7gsyRp4Icm77nmtZGYA5YhTMRtqheGp8EYdDGMeZ7yxa2q5tkSeXmJrVbu.dvPE9dlypkcpaNgRPDJTt4rIwj.oBgyAQLQz3vU1dZHcocAWTibsmoKQz1B3ScjRqzpaE7ByKGlgwmhhACUXSwWqmHLSbRkFNGUBbYVzgSVkdUJG1IkpnNLozUb0GRjqEg6XMFzV5AcZWjp0QNHxIv9rvb9WOcIh1rGINqTrS+LIi9dZQdUt3MxqzbTttz1W5OWoFUA3dvfFa2LFe047nDUu3xVYbu1jnj.lwvqhPWyQwbSn.zxxhBNCUD0UmrFPA2XX.sQU1izTN4X5b+FQ7VhVagPGJXP+P8CvzkLjWVRiBLq3bbWCI7UsxEmdUlczm5IZa3DjiXQHNtcwqPcEVnLyFXhJrMNfWhyjUxY.fr6oLIPgwB03LzDCopuTFDKsP.YXAWoQGeWM7UHdk7vRcHtpBBS5H1Phrm7b8y0KHhL.IcpT2Vblv0WLvavSmbls0KpaScDddxQ8ocMJncVY9LEzlDI.r78EcHMxbRDsrbgN0nI5H5klzm4w0Z2YyHfjMiCQFoIUWZAYhrOrNUmhfkBSipCEC1+J2V4Sb686BRMIAwYW2uyCSWH4f1VOIQQd7HghU3o1rqhQ.L8kC1.UI6Y3m4edEgUYzE5YTuc1SUnU.LBQIY5CnqH4wEETWxDFNAJLHGicKoLk19vvXlsCWcEuzCZFzWJky1LEB64ccrgVcCzxvrU5kPpUF3bLtbIYKQFXD0lXbamAQNehkTBwpsg1eOvHFy.5kLXC.BniJlWUxBVhrNKlc5rz4NkHMzMm1SnvB1QSGZ1v22NCOIqHRlXSfuR2zpoOwnsSL8HWdnpvk4CVgEFgmUlTrMTjwBLNIhbtZVWSDuF.yx2QOx6hUm1YerNsKNIPoVBzCrQ1YmnLVBebpD5xFBoTXoiJTT6hHxq0rt5rE1M.95nrBeLbN+UPmIvnyWtrRoNXGZQXSCmVzfpsXvItAKLPldec41AEmMLMVELTSWItdY01qwMXIILVrgJ64q1s6RN2RFpqKKcvlOEe3PpbJh.QEn0rsAEiWEOeqL2dLXOSYWeVBZpZiMAsXUqjvCwIsD3BzbpfbDlH7OUOBMH3ZyxNiTUIeM+njnoIdfE6jIP0LxPgjpUZJ6orp7QYLY6LLJRKVqxVGYjqnzyKwhSwNVXVpENzDaEOfLJbnQlgWc+JpQMDcMjsMKtMqxx6isoHIOZuM.ik1fnQjQ5pBJ+4U56kHJRZUoils65A1sT7fs7VDdSGfvOKt8nRsayrGtQvHgxXUJs6FRMcOqnFpDLg9qH6cAS725gBjnmGboIGhj7ZaQVzlgqasfN2eJdSXf0FyP8A1vwxqT0XF5v8SQl.yBpa1dzMhZk9TRm.zDX+ABubHa43MMtsjI6JC6aAksiPaFSJkTQ.kccf1TUiA2ZRxLGrdK.kgrjXebFsRuBV35nvlBU7BxSafBQOasBYDRYdbmJKRlYRLQj7YMfwJflx7PsMM8E9TiSm.YC6VB3BweVnDHBKWd+xFn.PYo.G1prIjwX8jFKm.HsjiFB5tMVIUQtrUMkjbGSyhG2RuuJDWWEvX+tFO5hy5DV..K9q3P6LN6NQkr2BlHgXmkEHcnig17pzKWjk1LBtScBkZ8Izj1vDZ.pRRhrDtlgCCrDjaOXxe.YjiEXk0N0yo0FFX1IXaKiuhlLsMhCKk..xhWxqayXT6XMK9n8woh1oxsqNGGeN2FRZqR+liWohrRKn2GGQD2i.XqlMNEefITMI2ZVFeUZStb67EYrjrRb+bBDwrbdIxIfLAOOzDjCnt7ZTB6Q14kMcPEEXPfS8.Ge3hiuZU77ZKmKWOMKroOVPsAyKkNFQOnZ0P6UVLCSdEsALda7qDrdkpSwZdan3R2k5WGy04PXhn4gaQ0zFIgLBDVtAbYowJWCETp3oLj8HWYSOaydrzwi1KHZcN.mGDH35AKTW.t3LUekgHFhShNTBVF0IhaURXWaodIpUXw2cSVwEQPxchwaVMft+.XXiOEPoK4RLNoSVm.URQX7OQ.ownUndT+3p.kZox0KI6FpBCjUAoUaSOPxxBEMfMjDTqqsKfRQcjKY0grd0AizbETfoKtj.aNiZex11LtiNPp8BaxY4UXcdbUPBaXOyJCfLe3LhQkRh0YD60N7quDiQXi6H.0WLmr657UaLII0TC.LRV+0IdE5KjwTMTuWf5bmkZLYOikniQUI.FeT3Po25Nb6Hippt5AuRsrks5CbUmWklZu1ApkMXvFnipkiPxtg.j.7RkEQWUe6oUtQKSVsOpQZvqsxRoCccTLqbDvDXhXIWcIwvIUWOncMG4gsD7bcoIm4bOkNDXc9bd5LBkkDnvo406DEpUmVk4d7zQWgvTHPUPbfApR.gKpLqLUcjcKQUnJopEkc6tdFe0E.284yPKKBt6PdfEyUMn05pZpH39aNga0qik3sArv3rks1ZwflV89VoyW2gbjvj1kk6PnbUkzvFLrkzW7HOnkiaOLVLAEAGkpzyYDYQEuKveslAo0R3NWdyc3brZC8Wxsqc3y6.v1dwBn0nLBRZmykoyCfGQZGOXMoChZvUipiNXhS1m5kXYvF01dviedmT40C5gV31Nc6Ss4pE8I32peIT0ZKrPdDXB8QD.h0ST6KnLvYL5hDwBj3HcsuH3OdYUx9cK6TRmuaq50vM7h37QtRyZSynTALlCNKyvHIH1iXi3IraChJgUnsYp1AFRqBxQ.ncz6kPR7515RA4MOoXMHVivyhfWYvEOdfzmxMPTIvKBVRITKITrQ+PX5HLuStZHN.J1d.uZfMNX5oGbVMA6HiKe5BMLwZ7CsWWbD.6Nenu2u8DOV514kTYMyGxPwu3x.wvcA0WUBd3vQMmxwyBG4.VCMGCsmq4L2w7oxj8PQH0g8G1HRZy1eFALxtNiIv0EM.57giqwLTf6nO22IvWznTYaqzSuMdxq.Hf5TbHcZpNXX19IHKQPO01EpA7k+tWs76u7ujrLovoKop7QUmxf7129QL6cZdVB7i+UO91OYZTPGcUQcU4xKu9KeV8W9U+tW87S.sAcuq4d8yeEzWnryoo61G6t40H29.qunROIk1IO20wK60gWK8dpE9pW829pu3FN5Wfvq6hSZuAfiN4WCd8W83pGg9pG+O7HN5u6UewS5Zeqt9u5EhdGfV1Mcwy5d0e26+VsuilH+vzD4czD4GhlHeOzD4e1n4xPL80llEl7nZtyzst9Q0p1jakcQqLIGPSPTRaWPC2aQzW523LXDesvszIIW6ZdPyW90O9N.G80OV4lt.6Ge0Wrz5K1wp7.f5ljEqUWysui9M02PWzMn87gY7ZvQLPtm9sn4wke2n73BkWJLv3agzyph.tg.4jxfWO90Ot7G3ScIfSSfy2h7ce8iv.OYauU12xyOIp3TFE7Qoxyi.NuAN25mk17Cv+y+qEvorK4x0fg3jtfm43stPq5ZoefuVfW2RejG75u04aA+tkQO3u9QmuE51SPOd6Q3u6w+hGQt8DxsmfWHCzsCc3MCXOynOEtrj5X22CU9Xv9E3cQIW0MO68iSQAkKMBzy1y2vEx7jnx.+acvsQRftkG95G+Vja3b8W+H9x+fVuf6urIIJt61DimGA9D.spSW7GAzO929NOhObH3Yzx233mr3Aykjm+5uEbj.DGClki6lUD76d1.u3iLxwcSJ6lmsyOai+tm4U3RUu04OQn5kGduC06mpr76sH6wpxcUcA6eyzyW828pG+CUEF9Q0cKHRSU9xblOp5mCM7CTwWWtXqBZ95Eqwxr72Uv6t+y+vCV6gu+CV6km6m2ywzdQAqJEKS51WGT98cZf28l.g2c282+FTc28+IcOcra+4u4X2Hu5mTY81SDMw+1wB9Axft6IB7xCB02oy4t6+O9.8+oeuY6RxG+dp.mN2lpeOSPaVWU8u+x0kniAv.CN820batp9snoKb89aU+IIrk92dW85u9t6LEYt0huAkK.dgD0AMKwiWrO2yDzm3E77gE9EO7ltXwL9tP62c+qdlS+52dTh2BU+DW9kO7zyP2M9R7O89WX9lgD+t3aP4+9B3hCtMU31a+WVTtLSq3sGg6u5ATXbBnMfK4H9BEv+AZbqZ7CZzSlegA627MOKUaw6+Z66ki7M28BN7u9G83xK3z+9u4EbR78b5+5GvowEk0u0+Pz+1QC+TS93Rxh0OsrRPCzcsNE04AhKgAGe106VbiOzL.irFYCz2u8wM5she0CPX333vPq+iMZaP2fgCu4kZP9CZnp5kcN8lCYtcw0+1RIsu0c+81te4+Hi+vuvV82e7E1p+9Cu2V8e6tWZq9s+zF++wfJj+HT8v8+mWd9mYD8Gej6+pGLVlC1VWsL48oSa+W+BAPev4s+N4jEKqL9hK9.w+y+vaHvm8oEH6iDl5GIBg+W7HD4eIfveyCJU9Wyc59v67wsK5xaTrrd0G.zaWfhxk72ld4Eg4GADA+YAh+oOnlz4E+ww3u3ifwkEN9mBL9lqOyu9A1vvkzAeO.+7G3r+AuqL+rz8+Yus6eJD8sHzuwQ6iFz96+pL8+5S8pLU+IeUlzmJ8VFddYK9MOMls3o6kkTF8R+mavjszYg+9uDAZUUc2R+5kxzeZkmmxUXo4+fRGzujmwKag+g+5krHeyso5SLSjhalkmSAovY7sYejufuOH8j7m.76xN49O6S9hP8i3dZ84+yv8z5SGd++AQSt+d0+n652u4A8jadPrk8A4KyWdBi+aVRYLz4Zd2ak9gSVTpJqpiqJS79P+stkMEEEz7Rr+QIDYW2hO+6k7a+Fsf7.m1fWlb1szVbZ9voL+nrEPe51henwq+sO7Lbe71L7G++lwsezWGPn+oZEgO6SZEge1w6O8UG94AJZUW6Vhzp3r3ndKV1tqE5KAn8BVPR4sO.3s3W+ha6A742Aea3M8fR+md4+8xu2nD5162+FkPuU4+OoOJb7Zp9a7dd2o27k+kOIYg2kOEa+KdP416O9tsg9vCf.fKwx8S9a77tYt+Kft6tOdcf+ITGjeB0A8mPcV+SnNX+DpC9Og5P7CVmaKFQdsq54uS4x.phJ6S6e+96e2572+Y28+AfvPnpN

@Christoph-Hart works thank you very much this saved on a lot of time and potential bugs.

@Straticah Okay it has to do with noted being held and notes being just triggered.
Some of them dont reach release phase because decay is zero.

I guess this is normal behaviour then?

How would i create a plucky sound: 150ms on both decay and release rest at zero?

I am experiencing unwanted changes to a longer release time when set to 0-300ms for plucky sounds.

It occurs when multiple notes are played at once or in faster sequence - and stays on the long release time for further notes.

sounds like 700-800ms

@bendurso Not that i am aware of i guess you have vst3 support enabled already.

@bendurso hm the browser example works on my end for both win and mac.

development build from yesterday.

Red part is Webview

Make sure you have:

wv.set("enableCache", true);
wv.set("enablePersistence", true);

@bendurso does it work with the Webview examples from Christoph?

GitHub - christophhart/hise_tutorial: The Tutorial project for HISE

The Tutorial project for HISE. Contribute to christophhart/hise_tutorial development by creating an account on GitHub.

GitHub (github.com)

I think the browser example in „HISE Tutorials“ is best to test this with.

@Christoph-Hart Thats the way to go! I used Cursor for the webview.

@Christoph-Hart

Let me know if there are any hiccups / problems.

prototype_sampler_04:! WebView Resource for /%7BEXP::Hardware%20Lab%7Dartwork.png not found
prototype_sampler_04:! WebView Resource for /%7BEXP::Pro%20Essentials%7Dartwork.png not found

Mac works just fine as you have seen.
Win works fine if expansion name has no spaces like "Immersive".

I have some problems on windows encoding url from expansions with a separator.

@Christoph-Hart works thank you very much this saved on a lot of time and potential bugs.

I feel that i am spaming the forum with boring design stuff since a couple days :) but you can see the problem, it has been brought up in 2019 HERE - has anynthing changed that allows to display fonts properly?

Font renders correct in Win vs Mac text editors - but not in HISE. (image)

@Chazrox The issue is currently only with samplemaps not with loading presets.
I am now doing what @Christoph-Hart and @bendurso suggested which is saving the samplemap via a label which adds it to the preset data.

<Control type="ScriptLabel" id="presetpath_01" value="{EXP::Hardware Lab}Juno Elements"/>
<Control type="ScriptLabel" id="presetpath_02" value="{EXP::Hardware Lab}Movement-120"/>

Not as hacky for HISE as i thought :)