Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign of EQ plugin #3030

Merged
merged 14 commits into from
Feb 14, 2017
Merged

Redesign of EQ plugin #3030

merged 14 commits into from
Feb 14, 2017

Conversation

BaraMGB
Copy link
Contributor

@BaraMGB BaraMGB commented Sep 10, 2016

eqaction

@Umcaruje @RebeccaDeField

suggestions?

@RebeccaDeField
Copy link
Contributor

RebeccaDeField commented Sep 10, 2016

A couple of ideas/questions 😄 :

Would it be possible to lighten the green grid a bit to increase the contrast?

I'm also wondering if we can change the colors on the graph such as the red and yellow to colors that might blend and overlap especially well, but I don't want to disturb the technical accuracy of the colors that are already in place if there is a specific reason for them being what they are.

I would also love to see the numbers that are not selected in white instead of black.
2ba179d8-7768-11e6-8d05-a3180bcabf81 2

Great work! 👍

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Oct 20, 2016

@RebeccaDeField

I would also love to see the numbers that are not selected in white instead of black.

done

I'm also wondering if we can change the colors on the graph such as the red and yellow to colors that might blend and overlap especially well

can you make a rough mockup?

Would it be possible to lighten the green grid a bit to increase the contrast?

I want to wait for @LocoMatt to match the design to his "Dynamics Processor" design.

@RebeccaDeField
Copy link
Contributor

RebeccaDeField commented Oct 21, 2016

@BaraMGB

done

Thank you 👏

can you make a rough mockup?

When muted reds and yellows overlap they can have a tendency to look a bit muddy, whereas combos like purple+blue, green+blue might look really well together.
2ba179d8-7768-11e6-8d05-a3180bcabf81
This is a very very rough mockup

Other examples:
tranquilizr_1
ffproq2-large

I want to wait for @LocoMatt to match the design to his "Dynamics Processor" design.

Sounds good 👍

@Umcaruje
Copy link
Member

@BaraMGB LocoMatt probably won't be contributing anymore, so can you please proceed with the redesign. The current waveshaper redesign idea looks like this: #3097 (comment) so you could adjust the grid to that

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Nov 15, 2016

2016-11-15-104530_1920x1080_scrot

@Spekular
Copy link
Member

I think it looks a bit odd to have a separate frame around each band, at least when there's so much contrast between the bands and the background.

@Umcaruje
Copy link
Member

@BaraMGB do we do antialising on the FFT graph? looks a bit jagged to me. Also I think you should update the faders so they reflect the new fader redesign.

@RebeccaDeField
Copy link
Contributor

@Umcaruje Summed up everything I was going to say 😉

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Nov 15, 2016

@Spekular which frame do you mean? The gray rectangle under the Knobs and faders? There are so many controls in this plugin. I think the eyes needs some guide to see which things belong together.

@Spekular
Copy link
Member

@BaraMGB yeah the knobs and faders. I agree they should be outlined/separated somehow, but it feels "busy" to me to have them stand out so much from the flat background. I think if the contrast between colors in the bg and foreground were lower it might be better.

That being said, nobody else has mentioned it so it could be just me.

@IvanMaldonado
Copy link
Contributor

What about reducing the borders a bit and making the graph wider to save some space?

9b93d44e-ab24-11e6-93c8-ab866ffeac90

@Spekular
Copy link
Member

That looks really good imo!

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Nov 16, 2016

That looks good to me, too. But, @Spekular, is this a solution for your objections?

@Spekular
Copy link
Member

@BaraMGB yeah, somehow I mind the borders less now.

@RebeccaDeField
Copy link
Contributor

@BaraMGB I like @IvanMaldonado's idea as well 👍

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Nov 18, 2016

Okay, then. I'll adjust the layout.

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Jan 13, 2017

Okay, months later:
2017-01-13-145351_1920x1080_scrot

@RebeccaDeField @Umcaruje @Spekular @IvanMaldonado opinions?

@Spekular
Copy link
Member

Looks great imo :) I've got no objections.

@RebeccaDeField
Copy link
Contributor

@BaraMGB this is looking fantastic! It does seems that for some reason, the design is using an older version of the fader leds.

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Jan 13, 2017

the design is using an older version of the fader leds.

@RebeccaDeField umcaruje is working on this. ;)

@Umcaruje
Copy link
Member

@RebeccaDeField I'm on that, going to make some fresh fader graphics for the eq.

@Umcaruje
Copy link
Member

Ninja'd lol

@Umcaruje
Copy link
Member

image
Here's how it looks with the new faders.

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Jan 14, 2017

I think it's ready, finally.

@zonkmachine
Copy link
Member

It looks amazing. I think it looked just a bit better with a gradual change on the fader leds. haven't seen it in motion though. Merge anytime. :)

