Adobe Community: Message List - Can Edge animation scale/resize like Flash and Canvas

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Sun, 04 May 2014 15:34:12 GMT

Upgrade to Edge Animate 3. It's in there.

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Tue, 09 Apr 2013 09:42:24 GMT

Thanks Sarhunt, I have been looking for these quite long already!

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 08 Apr 2013 18:51:24 GMT

Thanx very much sarhunt.

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 08 Apr 2013 17:14:06 GMT

Ah might as well post here as well - I have a tutorial for how to go about this here http://www.youtube.com/watch?feature=player_embedded&v=hrLt0Y9QAY8

Sarah

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Sat, 06 Apr 2013 10:39:39 GMT

and how do you use scale with a variable? Fx. I have a variable defined "thisAmount" and I want to apply that for scaling. When I write:

#MY-EDGE-STAGE-DIV{zoom:0.8;-moz-transform: scale(thisAmount);}

it doesn't work.

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Sun, 24 Mar 2013 17:26:27 GMT

I've got no answers - but there seems to be a lot of confusion on this forum about what dominicosavio is talking about.

If anyone wants to see an example of the way Flash sites can scale to fit the browser window, here is a Flash only site that I created several years ago:

http://www.skippingschool.co.uk

- try changing the browser size and you'll see the whole frame (graphics and images) scales to fit.

Hope this helps!

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Thu, 01 Nov 2012 13:05:36 GMT

The best solution I've found is to override the width of your stage div in CSS to auto!important. Then, use media queries to resize your div, using the CSS zoom property (and scale transform for Firefox).

/* Example CSS for an Edge stage div of 800px width */

#MY-EDGE-STAGE-DIV{width:auto!important;max-width:800px;}

@media screen and (min-width: 1px) and (max-width: 480px)

{

#MY-EDGE-STAGE-DIV{zoom:0.5;-moz-transform: scale(0.5);}

}

@media screen and (min-width: 481px) and (max-width: 600px)

{

#MY-EDGE-STAGE-DIV{zoom:0.6;-moz-transform: scale(0.6);}

}

@media screen and (min-width: 601px) and (max-width: 800px)

{

#MY-EDGE-STAGE-DIV{zoom:0.8;-moz-transform: scale(0.8);}

}

@media screen and (min-width: 801px) and (max-width: 50000px)

{

#MY-EDGE-STAGE-DIV{zoom:1;-moz-transform: scale(1);}

}

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Tue, 23 Oct 2012 12:17:58 GMT

Like I said, it works only when the path is not so complex. when the path is so complex it doesn't work. That's why we have to go with Canvas, everything is pixel based, and we just have to scale/resize the Canvas only and everything works perfect.

If Edge wants to replace Flash, it should look into Canvas instead of CSS

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 18:09:45 GMT

I do, but its still very rough.. http://vane.vanillasoftware.co.uk/

But the text from Edge wont resize (the big text, I do have a media query in place for it though), now im wondering if the project text itself is set to a px size, I bet it is! Ill look into that next

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 18:01:56 GMT

Wesley-

It's possible you might have set something up incorrectly to get responsive layout working. Can you post your file for us to look at?

Thanks,

-Elaine

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 18:01:18 GMT

Hi, Dominico-

It sounds like you're trying to get your motion paths are resized when you resize the stage, right? This will only work if your elements and paths are also described in percentage format. If your logic can handle it - say, if your array describes a path and you keep a variable that is a multiplier based on the size of the stage - you can use the resize event to reset the multiplier and make it move correctly that way. Otherwise, you'll have pixel-based animation over a responsive stage.

-Elaine

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 07:06:54 GMT

I have not got it to work using % either, the problem is that what ever the Edge outputs, it stays at a fixed width no matter what size its viewed on! The only thing I can come up with is to create multiple sized animations and use media queires to load / hide them as needed!

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 02:39:53 GMT

By the way, like I said before, for simple animation/simulation we can make it works, but for complex one, like drawing a bezier curve or a complex path based on an array of point from users' input and during the animation, users can increase/decrease the size of iframe and this is where Edge fail badly. If we do this in Canvas, we just have to do a simple canvas resize and everything works fine.

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Mon, 22 Oct 2012 02:31:37 GMT

Our animation/simulation will be loaded into an iframe with unknown dimension, our animation/simulation have to scale/resize itself to fit that iframe proportionally. We also provide user a way to increase/decrease the size of that iframe at anytime, and the animation/simulation must adjust itself to the new size.

Before HTML5 madness, we can achieve this with Flash very easily, and now we can use Canvas to get this same effect. So the question is, can Edge do this?

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Fri, 19 Oct 2012 18:32:44 GMT

Hi, Dominico-

What specifically are you trying to accomplish? I'm curious what "zoom in and out" effect you're looking for.

-Elaine

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Fri, 19 Oct 2012 17:04:02 GMT

I just posted this on another thread, but this seems to be a good responsive design tutorial: http://www.youtube.com/watch?v=RixCX7COepk.

I'm not sure how much zoom the original poster was looking for. If one wanted to zoom in beyond 100%, this isn't supported as well as it was in Flash. Probably easiest to see a sample page and then determine if EA can do it.

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Fri, 19 Oct 2012 16:58:44 GMT

Thank you wesley,

I have already tried it with responsive design, using % on every element's properties (x, y, scale, ...) and it only works in some simple animation case. For complex animation it fails badly. I think I have enough reasons to convince my clients to go with Canvas instead of CSS3

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Fri, 19 Oct 2012 10:58:21 GMT

Im just about to try and use Edge for a responsive design, not sure if it will even work.. I have noticed you can set widths to %.. so ill shall report back

Re: Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Thu, 18 Oct 2012 13:20:56 GMT

Hello, any Edge experts out there?

Can Edge animation scale/resize like Flash and Canvas

forums_noreply@adobe.com — Wed, 17 Oct 2012 18:17:03 GMT

One of our biggest concern right now is animation made with Adobe Edge can't scale and resize like Flash or Canvas (and we are not talking about fluid or responsive design) Is that true? Our animations need to allow user zoom in or zoom out without any restrictions, can we build our animation with Adobe Edge?

Thanks