Page 1 of 1

Quick Question

PostPosted: Sat Jan 19, 2019 6:42 am
by Nickateenbeats
Hey guys...i have been reading the manual so in the meantime i have been making some UI stuff like the slider in the example below, now...i was wondering if anybody knew how to animate it so that the bar fills with the green as you slide it right and drains as you slide it left? I know the whole frames deal but is there any quicker way?

Re: Quick Question

PostPosted: Sat Jan 19, 2019 7:59 am
by nix
it's probably best to use a knobstrip, ie. frames-
but there's no reason you couldn't draw the line as a 'vector'
type line in the toolbox and you'll find the 'line' prim, or 'filled rectangle'-
the shapes can be drawn by FS
8D

Re: Quick Question

PostPosted: Sat Jan 19, 2019 7:47 pm
by Nubeat7
viewtopic.php?f=3&t=923&hilit=+slider
here you can find some horizontal faders i did a long time ago, not sure how they work with actual fs version maybe they would need a bit of optimising and overwork for newer versions of fs.. anyways you should find all the logics and technics to draw horizontal, in one direction ore bidirectional.

Re: Quick Question

PostPosted: Sat Jan 19, 2019 8:10 pm
by nix
oh yes- of course Ruby code can do some amazing and relevant things with vector and raster images

Re: Quick Question

PostPosted: Tue Jan 22, 2019 4:24 pm
by wlangfor@uoguelph.ca
There's an example that's almost identical to what you are trying to achieve in the AyePedro Schematic by MvdLee:

http://www.naiant.com/SM/index.php?dir=SM Forum Attachments/Schematics

Just press ctrl+f and search for "ayepedr"; there's 4 or so results.

Re: Quick Question

PostPosted: Wed Jan 23, 2019 6:45 pm
by wlangfor@uoguelph.ca
I converted that image You're making to a knob for You for practice because I'm making something similar with a vertical slider. Mine has a steel slider but the same track. It uses no images all code.

It doesn't have the inner part. You would achieve that by adding fellipse (filled ellipse) as well as a sunburst gradient after that using the yellow view wire. The last means the one on top. The first one is the bottom - Should not be too hard for You.

Make sure to look for something called area shrink. That's very handy for adding a centered object such as the glowing thing in the middle of Your knob image.

Image

I used MvdLee's example but switched the drag over to a dragx accumulator and I removed superfluous math that was un-necessary.

And Here's the file:

Download: nick knob.fsm initial example (6.59 KiB)