Re: Drawing a knob in HTML5





On 08.02.2017 00:12, Stefan Westerfeld wrote:
   Hi!

On Tue, Feb 07, 2017 at 04:04:57PM +0100, Tim Janik wrote:
talking about UIs the other day, you suggested giving a simple knob
implementation a shot.

Here's my first attempt at *drawing* one, so it's not too hard to get something
onto the screen. However, I think I'll start over, draw from scratch without an
SVG and can then include a level display in the circumference.

That was quick. Maybe for the sake of completeness, mouse event handling should
be implemented for the prototype, too.

Yeah, I'm learning the necessary steps along the way.
I've moved away from SVG in the latest version and tested a discrete level
display. See the attached knob-discrete.png.

Also, it'll need
two different implementations, one for balance displays, one for level (volume)
displays.

You mean the rectangular volume widget Bitwig has? Yes, we need that, too.

I was talking about rendering the knob with the center being the 0 position.
For balance adjustments. See the attached lp-balance.png, en example from Logic
Pro.

   Cu... Stefan

-- 
Yours sincerely,
Tim Janik

https://testbit.eu/timj/
Free software author.

Attachment: lp-balance.png
Description: PNG image

Attachment: knob-discrete.png
Description: PNG image



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]