Animation Question

Visuals, audio, animation. Blended, not stirred. If LiveCode is part of your rich media production toolbox, this is the forum for you.

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
Simon Knight
Posts: 919
Joined: Wed Nov 04, 2009 11:41 am

Animation Question

Post by Simon Knight » Tue Nov 23, 2010 11:18 am

Hi,
I have to create a presentation that describes how several components are all connected to a laptop (seven connections in total). I have created a keynote slide that reveals each connection in different colours which is o.k. but I was wondering about redesigning the slide in LiveCode and creating some form of animation to represent the flow of signals / current. How would you experts approach this type of graphic animation?

Thanks

Simon
best wishes
Skids

Mark
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5150
Joined: Thu Feb 23, 2006 9:24 pm
Contact:

Re: Animation Question

Post by Mark » Tue Nov 23, 2010 12:24 pm

Simon,

Use a polygon graphic to indicate the connections between the devices and the laptop. Create a small round graphic and use the move command to move the round graphic over the polygons. You can use the pointList of a polygon as a parameter for the move command.

Another possibility is to create a number of tiny round graphics on top of those polygons and alternately set the backColor of the round graphics to a bright colour.

Best,

Mark
The biggest LiveCode group on Facebook: https://www.facebook.com/groups/livecode.developers
The book "Programming LiveCode for the Real Beginner"! Get it here! http://tinyurl.com/book-livecode

Simon Knight
Posts: 919
Joined: Wed Nov 04, 2009 11:41 am

Re: Animation Question

Post by Simon Knight » Tue Nov 23, 2010 12:33 pm

Thanks Mark,

I will give both methods a try.

Simon
best wishes
Skids

bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4171
Joined: Sun Jan 07, 2007 9:12 pm

Re: Animation Question

Post by bn » Tue Nov 23, 2010 1:14 pm

Hello Simon,

There are numerous ways to do such an animation in Rev/Livecode. It all depends on how fancy you want to get.

I made a little stack with 3 graphics consisting of a thick line with its dashes changing, some basic animation to show a relationship between objects.

If you hover over the lines they start to animate, there are two buttons to start/stop animating all three of the lines.
The card script has a closecard handler that cancels any 'leftover' messages in case you leave the card and an animation is still running.

Fairly simple animation, can easily be expanded to more lines.

If you have trouble with the .livecode suffix, just change it to .rev and you are ok. Or drag the .livcode file onto the icon of your Rev application.

regards

Bernd
Attachments
flashDash Simon.livecode.zip
(1.86 KiB) Downloaded 356 times

Simon Knight
Posts: 919
Joined: Wed Nov 04, 2009 11:41 am

Re: Animation Question

Post by Simon Knight » Tue Nov 23, 2010 1:20 pm

Hi Bernd,

Your demo is exactly the sort of thing I wish to produce.

Thanks

Simon
best wishes
Skids

bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4171
Joined: Sun Jan 07, 2007 9:12 pm

Re: Animation Question

Post by bn » Tue Nov 23, 2010 1:30 pm

Hi Simon,

Well I guess then it is easily expandable by playing with the dashes / timing / color / linesize etc. Or leave it as it is and multiply the lines.

Glad it helped.

regards

Bernd

Simon Knight
Posts: 919
Joined: Wed Nov 04, 2009 11:41 am

Re: Animation Question

Post by Simon Knight » Tue Nov 23, 2010 1:51 pm

Hi Bernd,

I am trying to replicate an effect I remember from old training films which aimed to show how complex hydraulic systems were put together. Having the fluid move did add something to the impact of the presentation (film). Also it is good to present something that is not a typical powerpoint death by lists presentation.

I will post my efforts for comments / marking ;-)

Thanks again

Simon
best wishes
Skids

bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4171
Joined: Sun Jan 07, 2007 9:12 pm

Re: Animation Question

Post by bn » Tue Nov 23, 2010 2:09 pm

Simon,

if you are into hydraulics have a look at a water tank (barrel) I made. Could be adapted to hydraulics.

http://forums.runrev.com/phpBB2/viewtop ... rel#p22987

one is a revlet and the other the stack.

The tanks are selfcontained groups and can be set by script. If they are not too big the animate quite nicely.

One could play around with this stuff forever...

regards

Bernd

Post Reply