Here is a demonstration of how to make a knob in blender , the basic procedure , showing that its quite simple.
Not a tutorial that you could follow as such but might raise some questions that I would be happy to answer.
I plan to do some proper tutorials in an attempt at giving back to this great forum :)
If anyone is interested that is ? Could also do a tutorial on Photoshop to After fx as well as Illustrator to After fx for vectors.
Part of an animation for our new Yamaha CS Series Midi kit - App - Plugin.
Latest UI Experiment.
VERY inspired by Neural DSP ;)
This is a blend of Figma and Blender.
Kind of a cross between steampunk and the 60´s , refined steampunk I guess you could say.
Sundial UI
Sundial Standalone
Sundial 16:9 AD
Sundial 4:5 AD
Just did these renderings for Genki Instruments that just released their Katla synthesizer.
Mostly been working on watch animations, getting a bit bored with that, if anyone needs either a UI design or 3d renders/animations of their plugin, I am available :)
Animation for our Yamaha CS series MIDI kit with settings APP and Filter Modulator plugin. Big thanks to @Christoph-Hart and everyone on the forum for all the help.
https://youtu.be/RMFqyPu4JWo
Merry Christmas everyone !
I was so happy with the Ensemble FX I made for a string synth that I decided to make a plugin out of it. Super simple - IN/OUT and Amount.
Here is the first iteration , the middle meter will not have a VU , that is just a placeholder. I am working on something that will represent the amount of Ensemble fx applied for the center screen.
Drum Machine Template.
If anyone is working on a drum machine, this one is available.
Here’s another plugin UI mockup, this time with a more whimsical comic-book feel.
Built entirely in Photoshop as a raster design, with the knobs rendered in Blender.
I’ve been developing a whole series of these character-driven plugin concepts, so if anyone is interested in this kind of style for a project, feel free to reach out.
Made in Photoshop+Knobs in Blender
Punchline GUI.
Punchline DAW.
Punchline AD 16:9.
Punchline AD 4:5.
Another model I just finished.
I kind of like the Toon Shading and would love to do a GUI like that at some point.
Having said that I am now going to work on the texturing.
I will probably try to learn Substance Painter for this one as its painstaking to texture something like this in blender.
If anyone needs a crazy vintage looking tube gui, then this can be modified to fit your needs.
Here I am experimenting with Figma and Webview
The idea is a moving field of hex cells with a lot of parameters.
Main ones are the Cell fracture, Sparks, moving exclusion zones, Hotspots, orange comets, cyan frames that capture a bunch of cells, cell size.
Spectrum is also done via webview.
I am really hoping that Webview matures in Juce/Hise as its a great way to design any intricate moving graphics although at the moment its great for prototyping and I am exploring converting a design into GLSL ? If even possible.
I gather that the current issues are platform compatibility, overall stability and sample accurate response, hopefully this will advance.
HEX GRAIN UI
HEX GRAIN UI
HEX GRAIN UI
HEX GRAIN UI
HEX GRAIN UI Controller
HEX GRAIN AD 4:5
@griffinboy said in [DEVLOG] Pro EQ:
My humble beginnings took place on this platform and forum, and now I code DSP fulltime as my living.
That is just awesome :)
@dannytaurus Yes, I have concerns , but its absolutely amazing for doing dynamic graphics.
@dannytaurus I think Clause is overstating its limitations (ScriptWebView is explicitly excluded from being a plugin parameter) YEs, technically but you can still make a slider in HIse communicate with webview and from webview to HISE slider .
Cross platform is an issue and probably DPI scaling although that is probably solvable?
Also some other issues , but I think it should be shippable on Win, unless I am missing something .
@David-Healey Oh, that is not great.
I did look at converting the webview graphics into paint routines, somewhat possible but again, heavy, a combo of png, paint and glsl gets me somewhere , but yes.
I wanted to create a topic around UI and maybe show and discuss some of my testing as well as seeing what others are up to.
I am doing all kinds of experiments but been out of the loop for a bit on HISE so interested in others experiments and conclusions.
Have people been using GLSL or Webview for example and what are the implications in terms of CPU/GPU and dependencies?
Webview is absolutely amazing for dynamic graphics so what have people been using for dynamic graphics since the paint routines are on cpu and not that suitable for fancy moving graphics.
Is it viable to keep the fancy stuff as webview ( perfectly viable in terms of making the graphics ) but what is the practical experience? is it stable on all platforms?
Also Three.js , anyone been using that and are there different considerations than 2D ?
Also CSS, dont know much about that and have yet to really test that, what are the advantages of that?
I am doing some glsl experiments but its quite limited "usable but limited" It would be nice to be able to feed it a png like in shadertoy, but i have had some success making masks from png into js array.
Still experimenting with GLSL, making a pretty cool UI with a combo of png and GLSL for an everchanging UI. Again, wondering if it will be mostly conceptual or if its usable in projects and stable.
Are there any plans for a future graphic methods that would outdate the current ones or plans to strengthen the implementation of the current ones like GLSL or webview ?
I am also interested in paint routines in terms of delivered code, I can now do pretty fancy vector UI´s in paint routines but i am interested in the backend of the code delivered.
Currently I have all callbacks in a sep include as well as all text,optimisations ( flip between png and vector shadows, stuff like that) , color maps and styles.
Before I build out that delivery setup I would love to know how someone would prefer recieving a fully built paint routine UI.
I was not planning on making another one today as I am deep diving into glsl, but got an idea and had to flesh it out. 
So this is "KOMPRESS"
Minimal with a central large knob, Figma design.
This one uses quite a lot of blur for the glow on the black knob which is a HISE problem but since its stationary on the knob , I could move only the line indicator on the knob and just either print the blur or if keeping as vector see if I can get away with one blurred component?
KOMPRESS UI
KOMPRESS DAW
KOMPRESS D16:9
KOMPRESS 4:5
Solune - Morph Engine.
WebView experiment running in Hise.
So I can see the webview being used for some isolated hero elements or something , this whole ui is made in webview and it has that annoying hand cursor, it seems i can connect the sliders and all that stuff but its a bit janky.
Hand Cursor fix.
html, body, * {
cursor: default !important;
}
This would be a nice way to make UI´s if it had a better implementation, not sure if this is planned at all?
Next test is GLSL something.
After some glsl testing, this ui could be recreated with a combo of paint routines, some sprites and glsl
Solune UI
Solune AD 4:5