@BaraMGB
Copy link
Contributor Author

BaraMGB commented Jan 18, 2017

I finally figured how these fader peaks works. There were two little bugs. And for the shelving filters I choose new values so they are more useful I think. Actually they aren't useful because we have the analyzing graph. But we have the faders so they should work useful in any way.

2017-01-18-100235_1920x1080_scrot

If there are no objections anymore this can be merged.

@Umcaruje
Copy link
Member

@BaraMGB since the weird value happening in the faders are gone now, could you try switching them out to render in dB and see how it goes? I'm willing to make new graphics if you make the switch, when I finish my schoolwork.

@Umcaruje
Copy link
Member

Oh and Just to mention it, I don't know what you exactly changed in the shelving filters, but they don't usually have a resonance, at least not in the EQ's I've used. The problem is when you accidentaly tweak the resonance it starts really getting a huge spike in the curve and I'm not sure many people could find it useful, so maybe the resonance knob's range could be reduced for the shelving filters, so there's a more fine-tuned approach?

peakBand( 0,
m_eqControls.m_lowShelfFreqModel.value(), fft , samplerate );
peakBand( m_eqControls.m_lowShelfFreqModel.value()
- ( m_eqControls.m_lowShelfFreqModel.value() * m_eqControls.m_lowShelfResModel.value() * 0.5 ),
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Freq.value * (2 - Res.value) / 2

To avoid one call to Freq.value ;)

@@ -397,7 +399,9 @@ void EqEffect::setBandPeaks(EqAnalyser *fft, int samplerate )

m_eqControls.m_highShelfPeakL = m_eqControls.m_highShelfPeakR =
peakBand( m_eqControls.m_highShelfFreqModel.value(),
samplerate * 0.5 , fft, samplerate );
m_eqControls.m_highShelfFreqModel.value()
+ ( m_eqControls.m_highShelfFreqModel.value() * m_eqControls.m_highShelfResModel.value() * 0.5 ),
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here:

Freq.value * (2 + Res.value) / 2


painter->drawPixmap( -12, -12, PLUGIN_NAME::getIconPixmap( "handlehover" ) );
QPixmap hover = PLUGIN_NAME::getIconPixmap( "handlehover" );
painter->drawPixmap( 0 - ( hover.width() / 2) - 1, 0 - ( hover.height() / 2 ), hover );
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

painter->drawPixmap( - hover.width() / 2 - 1, - hover.height() / 2, hover );

Why not removing the 0 ?

painter->drawPixmap( -12, -12, circlePixmap );
// graphics for the handles
loadPixmap();
painter->drawPixmap( 0 - ( m_circlePixmap.width() / 2 ) - 1 , 0 - ( m_circlePixmap.height() / 2 ), m_circlePixmap );
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

painter->drawPixmap( - m_circlePixmap.width() / 2 - 1, - m_circlePixmap.height() / 2, m_circlePixmap );

Why not removing the 0 ?

@@ -49,15 +49,15 @@ EqHandle::EqHandle( int num, int x, int y ) :

QRectF EqHandle::boundingRect() const
{
return QRectF( -11, -11, 23, 23 );
return QRectF( 0 - m_circlePixmap.width() / 2, 0 - m_circlePixmap.height() / 2, m_circlePixmap.width(), m_circlePixmap.height() );
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

return QRectF( - m_circlePixmap.width() / 2, - m_circlePixmap.height() / 2, m_circlePixmap.width(), m_circlePixmap.height() );

Why not removing the 0 ?

@@ -161,79 +131,66 @@ EqControlsDialog::EqControlsDialog( EqControls *controls ) :
QObject::connect( m_parameterWidget->getBandModels( i )->active, SIGNAL( dataChanged() ), m_parameterWidget , SLOT ( updateHandle() ) );

m_parameterWidget->changeHandle( i );
distance = distance + 44;
Copy link
Contributor

@zapashcanon zapashcanon Jan 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

distance += 44;

Easier to read IMHO.

Same on line 91.

@Umcaruje Umcaruje changed the title [wip] redesign of EQ plugin Redesign of EQ plugin Feb 14, 2017
@BaraMGB BaraMGB merged commit 558962d into LMMS:master Feb 14, 2017
sdasda7777 pushed a commit to sdasda7777/lmms that referenced this pull request Jun 28, 2022
* redesign of EQ plugin

* correct some symbols

* set pixelPerUnitHeight to float

* change textcolor of inactive handles to white

* revert changes in styles.css

* change grid color/adjust Fontsize of info box / change analizing color

* range changed (20 - 20000 Hz) / display width increased

* Update the EQ faders and remove unused files

* Increase transparency of the graph

* corrects the filter fader peak

* makes fader peak display more useful

* Implement @zapashcanon's suggestions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants