Comments (23)
I evolved on zacYP2's idea and added the fill below the ADSR lines. I put some black in between the blocks to prevent contrast issues and clutter though.
I personally really like where this is going!
from otto.
Should we color code the four parts of the wave maybe? so it's easier to see what every knob does.
Could only the line or even better the area under the curve. If some one digs the idea I can do it no problem :)
from otto.
You're not the first one to say that, but im gonna have to still go with a hard no on that 📦
I think the rounded corners are really essential for our new graphical style, and in this case especially, i just think it looks good
from otto.
Can you make/sketch what you mean? I think I get what you're saying, but having an example would help getting opinions here and on the Discord going. :-)
from otto.
So, if I got your idea right, you mean something like this?
from otto.
i think i could be a fan of that
from otto.
I love this, could also add a low opacity area under the curve?
from otto.
I can do it next week too I'll have time
from otto.
There you go, quick mockup
from otto.
Maybe we should drop the tail of the release? the fact that it has no area shows it's not representing anything.
from otto.
This maybe?
from otto.
IMHO the Release should be curved like the Decay. Other than that, I'm a fan 👍
from otto.
In reality in a envelope editor you should be able to set the curves trend, maybe via a keys combination (i.e. Fn+encoder)
from otto.
Maybe by pressing the red or blue encoder ?
from otto.
I think it would be better if we set a standard for accessing Alt-settings (i.e. Holding shift or Fn) this way you can set more than 4 parameters in any function)
from otto.
trend?
from otto.
Curve progress/shape, for example in xfer serum you have to drag the blue dots to shape the curves
from otto.
Could maybe be interesting to do. I think id prefer just doing exponential curves and be done with it though
from otto.
Good work! Something feels off with the roudned corners, it does not make the yellow and blue part seem continuous. Is there any way the junctions could feel more pointy without taking away the black space? I don't have the awnser, just the question :P
from otto.
Well, to be fair (and it might be an unpopular opinion); the ADSR is not specifically about having a continuous line, but it is about showing the differences of the settings between A, D, S, and R. So in the view of the users experience, separating those values is a gain, as it becomes easier to make distinction between the values., without having to look at it too long. Now, I know colour has this property, too, but having both a space in between and the colour coding, it makes it really user friendly and quick in use.
Is my two cents.
But we'll have to see how it functions in real life situation to make up a verdict, I think.
from otto.
Good point. I agree we should keep rounded corners. I am eager to see it in action now!
from otto.
Is there a way to integrate opacity for the area under the curve? I am not sure how it would work with the display or how it fits with the graphical identity of the project, but it could be worth a try. Can you try a mockup with what you did DISKUS?
from otto.
We tried opacity too, definately doesnt fit in.
To be honest, we're not gonna change anything about this. We really like it, and it fits in very well with our style - lets move on to other things
from otto.
Related Issues (20)
- Custom attributes checker
- Sends graphics HOT 1
- Switch to doctest and allow in main .cpp files HOT 1
- screen_stack in UIManager HOT 7
- Internal compiler error HOT 1
- External input - Features? HOT 3
- Goss UI HOT 1
- ARP UI HOT 1
- Change graphics library to Skia
- Hardware compatibility
- Graphics for external input
- Icons for engines
- MIDI buffer to `local_vector` HOT 3
- Peek-ahead for all screens HOT 1
- Several pages per screen button
- Delay Effect HOT 1
- Master UI HOT 3
- Use CPM for dependencies HOT 2
- Links to Wiki are Broken HOT 1
- No Install Docs HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from otto.