Ripple Effect Button

[stam]

Still think that a "waving flag" button, what I originally thought was the intended effect, is a task worth pursuing.

Scott Rossi did that some years ago with an American flag, it was very realistic. It may still be on his web site somewhere.

he did and it looked good. Here is the stack: https://www.dropbox.com/s/38as0b6fu1uy0 ... e.zip?dl=1

He applies png frames to the windowShape of a stack using a 'send in time', so it's actually a stack that looks like an animated flag.

As i mentioned in a previous post, all of his stacks on his 'blasts from the past' blog post are worth looking at: http://tactilemedia.com/blog/2018/05/12 ... -the-past/

Actually, all his livecode-related blog posts are worth a read http://tactilemedia.com/blog/

[richmond62]

-
[File access later as > 256 Kb, and no access to my DropBox account at work.]

Ultimately this is NOT a ripple button, ALL it is is a graphic frame that cycles
through 12 PNG images sucked out of an animated GIF.

Of course it may be used as a button.

Although it looks fairly cruddy with text:
-

[richmond62]

Home at last, after . . . all sorts of administrative guff which is at least one of the reasons I favour a rippling
Scottish saltire over a rippling Bulgarian flag:
-
https://www.dropbox.com/s/njuf2ssprfpmx ... e.zip?dl=0
-
No doubt, if I were trying to run a bsiness in Scotland I might feel completely different:

My heart's in the Highlands,
But my source of income is in the Balkans.

Which is utter b*ll*cks in so many ways the list is probably endless:

1. My heart is in South Ronaldsay as per geographical locations.

2. My heart is with my wife as per emotional mushiness.

3. The other chambers of my heart are in the Rhinns of Galloway.

4. My fowk cam oot o Dundee, Carnoustie and Arbroath, except for the ones
that cam out o Rothsay, Isle of Bute, Scotland and Emneth, Norfolk, England . . . so, go figure.

5. Spent from aged 3 to 12 in the grounds of Wellington College, in Berkshire, in England.

6. Spent holidays aged 4 to 12 in the Gower peninsular in Wales.

7. I dare anyone on there forums to tell me their emotional-ancestral what-d'ye-callits
are any simpler.

[richmond62]

When I was a spotty teenager (as opposed to a spotty 60 year old), I had Physics classes, and one of the few pleasurable memories I have is of working with ripple tanks.

I recall there are 2 basic types of ripple:

Circular,

and

Linear.

And it would be quite possible to have
buttons (or, more easily, faux buttons)
with either effect.

c.f. my rather feeble circular offering above.

A fluttering flag is, however, a fluttering flag, and
not a ripple button.

[stam]

A fluttering flag is, however, a fluttering flag, and
not a ripple button.

You can start the animation on mouseDown and stop it on mouseUp, so there is no reason this can't be a "ripple button" - self-evident but since you raised the point... Not fixating on the 'flag' aspect of this - the point is any animated PNG (or frames of this) can be used in the same manner.

Alternatively, have a look at Scot Rossi's stack Ripple – A scripted water ripple effect (not animation)
Probably not perfect for the task but may give ideas...

[richmond62]

the point is any animated PNG (or frames of this) can be used in the same manner

Indeed they can, but that sort of animation has be discussed endlessly elsewhere.

[stam]

Scott's Ripple stack i linked above is interesting - having looked into the code a bit more.
with a 'send in time' he has 3 ovals that gradually increase in size and blendlevel, using the ink BlendDstOut to simulate an expanding ring that gradually fades as it expands out.

I imagine you can simulate that easily by creating an oval in the centre of a button on mouseDown and then with 'send in time' gradually expand and reduce opacity of the oval in the same way (removing the oval and resetting on mouseUp).

That would more closely resemble your circular ripple...

Personally however i wouldn't really use something like that as it seems like unnecessary eye-candy...

[stam]

I suffer from 2 problems:
-
1. I have red hair, so I burn in the sun.
-
https://livecode.com/megabundle/whats-in-it/
-
2. I am incredibly mean when it comes to money.

OK i was suprised to see this included in the bundle.

i knew it reminded me of something....

I'm sure it's not the same codebase, but still...

[Klaus]

Hi Stam,

We’re delighted to bring you this excellent addon for LiveCode, which we recently acquired from its very talented developer.

so you are not the very talented developer?


Best

Klaus

[richmond62]

SShot 2022-06-18 at 12.04.05.png (9.12 KiB) Viewed 3753 times

-
I wonder why you cannot apply Fill Gradients to buttons?

[richmond62]

i knew it reminded me of something....

Shakespeare, Apple, Microsoft and everyone else have been ripping things off for years.

There is a difference between stealing and copying functionality, and that is an
important difference.

[stam]

Truth be said, they distribute it as an LCB widget with a proper properties panel, instead of as a group that needed its own stack to set its properties like I did.
However when I released that I did acknowledge Roger and his radiaDialomatic stack as the inspiration for my “gadget”.

[stam]

Hi Stam,

We’re delighted to bring you this excellent addon for LiveCode, which we recently acquired from its very talented developer.

so you are not the very talented developer?


Best

Klaus

my talents lie elsewhere

with respect to the OP, the widget 'powerbutton' this seems to be pretty much identical to Ralf's universalButton (i'm guessing he's the author) but with a 'ripple' effect which i found a bit underwhelming tbh.

In fact, following a recent feature request from me, Ralf added a new feature which allows you to position and resize the SVG icon independently - actually much better than what is sold with the the pack.
Get it free from his gitHub repository! https://github.com/revig/universal-button-widget

[mwieder]

Richmond-

Button properties are constrained by their respective operating systems.
You can, as you well know, use a graphic with a fill gradient as a button by adding the proper handlers to its script.
But buttons look different on different OSs and can't always (especially cross-platform) be styled as desired.
This especially irks me when trying to use tab controls on OSX and having to place a background image behind the now-transparent tabs.

[richmond62]

Button properties are constrained by their respective operating systems.

But, this claims . . .

https://livecode.com/megabundle/button/