Re: Re: A spinner that keeps spinning
Just an update on the browser animation tool, which has had a major upgrade: Version 2.0 has a new set of 12 modern spinners. They also include a script that enables you to easily change the color of the spinner, and the background of the widget, on the fly, even after copying it to your own stack. Even if you are not able to use the transparency feature, currently only available in LC10 dp5 on Mac, you can now in any version of LiveCode (since the birth of the browser widget) get rid of the default white background and set it to any color you want. There is even a feature that will blend in the widget with the (mono-colored) background for you. It uses the mouseColor to pick up the color of the loc pixel behind the widget. Updated web deployment version here (for demonstration of how it looks and works), now also including a convenient download button for the LC stack, which is the real deal: https://wheninspace.com/browseranimation/ (Clear your cache or use a private browser window if you don’t see the latest version (2.0).) The amount of fish is the same… :) /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: Re: A spinner that keeps spinning
Actually, my phrasing it that the web deployment of the browser animation tool is ”just for show” was being a bit unfair to it (I’ll blame not being a native English speaker :). It works very well as a web application, except for the - until now - inability to actually let you copy and use the code it produces. Anyway, in v1.0.5 I’ve: - Added the possibility to copy the code when running the web application (note that a urlDecode() must be done on the pasted text in LiveCode before using it) - Added the possibility to enter an RGB value into the color field (works in the web application too) - Made the design responsive on web too I’m working on getting javascript to convey a clipboard content that doesn’t need urlDecoding, but at least you can extract your code from browser to LC now. I still recommend downloading and using the stack, though! :) Web app: https://wheninspace.com/browseranimation/ Stack: https://github.com/wheninspace/WIS_BrowserAnimation /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Peter, Well no, the web deployment is just for show, really. It’s the LC stack that is the actual tool, that you should download from GitHub to use. From the stack you can copy the widget or the code as you prefer. I don’t think it’s currently possible to get the content of a field in web deployment into the general clipboard of your browser/computer. But if anyone knows a method, please let me know and I’ll implement it (javascript?). I hope that when LC 10 is released as stable, it will be a default function. Also, in the web deployment you can’t import an svg/png/jpg or use the generic color swatch, which you can when running the stack in LC. So do get the stack in order to let loose your inner animation designer… :) /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Andreas, thanks again! Am I supposed to be able to copy the CSS or the widget to the clipboard and paste directly into desktop LC? I tried using Safari and Chrome, but nothing ended up in the clipboard. Peter Bogdanoff > On May 12, 2023, at 11:31 AM, Andreas Bergendal via use-livecode > wrote: > > Just a note that an improved version of WIS_BrowserAnimation has been > released: > > Version 1.0.4 > - More efficient CSS code handling - only CSS code needed for the chosen > animations is now included > - Added the possibility to animate text, with various fonts and styles > - The html/css code is now automatically put into a custom prop of the > browser, called cHTML. So if you copy the browser widget, the code is > conveniently exposed in the Property Inspector, Custom props tab. > > Known issues: > - Going (back) to a card with animated browser widgets on it, while using > visual effects, seems to negatively impact the loading of the widget content, > at least in the web deployment (i.e. it capriciously fails to load). > > Web deployed example: > https://wheninspace.com/browseranimation/ > (If the new version does not appear, make sure to clear browser cache or open > in a private browser window.) > > Source stack: > https://github.com/wheninspace/WIS_BrowserAnimation > > /Andreas > ___ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Just a note that an improved version of WIS_BrowserAnimation has been released: Version 1.0.4 - More efficient CSS code handling - only CSS code needed for the chosen animations is now included - Added the possibility to animate text, with various fonts and styles - The html/css code is now automatically put into a custom prop of the browser, called cHTML. So if you copy the browser widget, the code is conveniently exposed in the Property Inspector, Custom props tab. Known issues: - Going (back) to a card with animated browser widgets on it, while using visual effects, seems to negatively impact the loading of the widget content, at least in the web deployment (i.e. it capriciously fails to load). Web deployed example: https://wheninspace.com/browseranimation/ (If the new version does not appear, make sure to clear browser cache or open in a private browser window.) Source stack: https://github.com/wheninspace/WIS_BrowserAnimation /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Indeed! Nice work Andreas. > On 3 May 2023, at 6:48 pm, Mike Kerner via use-livecode > wrote: > > Until there are threads > we have Andreas > > On Wed, May 3, 2023 at 1:45 PM Andreas Bergendal via use-livecode < > use-livecode@lists.runrev.com> wrote: > >> Thanks everyone for testing it and for your kind comments. :D >> >> I have now updated the tool with the possibility to set the duration of >> the animations. This is quite good, as many of the animation effects are >> rather frantic, but with this new ability to slow them down they become >> more useful in my opinion. >> >> Also, combining two animation effects becomes more interesting now when >> you can balance their durations independently, making for more varied >> movements. >> >> And even better, I have also added… *drumroll* … more fish! >> Eh, in the examples sections that is. It really is worth another visit to >> the web deployment just to see the fish, I promise! And the crab (proving >> that the animations continue during the move command too… ;-) >> >> /Andreas >> ___ >> use-livecode mailing list >> use-livecode@lists.runrev.com >> Please visit this url to subscribe, unsubscribe and manage your >> subscription preferences: >> http://lists.runrev.com/mailman/listinfo/use-livecode >> > > > -- > On the first day, God created the heavens and the Earth > On the second day, God created the oceans. > On the third day, God put the animals on hold for a few hours, > and did a little diving. > And God said, "This is good." > ___ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Until there are threads we have Andreas On Wed, May 3, 2023 at 1:45 PM Andreas Bergendal via use-livecode < use-livecode@lists.runrev.com> wrote: > Thanks everyone for testing it and for your kind comments. :D > > I have now updated the tool with the possibility to set the duration of > the animations. This is quite good, as many of the animation effects are > rather frantic, but with this new ability to slow them down they become > more useful in my opinion. > > Also, combining two animation effects becomes more interesting now when > you can balance their durations independently, making for more varied > movements. > > And even better, I have also added… *drumroll* … more fish! > Eh, in the examples sections that is. It really is worth another visit to > the web deployment just to see the fish, I promise! And the crab (proving > that the animations continue during the move command too… ;-) > > /Andreas > ___ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your > subscription preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode > -- On the first day, God created the heavens and the Earth On the second day, God created the oceans. On the third day, God put the animals on hold for a few hours, and did a little diving. And God said, "This is good." ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Thanks everyone for testing it and for your kind comments. :D I have now updated the tool with the possibility to set the duration of the animations. This is quite good, as many of the animation effects are rather frantic, but with this new ability to slow them down they become more useful in my opinion. Also, combining two animation effects becomes more interesting now when you can balance their durations independently, making for more varied movements. And even better, I have also added… *drumroll* … more fish! Eh, in the examples sections that is. It really is worth another visit to the web deployment just to see the fish, I promise! And the crab (proving that the animations continue during the move command too… ;-) /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
A spinner that keeps spinning
Andreas, a very nice work and helpful for many projects. I habe tested your stack briefly on Windows 11 and so far, all is working very well. I have never tested several browser widgets at once on one card. Thank you. Roland ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
This is great, thank you! Peter Bogdanoff > On May 2, 2023, at 2:43 PM, Niggemann, Bernd via use-livecode > wrote: > > Andreas Bergendal wrote: > >> Inspired by some comment over at the forum, I embarked on building myself a >> tool for crafting spinners animated in browser widgets, as those would >> continue >> spinning in a heavenly layer of its own, no matter what traffic jams occur >> down >> on LC ground level… > > Thank you for this amazing stack/WebApp. > > It is very, very cool. > > Kind regards > Bernd > ___ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
That is pretty cool. I created a Spinner app which is a standalone that responds to AppleScript commands or Sockets. Since it is a standalone, it runs under it's own thread. I created internal commands to show or hide itself, as well as setting the displayed message. Using browser widgets seems a better implementation though. Bob S > On May 2, 2023, at 08:23, Andreas Bergendal via use-livecode > wrote: > > Hi all, > > It has long annoyed me that the spinner widget doesn’t actually spin when you > need it to - during lockScreen or when a database fetch blocks everything. > Animated gifs are no better. > > Inspired by some comment over at the forum, I embarked on building myself a > tool for crafting spinners animated in browser widgets, as those would > continue spinning in a heavenly layer of its own, no matter what traffic jams > occur down on LC ground level… > > Of course the project grew bigger than initially planned, as they do, and is > not finished yet, as they never are - but at least I have something good > enough to use, and good enough to share (I think). > > The stack is designed for use it in the LC IDE, to craft the spinner (or > whatever animation you want) and then copy the browser widget (or just the > htmlText) to wherever you want to use it. The code is completely > self-sufficient (html and css all crammed in). > One can obviously make any kind of repeating animation with it (within the > limits of the current css animation lib), not only spinners. > > Here is a link to the gitHub rep: > https://github.com/wheninspace/WIS_BrowserAnimation > > And here is a web deployment of it (LC10 dp5), just to prove that the > resulting code also works on web. > https://wheninspace.com/browseranimation/ > (Make sure to click the "Show examples” button to see some cool examples… :) > > Please let me know if you find it useful (or how to improve it, if it isn't). > > /Andreas > ___ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
Re: A spinner that keeps spinning
Andreas Bergendal wrote: > Inspired by some comment over at the forum, I embarked on building myself a > tool for crafting spinners animated in browser widgets, as those would > continue > spinning in a heavenly layer of its own, no matter what traffic jams occur > down > on LC ground level… Thank you for this amazing stack/WebApp. It is very, very cool. Kind regards Bernd ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
A spinner that keeps spinning
Hi all, It has long annoyed me that the spinner widget doesn’t actually spin when you need it to - during lockScreen or when a database fetch blocks everything. Animated gifs are no better. Inspired by some comment over at the forum, I embarked on building myself a tool for crafting spinners animated in browser widgets, as those would continue spinning in a heavenly layer of its own, no matter what traffic jams occur down on LC ground level… Of course the project grew bigger than initially planned, as they do, and is not finished yet, as they never are - but at least I have something good enough to use, and good enough to share (I think). The stack is designed for use it in the LC IDE, to craft the spinner (or whatever animation you want) and then copy the browser widget (or just the htmlText) to wherever you want to use it. The code is completely self-sufficient (html and css all crammed in). One can obviously make any kind of repeating animation with it (within the limits of the current css animation lib), not only spinners. Here is a link to the gitHub rep: https://github.com/wheninspace/WIS_BrowserAnimation And here is a web deployment of it (LC10 dp5), just to prove that the resulting code also works on web. https://wheninspace.com/browseranimation/ (Make sure to click the "Show examples” button to see some cool examples… :) Please let me know if you find it useful (or how to improve it, if it isn't). /Andreas ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode