Bodymovin AE integration

Something you want to see in a LiveCode product? Want a new forum set up for a specific topic? Talk about it here.

Moderators: Klaus, FourthWorld, heatherlaine, robinmiller, kevinmiller

whitebrick
Posts: 14
Joined: Wed Jul 02, 2014 12:36 pm

Bodymovin AE integration

Post by whitebrick » Fri Dec 28, 2018 12:07 pm

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

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

Re: Bodymovin AE integration

Post by richmond62 » Fri Dec 28, 2018 1:13 pm

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.

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

Re: Bodymovin AE integration

Post by Klaus » Fri Dec 28, 2018 1:49 pm

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)

bogs
Posts: 3817
Joined: Sat Feb 25, 2017 10:45 pm

Re: Bodymovin AE integration

Post by bogs » Fri Dec 28, 2018 2:38 pm

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:
Image

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

Re: Bodymovin AE integration

Post by richmond62 » Fri Dec 28, 2018 4:30 pm

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?
Last edited by richmond62 on Fri Dec 28, 2018 6:46 pm, edited 2 times in total.

FourthWorld
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 6851
Joined: Sat Apr 08, 2006 7:05 am
Location: Los Angeles
Contact:

Re: Bodymovin AE integration

Post by FourthWorld » Fri Dec 28, 2018 4:44 pm

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.
Richard Gaskin
Community volunteer LiveCode Community Liaison

LiveCode development, training, and consulting services: Fourth World Systems: http://FourthWorld.com
LiveCode User Group on Facebook : http://FaceBook.com/groups/LiveCodeUsers/

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

Re: Bodymovin AE integration

Post by richmond62 » 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.

FourthWorld
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 6851
Joined: Sat Apr 08, 2006 7:05 am
Location: Los Angeles
Contact:

Re: Bodymovin AE integration

Post by FourthWorld » Fri Dec 28, 2018 7:24 pm

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.
Richard Gaskin
Community volunteer LiveCode Community Liaison

LiveCode development, training, and consulting services: Fourth World Systems: http://FourthWorld.com
LiveCode User Group on Facebook : http://FaceBook.com/groups/LiveCodeUsers/

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

Re: Bodymovin AE integration

Post by richmond62 » Fri Dec 28, 2018 7:53 pm

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.

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

Re: Bodymovin AE integration

Post by richmond62 » Fri Dec 28, 2018 8:31 pm


whitebrick
Posts: 14
Joined: Wed Jul 02, 2014 12:36 pm

Re: Bodymovin AE integration

Post by whitebrick » Sat Dec 29, 2018 2:49 am

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

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

Re: Bodymovin AE integration

Post by richmond62 » 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.

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

Re: Bodymovin AE integration

Post by richmond62 » Sat Dec 29, 2018 1:04 pm

Animations are exported as .json files!!!
There is, of course, something to get one started:
-
JsonX.png

capellan
Posts: 610
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Re: Bodymovin AE integration

Post by capellan » Sat Dec 29, 2018 10:32 pm

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

whitebrick
Posts: 14
Joined: Wed Jul 02, 2014 12:36 pm

Re: Bodymovin AE integration

Post by whitebrick » Sun Dec 30, 2018 10:04 am

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

Post Reply

Return to “Feature Requests”