make svg spinning

Got a LiveCode personal license? Are you a beginner, hobbyist or educator that's new to LiveCode? This forum is the place to go for help getting started. Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller

Post Reply
klamp
Posts: 18
Joined: Sun Sep 20, 2020 10:36 am

make svg spinning

Post by klamp » Tue Sep 22, 2020 6:38 am

how to make svg spinning. like a widget spinner.
can you provide a code snippet.

thanks

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9387
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: make svg spinning

Post by richmond62 » Tue Sep 22, 2020 12:23 pm

Why bother when you can spin a PNG image?
-
Screenshot 2020-09-22 at 14.22.49.png
-
Attachments
cog.livecode.zip
Here's the stack
(22.4 KiB) Downloaded 125 times

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7237
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: make svg spinning

Post by jacque » Tue Sep 22, 2020 5:00 pm

I always use an animated gif. No coding required, just show or hide it as needed.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

klamp
Posts: 18
Joined: Sun Sep 20, 2020 10:36 am

Re: make svg spinning

Post by klamp » Wed Sep 23, 2020 3:44 am

Thanks jacque & richmond62.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9387
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: make svg spinning

Post by richmond62 » Wed Sep 23, 2020 7:39 am

While Jacque's spinning GIF works, it is a lot more difficult to control (should you want to)
than my 3 images displayed sequentially as the backGroundPattern of a graphic object.

However (and if you are developing for a mobile platform this is worth considering) 3 png
images take up far more "real estate" than an animated GIF.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9387
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: make svg spinning

Post by richmond62 » Wed Sep 23, 2020 9:07 am

This IS an SVG widget spinning:
-
Screen Shot 2020-09-23 at 11.05.17 AM.png
-

Removed stack as new version uploaded below.
Last edited by richmond62 on Wed Sep 23, 2020 9:20 am, edited 1 time in total.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9387
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: make svg spinning

Post by richmond62 » Wed Sep 23, 2020 9:19 am

Screen Shot 2020-09-23 at 11.18.00 AM.png
-
Well, I'm having fun even if no-one else is.
Attachments
svgCHUGGER.livecode.zip
Here's the stack
(3.08 KiB) Downloaded 141 times

klamp
Posts: 18
Joined: Sun Sep 20, 2020 10:36 am

Re: make svg spinning

Post by klamp » Wed Sep 23, 2020 1:50 pm

Thanks richmond62.
really helped me as a beginner.

why when i login i can't download attachments. error that I got
"you do not have the required permissions to view the files attached to this post."

Klaus
Posts: 13829
Joined: Sat Apr 08, 2006 8:41 am
Location: Germany
Contact:

Re: make svg spinning

Post by Klaus » Wed Sep 23, 2020 2:20 pm

Hi klamp,

due to lots of spammers, you need to have at least seven postings before you can post links etc.
And obviously, did not know that, before you can download attachments.

So one more posting and everythging will be fine. :-)


Best

Klaus

klamp
Posts: 18
Joined: Sun Sep 20, 2020 10:36 am

Re: make svg spinning

Post by klamp » Thu Sep 24, 2020 4:46 am

Thanks Klaus.

ohw. oke.
7 posts completed. :mrgreen: :D

Post Reply

Return to “Getting Started with LiveCode - Complete Beginners”