Page 1 of 2

Bodymovin AE integration

Posted: Fri Dec 28, 2018 12:07 pm
by whitebrick
Have you lovely people seen this script for After Effects called Bodymovin?

I can't link it but if you google:

bodymovin aescripts

It's an extension for After Effects whereby the Animations are exported as .json files!!! You can render animations in the browser on svg, canvas and html!!!

Air BNB have done a lib called Lottie that makes these anims run native in iOS and Android. There's a player already called bodymovin.js

It'd be so great if there was tighter integration with After Effects and Livecode!! Especially for the animated .SVG factor that would work well with independent rez.

Currently I am using AE to make elements that I bounce as a .PNG sequence which I then playback through a button script refreshing the icon

the power of after effects animation integrated with the wonderful Livecode language and dev environ would amazing!

Maybe this is outside of the scope or there already exists a way to extend but regardless of how they've done it - it's a pretty cool trick to get a dynamic UI

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 1:13 pm
by richmond62
this is outside of the scope
Possibly . . .

But one thing LiveCode seriously lacks is the ability to
export audio, video, animations and so forth to other formats.

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 1:49 pm
by Klaus
That is not the purpose of a Integrated Development Environment, I don't think any other development envoironment does this. There are dozens of dedicated apps that can do this, and most of them are free.

I'd rather use these, and do, than to exspect a possible future "cheesy export to xxx" feature in Livecode! 8)

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 2:38 pm
by bogs
I haven't seen it, but I also don't use AE :)

However,
whitebrick wrote:
Fri Dec 28, 2018 12:07 pm
I can't link it
If you post 5 more times, this will stop being a problem :mrgreen:

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 4:30 pm
by richmond62
a possible future "cheesy export to xxx" feature
cheesy?

There are any number of applications developed in any number of programming languages that can export their end products as sound, video or what-have-you files.

While LiveCode can export text, RTF and HTML files as well as a variety of image formats, it cannot export sound or video files.

Why is it "odd" to expect LiveCode to export files to formats that other programming languages can?

As an educator I have been asked by a number of 16/17 year olds to run them through
a 2-3 intensive programming course this coming summer to allow them to apply to
universities in Germany and the British Isles to study programming.

Those universities have indicated that they'd like to see "a modest portfolio of work" [Yikes!].

This is by way of circumventing what passes for programming in Bulgarian
high schools (copy programs from textbooks, with no explanation and no support).

Now LiveCode has "pretensions" to being a "complete" programming language . . .

On my BBC Micro Model B I can export sound files onto a cassette tape as
independent files from the program that generated them: that computer
and the programming language on its ROM chip was put together
(by Sophie Wilson, cheers, cheers) in 1981.

What is the point of, say, a program to write music that cannot export
the end result in an interoperable format?

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 4:44 pm
by FourthWorld
Every useful invention we enjoy today was at one time a crazy idea.

I think this is an interesting thread, possibly a category of activity that can push the boundaries of LC Builder in ways benefiting other activities as well.

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 6:48 pm
by richmond62
this is an interesting thread
I'm not sure why, but I do have a feeling that the ability to export audio and video formats
is something that has been "ducked" for far, far too long.

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 7:24 pm
by FourthWorld
richmond62 wrote:
Fri Dec 28, 2018 6:48 pm
this is an interesting thread
I'm not sure why, but I do have a feeling that the ability to export audio and video formats
is something that has been "ducked" for far, far too long.
Yes, I'm not sure why you have that feeling either.

Rather than lament the absence of an feature rarely seen in IDEs to stain the past, I prefer to see the opportunity to expand our IDE to handle this as a differentiator for the future.

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 7:53 pm
by richmond62
Rather than lament the absence of an feature rarely seen in IDEs
I do see your point.

But I have always had the feeling that LiveCode is not JUST an IDE,
but a programming language as well, and a lot of programming languages
allow one to work out ways to export sound files, et al.

Re: Bodymovin AE integration

Posted: Fri Dec 28, 2018 8:31 pm
by richmond62

Re: Bodymovin AE integration

Posted: Sat Dec 29, 2018 2:49 am
by whitebrick
Better media export could be a good extension for the livecode apps sure.

If that bodymovin .json player was integrated as a widget then the it’d make for some slick UI and animations inside Livecode

I’ll post my tests with .PNG sequence icon ID playback. It’s an ok work around but direct AE to Livecode/animated .svg would be an incredible addition

Re: Bodymovin AE integration

Posted: Sat Dec 29, 2018 12:14 pm
by richmond62
Indeed, it is always possible to export sequences of images . . .

AND THEN have to TEDIOUSLY assemble them and export the result as a movie file.

NO sound.

Re: Bodymovin AE integration

Posted: Sat Dec 29, 2018 1:04 pm
by richmond62
Animations are exported as .json files!!!
There is, of course, something to get one started:
-
JsonX.png

Re: Bodymovin AE integration

Posted: Sat Dec 29, 2018 10:32 pm
by capellan
Many Thanks for calling our attention to this library!

Certainly, the extension Bodymovin for After Effects
is amazing and the demos are wonderful:
https://nearpod.com/digital-citizen-experience

Just for curiosity, How could you import and play
a json animation into LiveCode without using the
browser widget?
https://aescripts.com/bodymovin/

Al

Re: Bodymovin AE integration

Posted: Sun Dec 30, 2018 10:04 am
by whitebrick
richmond62 wrote:
Sat Dec 29, 2018 12:14 pm
Indeed, it is always possible to export sequences of images . . .

AND THEN have to TEDIOUSLY assemble them and export the result as a movie file.

NO sound.
I think you and I might be chasing slightly different unicorns