I've done a little research and found how to play an animated GIF using QMovie here. I haven't been able to find much about playing a sprite sheet animation in PySide. I found this example, but I'm unable to translate the syntax.
Which method would be best in terms of performance? If I have the GIF method figured out, is it worth figuring out how to play an animation from a sprite sheet?
Context: I'm creating a loading splash screen and I'd like to play some character animations to give the screen a bit more life while loading.
Related
How can i achieve this kind of animation effect (see link below) and where do I need to start learning, is this part of css or html5 or plugins, etc..
I have a startup knowledge in css and html5, but I have no idea how to achieve the effect.
http://www.terredevenements.com/en/
*the effect i'm referring to is the movement of the foreground images while the mouse hovers and still maintaining its background to be static
This effect is called "parallax scrolling"
The basic idea is to layer images on top of each other and move them simultaneously but at different speeds, foreground moving faster than background.
Capturing and utilizing mouse events can be done with javascript/jQuery, and the animation can also be done with those languages or in combination with CSS3 animations.
There are quite a few jQuery plugins out there that can help you quickly achieve this effect.
See parallax.js
Or for more plugins: http://bashooka.com/coding/best-jquery-parallax-plugins/
I have a question - wondering whether it's possible to create an animated GIF from an existing animation which is made up of SVGs animated using CSS3 transitions?
The existing SVG is basically a pie chart made up of 4 parts that grow out from the centre by putting on a transition of width .2s height .2s on each piece. I've made a JSBin of it here:
http://jsbin.com/UcemUNo/1/edit?html,css,js,console,output
I've had a look around & all I can find is how to just 'create an animated gif' through say a webcam or existing images, but not from an element on a web page.
Any pointers greatly appreciated!
Found a solution - screen recording! Downloaded a program called Camtastia, recorded the animation in my browser & exported it as an animated GIF. Job done.
I need to recreate a flash animation from an old website. This is the Flash animation:
http://igz-inno-life.de/content/IGZ_Uebersicht.html
In the past I would have used Javascript and transparent PNGs to switch between different layover images but in these times of HTML5 I'm sure there is a better way to to this.
I have already done a similar thing with css layers - but in that example all that was required was differetly sized circles and here the layers are a little bit more complicated.
Is there some new HTML5 method to replicate these layer effects or would CSS layers be the most comfortable way to go?
Thanks a lot!
It doesn't seem like it would be very difficult to recreate the Flash file from scratch with only html and css (as long as you have the original assets). But if you want a quick easy way you can try just converting it with Google's Swiffy.. https://www.google.com/doubleclick/studio/swiffy/ .. you can upload the .swf file and see that it converts it pretty well.. a head start at least.
If you wanted to recreate it all Flash like you can take a look at Adobe's Edge Animate ( http://html.adobe.com/edge/animate/ ) .. you can build it up almost just like Flash.
Brian
Why my aniamted GIF is so slow on browsers and mobile? i set my speed at 1/100 in fireworks but on browser is way sloer...how can make a fluid smooth animation to display as a loader? is the compression or some other tricks? using SVG maybe?
i've seen pretty smooth anumation out there so i'm wondering how can be done...
thanks
update
this is an example of fluid gif:
http://img-thumb.ffffound.com/static-data/assets/6/7462923e68408973396e8cafd5fccd9b414f73b3_s.gif
sounds like i found myself. and it may be a bug of Fireworks CS6 or what not
Basically I was saving with frame-rate at 1/100sec. per state. for soem reason this slow down the gif (maybe overloads the browser)
by saving at 3/100 for each state is enough to have a super fluid animation!
I would like to use a GIF image as a loading animation on my Flex application, however I read Flex 3 doesn't have native support for GIF images. Therefore, is there any way to use them without any drawbacks?
If not, where can I find some flash animations to include in my app?
There are a lot of progress indicator flash animations out there as swf which can be easily be embedded (ie. here) or search google for Flex Progress Spinner. It's not that difficult to implement your own anyway. You just need a canvas and some matematics (rotation about point formulars).
Yes it's possible. You can find and design your own loading animation in:
http://www.ajaxload.info/. All you need to do is add this image in canvas or anyobject then call this one everytime you load.hope this will help you