Banner reactive in CC Animate

Hey Adobe,

Can you explain how to use the new "adaptable" feature in Adobe animate CC?

We try to make a banner of anglo-saxon reagent (938 x 340) that can resize a rectangle (320 x 340) in width, but we do not know how.

Our sensitive issues:
1. How can put us across the components/movieclips when resizing the browser? For example: make the text in the smaller display panel when you resize it to a rectangle format.
2. How can we put the movieclip in the center of the stage and the scale a bit when resizing the browser? For example: the background image.
3. How can we keep a movieclip around when resizing the browser? For example: customers logo

Articles, we've found so far:

Edge animate animate CC: reactive resizing and positioning - red-handed!  The file provided is scaling of the whole Web instead of several clips/items
Documents to create HTML5 Canvas to animate CC  Article that explains what can do the function
Animate CC 15.2 release (June): Express more with less | Adobe content corner Article says that it is possible and presents two photos of a canvas in several
devices of)
https://www.publishingblog.ch/responsive-exportieren-in-animate-CC/  German article explaining a bit about the feature


Attach files in .fla made CC animate or tutorials on the use of this feature. would be a great help.

Thank you!

Michael

Hi Michael,

The feature to "sensitive" to Animate is still limited and work so that your entire canvas/stage adjusts its size according to the size of the browser of the Viewer. It also maintains the original aspect ratio while doing so.

There is no option to scale selectively only a few elements; the scale is applied to the entire scene and everything together.

For this reason, a specific angle or anchor Center element is irrelevant here that the relative positions of all elements proportional rest.

To use sensitive scaling functionality in Animate, no changes do not impose themselves on the stage, simply activate the option via the publication settings.

Essentially two types of scaling is followed - one maintains that the scale, another original aspect ratio can evolve into mode full screen regardless of the aspect ratio.

The options you are looking for do not currently exist in Animate and need to be addressed via scripts only.

Tags: Adobe Animate

