How to convert figma animation to jason file without using lottie? - json

I have built a tower signal animation using the smart animate transition for elements using 3 frames.
image description here
The developer has asked to get this as a JSON file to play it and implement it into an iOS app. Is this possible and how? thanks for any help.

Related

How was this HTML5 screencast animation created?

I visited http://www.sublimetext.com today and was intrigued by the screencast animation the website has on its opening page. It looks like a mashup between video and slideshow. I've seen them at other modern websites as well, but I assumed it was some HTML5 video tag trickery. But when I looked at the source of sublimetext webpage, I was confused.
The animation on this page is created on a HTML5 2D canvas with plain javascript using base PNG images. Each slide is loaded from a PNG file. The animation is achieved by modifying only handful of pixels from the image. The animation javascript applied these changes on the original PNGs at regular intervals. You will find these deltas stored in *_timeline variables in the script.
My question is what tool can generate such deltas? How can one record one's desktop screen and create such base PNG + animation deltas?
I like this approach because it seems most efficient format for screencasts, where changes in consecutive frames are minimal.
Update 1 I know there are techniques to achieve this using GIF (Check https://askubuntu.com/q/107726), but what cool tool can generate this javascript code that can convert PNG deltas to animation. Googling hasn't helped me find it out.
Update 2 The author of the screencast (and sublimetext) replied to my question on sublimetext forum. He did it using a custom python script and plans to write a blog post about it sometime http://www.sublimetext.com/forum/viewtopic.php?p=34252#p34252
Jon Skinner, the creator of Sublime Text wrote about the process on his website
He also published the encoder he wrote on GitHub
look at one of their images and you'll understand how it works:
http://www.sublimetext.com/anim/command_palette_packed.png
they just cutting and inserting appropriate portions of image into the appropriate positions of canvas element, but if your question is how to make such image, I don't have an idea.
I guess with some software, not by hand, but I don't know such soft...

ActionScript 3 - Can you manipulate a 3d object using AS

I have seen tutorials on creating a 3d character in flash. Is there a way to manipulate (animate and move) this 3d character with actionscript 3? If so, could you guide me with some links?
Thanks
You will need to do a bit of reading up on a 3rd party library to help you to achieve this. One such library is Away 3D which can be used to manipulate 3d characters in Flash.
The process goes like:
Build a model in a 3D package
Load it in to away3d
I am not certain but I think animations are supported in a Collada file but its moving so fast that maybe other formats are supported. I know they were working on their own format.
Anyway if you head over there and maybe post on their forums or look at some of the examples, you should get the idea.

3D plotting in silverlight?

Is there an easy way to plot 3D functions using Silverlight 4 or 5?
The most useful thing I found was this link, but even so it was way over my head.
I would like to just be able to input the 3D function and get a 3d plot of it.
Any ideas?
Other stuff I found was this:
Silverlight 5 demos

HTML5 Canvas drawing app problem

I develop html5 drawing app based on canvas. So, now I am coding the brush tool. And have several problems, can anybody gives me link/source example how to do it?
From Dev.Opera: Creating an HTML 5 canvas painting application
Please search a bit next time.

Where can I find a straight-forward tutorial on creating ActionScript 3.0 fading rollovers that assumes you know nothing about Flash? (CS5)

I am a retoucher and when I post my pictures on my website I want visitors to be able to roll over the picture and have it fade to the original unretouched version and when they move the mouse away I want it to fade back to the retouched.
In my search I have found guides on deviant art for Actionscript 2.0 and for ActionScript 3.0 but the AS 3.0 one i found does not include the fade effect i want to achieve. Google has also helped me find some tutorials but they are too advanced for me to understand. If someone could show me where to find a beginner's tutorial using flash cs5 on this that would be great thank you!
Question,
So you plan to use external images and have them dynamically loaded making it easy to change them at a later date or do you plan to have a swf with the images embedded?