Adobe Community: Message List - scale fullscreen?

Re: scale fullscreen?

forums_noreply@adobe.com — Fri, 07 Nov 2014 20:36:06 GMT

Hi there

yes it's Possible to scale your animation too, but i need to know your stage structure so i can tell you the right method to scale your animation

regards

Zaxist

Re: scale fullscreen?

forums_noreply@adobe.com — Fri, 07 Nov 2014 19:18:30 GMT

Zaxist

I have seen only images being scaled that way. Is it possible to do that with EA compositions as well?

Because I need exactly that placement of my background, but it should be animated. Therefore I am looking for a way to place a symbol filling up the viewport as with "background-size":"cover" for images.

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 20:30:48 GMT

Really awesome you guys. Thanks for the assistance!

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 19:29:14 GMT

Dear Rokoff

i simulate the exact effect that you wanted and used with http://makeup.heatherconlan.com/

you just need to 3 simple steps to achive that

1st : create your hole things

2nd : select all of your elements and convert them to a symbol

3rd : just set center class for that symbol ( you can add class to symbol or elements by click on them on the Elements pannel and in the left side in properties panel in front of element name click on c letter then a box will appear and you write your class name in there )

i wrote the needed codes for you and removed the rest of your codes that not needed

* i also changed your stage to percentage width and height

you can see them in example file with your project

http://www.mediafire.com/?r6ur1mvb49kfv5k

reguards

Zaxist

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 16:52:29 GMT

https://app.box.com/s/caa05z98fs8acxs40f0g

fixed it.

added the css of zaxist to the stage actions.

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 16:38:52 GMT

Thanks again Zaxist. It might be helpful to look at my project. It's pretty simple at this point.

https://www.dropbox.com/s/21amt2ntifdzrbl/example.zip

I'm trying to achive something similar to this:

http://makeup.heatherconlan.com/

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 16:18:33 GMT

you should use percentage to keep them always centered in the browser when zooming out or in or change resolution !!

you shoud set your stage and all other stuff in percentage

the problem is with text, in zooming and zoom out they will change

Zaxist

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 16:13:07 GMT

Thank you! This is getting closer.

I'm trying to understand now how to keep my buttons and logo centered in the browser.

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 08:53:22 GMT

you can also use this code in Stage > compositionReady

$("body").css({

"background-image":"url(images/1.jpg)",

"background-position":"center center fixed",

"background-repeat":"no-repeat",

"-webkit-background-size":"cover",

"-moz-background-size":"cover",

"-o-background-size":"cover",

"background-size":"cover"

});

$("#Stage").css({"margin":"0 auto"})

no needed css file anymore

Zaxist

Re: scale fullscreen?

forums_noreply@adobe.com — Mon, 22 Jul 2013 06:35:06 GMT

link a style.css to the edge file.

put this in the style.css

html {

background: url(images/bg.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

put the image in background url and it will alwase be a fullscreen image

scale fullscreen?

forums_noreply@adobe.com — Sun, 21 Jul 2013 22:15:28 GMT

I'm attempting to create a simple composition containing a fullscreen background image, and several buttons centered on the stage. I'd like for this composition to scale for view on different devices. I've been working with Sarah Hunt's example code from here: http://forums.adobe.com/message/5219196#5219196

It's very close to what I'm looking for, except I'd like for the compostion to be fullscreen, rather than having white space underneath. Any thoughts on how to best accomplish this would be greatly appreciated.