Similar Questions

  • How do I would broadcast an advertising banner created on board animate on a publication?

    Hello. New Edge animate and very enthusiastic about its use. How would distribute the files/folders to a publication? I would send them the "index.html" file + support files created when published?

    Click file > publish and then click Web and then publish, it will generate a publication/web/folder, which is a version optimized composition, you can distribute.

    HTH,

    Vivekuma

  • How to add multiple clickTags HTML5 Banner in Animate

    Hello

    Is it possible to add several "clickTAG" to a banner of HTMl5 in Animate?

    Yes, first of all, in Animate create multiple buttons with instance different names for example btn1, btn2, btn2... and write code in the actions, for example:

    This.Btn1.on ("click", function () {}

    Window.Open (window.clickTag1, '_blank')

    });

    This.btn2.on ("click", function () {}

    Window.Open (window.clickTag2, '_blank')

    });

    This.btn3.on ("click", function () {}

    Window.Open (window.clickTag3, '_blank')

    });

    Second, write HTML code for example:

  • Import of the stage edge animate in DW - make reactive scale

    Hello, I created a stage edge animate CC2015 in which I checked "doing reactive scale." When I import into FIREWORKS CC2015 I get the following message: 'execution of this change requires a change in the code which is locked by a model or a translator of change will be ignored...' I tried several configurations that have worked regularly and when I check "making the scale reactive" aboard the ANIMATE import cannot be done, and I got the above error message. Thank you and sorry for my English...

    In which editable region you try to insert your project dashboard animate?

    Nancy O.

  • system fonts to animate CC?

    I made a banner in adobe edge animate and it works fine. I just tried to remake the same banner in Animate CC 2016 and its rendering the police 9 000 objects in java script. I want the police to be alive as if it were adobe, I want to make a huge png on board.

    How have I not animate just use a system font instead of make out in JS?

    Here's what I have on board as you can see it is a lot of text.

    Godfrey Q WIP

    Use dynamic text to direct police

  • Html5 animated banner (for the DCM) cursor changes not pointer on mouseover

    I've created a banner of html5 in animate with a click tag and everything works fine, but for some reason any, when your mouse on the banner in a browser, the cursor does not change its cursor/pointer. The link works if you click the banner. No idea why this would happen?

    Thank you.

    Just so you know, I could fix this, for some reason my published html file did not include any:

    stage.enableMouseOver ();

    I added my html code and the problem solved.

  • I want to do a flying banner with text and flyingplane...?

    I want to do a flying banner with text and flyingplane...?

    Your best choice for that would be to create the banner in Adobe Edge animate. Then add animation to your site from Muse.

  • How do I turn on/off other buttons when you are active?

    Hello community!

    I have many symbols that animate in when you click on and off when you click again on a both. Thanks again to vivekuma who helped me make this a reality.

    But then I realized that I also need to disable the other symbols when you're active and reactivated when it animates back out like in the example. I don't hold it against someone for laughs, but I tried to combine this link/unlink with this current var method but it's mostly the afterthought blind blind shooting

    Any help would be greatly appreciated!

    Hello

    Use the code below:

    1. in compositionReady Manager:

    Add:

    SYM. $(".) Elf"). Hide();

    sym.setVariable ('count', 200);

    this.checkIfActiveSymbol = {function (childSym)}

    var bActiveSymbol = sym.getVariable ("symName");

    If (bActiveSymbol & (bActiveSymbol! = childSym.name))

    Returns false;

    Returns true;

    }

    this.setActiveSymbol = {function (childSym)}

    var bActiveSymbol = sym.setVariable ("symName", childSym.name);

    }

    this.resetActiveSymbol = function() {}

    var bActiveSymbol = sym.setVariable ("symName", "");

    }

    2. click on handler for each btn symbol:

    Replace: use btn1 and btn accordingly for each symbol button.

    var childSym = sym.getSymbol ("btn1");

    var pos = childSym.getPosition ();

    If (! sym.checkIfActiveSymbol (childSym))

    return;

    If (pos< 499)="">

    sym.setActiveSymbol (childSym);

    sym.getSymbol("btn1").play("1");

    sym.getSymbol("btn1").$("name").fadeToggle ();

    sym.getSymbol("btn1").$("mailbtn").fadeToggle ();

    }

    If {(pos > 501)

    sym.resetActiveSymbol ();

    sym.getSymbol("btn1").playReverse (pos);

    sym.getSymbol("btn1").$("name").fadeToggle ();

    sym.getSymbol("btn1").$("mailbtn").fadeToggle ();

    }

    var number = sym.getVariable("count");

    sym.getSymbol("btn1").getSymbolElement (.css({"z-index":count});))

    sym.setVariable ('count', count + 1);

    HTH,

    Vivekuma

  • Using Adobe animate for a banner in loop 3 times

    In the afternoon, all the


    I started using Adobe animate this week. I've created a banner simple online that needs a loop 3 times and then stops. I use a HTML5 canvas as it's supposed to be published on HTML5 like everything these days!


    I added the AS3 code that I used once on a Flash AS3 file, but it does not work. Can someone help me with a simple piece of code that actually works. Maybe I'm not supposed to use AS3 code on a HTML5 canvas - I don't really know what to do! Help, please.


    Thank you

    put this question to the last frame of your

    {if(!this.alreadyExecuted)}

    this.alreadyExecuted = true;

    this.loopNum = 1;

    } else {}

    this.loopNum ++;

    {if(this.loopNum==3)}

    This.Stop ();

    }

    }

  • Reactive OAM with Adobe animate?

    Beachfront animate, I was able to prepare the ground to be reactive and then publish this sensitive animation as an OAM packet. I could then place the MCO in Muse as a reagent. I tried to reproduce this with files OAM to animate without success. Files do not matter very much, but don't adjust to browser resizing in the new face of reactive. I tried all possible settings, it seems.  It is not yet implemented?

    Hello

    As you found, OAM animate do not respond again. We will take a peek.

    Thank you!

    Mohan

  • How to share banner edge animate in the portfolio online?

    I would like to include examples of banner ads created in Edge animate. I did research online but have not yet succeeded. Someone managed to solve this problem?

    Thus, 2 tools can be used:

    (1) edge API. You must customize an html page ==> API JavaScript Adobe Edge animate CC

    (2) common edge. You have a tutorial here ==> nesting animate compositions with the joint Composition by Edge magazine | EdgeDocks.com

  • I created an animated banner 468 x 60 in edge animate. How to save the image hosted on my desk? (not in HTML)

    I created an animated banner 468 x 60 in edge animate. How to save the image hosted on my desk? (not in HTML)

    Hello

    This feature is not available in Adobe Edge animate. You cannot export as image of the animate edge.

    Publish here describe the options available on board

    M lively help | Publish your content

    Kind regards

    Devendra

  • Animate a banner

    Hello

    I downloaded the demo of muse to adobe and I am trying to create my first website.

    I want to create a modern home page: when it opens I want it to be animated.

    The home page consists of a photo and a banner. At the beginning the banner is located in the middle of the page and I want her to be animated so that I'll go to the top of the page.

    Then, a menu is displayed in the banner.

    How can I do?

    Here are a few screen to make it easier to understand.

    Thank you

    Marco

    Schermata 2014-08-18 alle 20.26.45.pngSchermata 2014-08-18 alle 20.27.01.png

    Schermata 2014-08-18 alle 20.27.22.png

    Hi creativefxs,

    This can be achieved using Adobe Edge animate. You can create the animation using the edge animate and then add the same to Muse.

    To learn more about Edge animate, you can consult the following link:

    Edge animate CC tutorials | Discover how to use Edge animate CC

    To integrate the edge animate and Muse, please see:

    Integration of graphics Adobe Edge animate | Learn Adobe Muse CC | Adobe TV

    Concerning

    Sonam

  • How is insertar UN banner hecho con Edge you can animate en Joomla?

    Client UN me ha pasado una con vidéoconférence banner made in Adobe Edge, con UN known html y archivos .js... how en Joomla of ESE puedo put banner?

    xantir y Jorge -.

    El don't format OAM no compatible con are Joomla, pero is insertar una composición can animate using an iframe.  SE needs to change Joomla an aceptar HTML:

    http://docs.Joomla.org/Entering_raw_HTML_in_editors

    Después, to add the page you can:

    We have an example del iframe "Floral Match Maker" in el example here:

    http://HTML.Adobe.com/edge/animate/showcase.html

    Saludos,

    -Elaine

  • Reactive animation with Adobe animate CC

    Hello

    I am a newbee to animate.

    I have the trial version, and I do an animation. My wish is to make the slider for Joomla site I have.

    I published my animation on html5 format, and I'm able to show on my site. But I can't find any solution so it reactivates.

    No explanation on the web and in the tutorials from Adobe.

    So, if someone can help me...

    Kind regards

    Frédéric

    It is no different from any other file html or html5.

    Google: page sensitive html javascript

Maybe you are looking for