Load and control external HTML within edge?

Precede the things, I am above all a Flash animator - I can work my way around Action Script, but because the swf files are on the outs, I started playing with edge animate and HTML5 in general...

Let's say I want to use the edge to allow users to control an animated character. Now, in Flash, I'd create just a nested timeline-we'll call it him McFlashy - like this:

  • 1-50 of executives is a period of 'pending', supposed to loop in the meantime for users press a button;
  • executives McFlashy 50-100 jumps then returns to frame 1;
  • frames 100-200 McFlashy vague and said "Hello!" The SWF file is dead! ' and return to frame 1;

So I just put buttons (IE JUMP_btn and SPEAK_btn) on the scene with '. gotoandPlay.McFlashy_mc("jump") feature. Pretty simple stuff. Now, I want to recreate it on board animate...

I used CreateJS to export the animation as a file HTML (McFlashy.html). What is the next step?

  • How can I tell Edge to load the McFlashy.html in the main file created by Edge?
  • Can I control WHERE the McFlashy.html appears on the scene?
  • How can I get the dashboard buttons control the file McFlashy.html as I mentioned earlier?
  • Is there a better way to do so than what I'm looking for?
    • Suppose that I have to use Edge.
    • I can't import a PNG sequence or same Sprite sheet in front could be better, but unltimately, I need control of the long and complicated animations that have audio like this, so PNGs and Sprites aren't the best option (I guess)

Thank you SO much for anyone who takes the time - I feel pretty lost here

Hi, FuzzyDrawings-

First of all, welcome!

A couple things to note here.

  • Exports of CreateJS in the HTML canvas tag that Animate does not interact with.  Animate will be useful if you want to re-create your animations natively.
  • You can control where McFlashy.html appears on the scene
  • About interactivity, you should probably watch the lesson 'Extend' in the application (when you first launch Animate, click "Getting Started" and then "extend").  You can certainly do animation scenario using Animate, but the biggest thing you have to remember is that you do not work in keyframes, you work in milliseconds

I suggest you play with Animate first and then think about what you want to accomplish with your animation.  The approach can be substantially different from what you are used to in Flash.

I hope that points you in the right direction!

-Elaine

Tags: Edge Animate

Similar Questions

  • Loading and handling external SWF files

    I'm new to the Flex development environment.  In the past, when we put a large application in Flash, load us SWFs and pass relevant data.  I've created a flex application and want to load the swf compiled from another flex project.  I can do this and swf games, but how can I have access to the properties and methods of the loaded swf file?

    I was loading active flash converting them for bending of components customized by using the Flex components, but I don't want to put all my flash content in the components and add them to a large project because it would make a huge swf if all these swcs are included in the compilation.  Is it possible to load a swf file and access its attributes?  Or what I need to rework the way I build a large application consisting of many SWFs in the past?

    Sovereign wealth funds are loaded asynchronously, so that they are not guaranteed to be there by creationComplete.  The Protocol is to use the Event.COMPLETE to listen the FlexEvent.APPLICATION_COMPLETE of the loadedSM, then loadedSM.application must be valid.

    Note that if you type-casting of the application, you end by linking the application in the main SWF file classes, defeating the point of having a sub-application.  Use an interface or just loadedSM.application ["receiveObjects"])

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • With the help of the external library within edge

    Hello

    Sorry, but I was stuck on this during some time! I want to use the javascript flow library to make graphics in my project.
    His "Basic operation" section says that first include you the library, a placeholder div, then a graph can be plotted on the edge of the div.

    Source:https://github.com/flot/flot/blob/master/README.md

    I have included the file using the standard yepnope function, but Assembly code in the div tag is something that I can't get my head around...

    I think it could be very simple, but I am mistaken!
    Is it possible to use this library in Adobe Edge or I am barking the wrong tree?

    Any help whatever it is greatly appreciated!
    Katherine

    I think you should try this:

    If you have your div on the edge named placeholder:

    () yepnope

    {

    Nope:]

    "js/jquery.flot.min.js,"

    ],

    full: init

    }

    );

    function init() {}

    var placeholder = sym.$("placeholder");

    $.plot ($(placeholder), [[[0, 0], [1, 1], [2.4], [6.2]]], {yaxis: {max: 5}});

    }

    Then you can add points in the table above.

    Check their API.

    I'll try to do a sample today.

    Have you seen their sample base - this should help you to understand.

    {$(function()}

    var d1 = [];

    for (var i = 0; i)< 14;="" i="" +="0.5)">

    D1.push ([i, Math.sin (i)]);

    }

    var d2 = [[0, 3], [4, 8] [8, 5] [9, 13]];

    A null value means separate sections

    D3 var = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

    change your div for Edge reference

    $.plot ("#placeholder", [d1, d2, d3]);

    });

  • How you load in an external text (txt) file using edge animate CC?

    Hello

    Does anyone know how to load in an external txt file using edge animate? I think you have to make ajax calls, but I am a totally newbie here.

    Would be grateful for the help.

    Thank you and best regards,

    James

    Use a JSON file. Ingestion of external data | Learn edge CC animated | Adobe TV

  • AS3: How to access and control embedded sounds in an external swf?

    I rarely use the sounds in AS3/Flash. I use Flash Pro CS6, but I can't seem to understand how access control (play, stop, etc) sounds embedded in a SWF external loading in the main SWF file.

    It is easy to control them when they are incorporated on the main swf. However, on a responsible external SWR, I get all sorts of errors. For this application, I really need to incorporate in the external SWF file.

    I've read several solutions, but none seems not to work.

    I integrate the sound file mp3 called soundSegment1.mp3 tool to import Flash CS6 and then open the properties panel actionscript Flash select the name of the class: SoundSegment1. Can I change the class ID and create a file named SoundSegment1.as, and it saved right next to my document class main.as in the same directory. The code for the SoundSegment1 class looks like this:

    package  {

       
    import flash.media.*;


       
    public class SoundSegment1 extends Sound
       
    {

           
    public function SoundSegment1 ()
           
    {
               
    // no code in here
           
    }


           
    public function playSound()
           
    {
               
    var soundSegment1:Sound = new SoundSegment1();
               
    var channel:SoundChannel = soundSegment1.play();
           
    }
       
    }
    }

    Then, in my main.as, I made several attempts to play this sound such as:

    var fileLocation:URLRequest = new URLRequest(SWFToLoad);

    loader.load(fileLocation);

    loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressListener);

    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeListener);

    loader.contentLoaderInfo.addEventListener(Event.INIT, initListener); 


    function initListener(e:Event):void // I also placed this code on the completeListener and it didn't work

    {

         loader.content.soundSegment1.playSound(); // doesn't work. 

    }

    I get:

    Line XXX 1061: Call to a possibly undefined method playSound through a reference with static type flash.display:DisplayObject.

    Otherwise, I also read that I should be able to do something like this anywhere in the Main.as file:

    var theClass:Class = Class(loader.content.getDefinitionByName("SoundSegment1")); var theSound:theClass = new theClass(); theSound.play()  //doesn't work either.

    I also tried on the completeListener:

    var TheClass:Class = e.target.applicationDomain.getDefinition("SoundSegment1") as Class;

    var theSound:TheClass = new TheClass();
    theSound
    .play()  //doesn't work either.

    I get:

    ReferenceError: Error #1065: Variable SoundSegment1 is not defined. at flash.system::ApplicationDomain/getDefinition()

    I'm stuck and I really need this to work. I would really appreciate your help.

    Thanks in advance for any help provided. I really need to make it work, because I can not simply incorporate into the main SWF or load them individually outside one by one.

    Thanks again!


    You can use the load and loadCompleteF below:

    var SWFToLoad: String =...;

    var s:String = "SoundSegment1";

    Load (SWFToLoad, s);

    function load (urlS:String, classS:String) {}

    var ldr:Loader = new Loader();

    ldr.contentLoaderInfo.addEventListener (Event.COMPLETE, function(e:Event){loadCompleteF(e,classS);});)

    LDR. Load (new URLRequest (URL));

    }

    function loadCompleteF(e:Event,classS:String):void {}

    var loadedAppDomain:ApplicationDomain = e.target.content.loaderInfo.applicationDomain;

    var C: Class = loadedAppDomain.getDefinition (classS) in class;

    var instance: * = new C();

    Sound (instance). Play();

    }

  • Jump to an external HTML file loaded anchors

    I loaded an external HTML document using ajax:

    $.ajax({)

    URL: ('test.html').

    data type: "html."

    success: {function (data)}

    SYM.$("rectangle").html (Data);

    }

    });

    The above works fine.

    I created a few anchor inside this HTML document:

    < a id = "anchor1" > < / a >

    < a id = "anchor2" > < / a >

    < a id = "anchor3" > < / a >


    When a trigger is reached in the composition of my Board, I would like to than the external HTML page loaded to jump or possibly scroll smoothly at these different anchor points.


    Any suggestions?

    Understood that if you put this piece of code at some point, you want the HTML code to access your anchor

    Window.Location.href = "#anchor1";

  • With the help of a button to load and unload the external SWF in AS3?

    How can I use a button to load and unload a sequence of external SWF files, as a Next button and previous?

    I don't know if it will work because apparently you are trying to load a swf AS1/2, but try

    change the line to be...

    _swfTempClip = MovieClip (event.target.content);

    If this does not work, then you will need to create _swfTempClip as a new MovieClip and add the event.target.content to this MovieClip using addChild().

  • Loading and unloading of the external swf with buttons

    Alright. Here's the deal. I have 7 buttons on my main page, on the left side of the screen. I want the buttons to the external swf on the right to load and unload then when you push a different button. Should I make a table? Do I need a clip vacuum film to load each swf in?

    ///////////////Buttons/////////////////////

    graphics - load the thumbnail scroll bar

    mixed technique - load the thumbnail scroll bar

    photography - load the thumbnail scroll bar

    illustration - charge the miniature scroll bar

    Words - list history of charges

    Contact - contact information of charges

    charges about - bio

    ////////////////////////////////////////////

    Thanks for any help.

    If you are unable to publish for flash player 10, you will need to use the instead of unloadAndStop() unload() method.

  • Load and play different external MP3

    I wanted to do something that I thought was simple - I wanted to have a read of the sound (external mp3 loaded) and have then different buttons on the screen that are responsible for another song instead.  Could someone help me please?

    That's what I'm doing:

    var myMusic:Sound = new Sound();
    var reqMyMusic:URLRequest = new URLRequest ("mySong.mp3");
    myMusic.load (reqMyMusic);
    myMusic.play ();

    music1_btn.addEventListener (MouseEvent.CLICK, music1);

    music2_btn.addEventListener (MouseEvent.CLICK, music2);

    function music1(event:Event)
    {
    LOAD AND PLAY A DIFFERENT MP3 (instead of mySong.mp3)
    }

    function music2(event:Event)

    {

    LOAD AND PLAY A DIFFERENT MP3 (instead of mySong.mp3)

    }

    use:

    var myMusic:Sound = new Sound();
    var reqMyMusic:URLRequest = new URLRequest ("mySong.mp3");
    myMusic.load (reqMyMusic);
    var sc:SoundChannel = myMusic.play ();

    music1_btn.addEventListener (MouseEvent.CLICK, music1);

    music2_btn.addEventListener (MouseEvent.CLICK, music2);

    function music1(event:Event)
    {
    SC. Stop();

    myMusic = null;

    myMusic = newSound ();

    myMusic.load (new URLRequest ("whatever"));

    SC = myMusic.Play ();

    }

    function music2(event:Event)

    {

    SC. Stop();

    myMusic = null;

    myMusic = newSound ();

    myMusic.load (new URLRequest ("whatever"));

    SC = myMusic.Play ();

    }

  • External load and give the name of the instance

    I use this code to load and external swf, now how do I assign an instance name for this?

    var eventInitialLoader:Loader = new Loader();
    var eventInitialURL:String = parent ["eventPath" + ie];
    var eventInitialRequest:URLRequest = new URLRequest (eventInitialURL);
    eventInitialLoader.load (eventInitialRequest);
    eventOdd_MC.addChild (eventInitialLoader);

    Thanks for the help!

    At a certain point in your code, that you must have a reference to the instance that you want to remove, then you can just do:

    [instance].parent.removeChild ([instance]);

    or set up a table:

    var instanceArr:Array = new Array();

    and when you load a new instance with the charger, do:

    instanceArr.push (myInstance);

    and to access:

    for (var i: uint = 0; i< myinstance;="">

    child var = instanceArr [i];

    (do things with child)

    child.parent.removeChild (child);

    }

  • How to read a variable main.swf (this content.swf of load) and use within the loaded movie?

    Hello

    How to read a variable main.swf (this content.swf of load) and use it within the content.swf?

    I have a variable called TextColor = 'Green' handmade film and I want to read this variable from inside the content movie?

    anyone can help!

    Thank you very much.

    MyGiantBrain thanks for your reply but kglad method worked very well.

    Thanks kglad but there is some changes to your code so that it works, and it is:

    trace (MovieClip (parent.parent) ["TextColor"]);

    Thank you

  • We use Flash Pro CC creating animations with legends and export to html 5.  We must translate the captions in other languages. How can we download translation of texts in our flash animations so we can use them in html5 using CreateJS?

    We use Flash Pro CC creating animations with legends and export to html 5.  We must translate the captions in other languages. How can we download translation of texts in our flash animations so we can use them in html5 using CreateJS?  I use the Flash on a Mac OSX 10.10.3

    Are you familiar with JavaScript?

    It does not completely answer your question, but the text displayed on the screen from any language (ActionScript/CreateJS / [insert the programming language]) generally all following the same path. Each language has a file stored in some form of key = value style, named through the language and the country of your choice, for example en_US.json

    Any language would allow the user to choose regional settings. The application would then grab the appropriate file and everywhere where the text is needed, the script must be using a (usually global or singleton) variable/service that can get the text of the requested key.

    for example if I wanted a user to have a confirmation of dialogue who said 'are you sure?"with buttons for 'Yes' and 'No', I would have (for me), an Englishman, USA base file en_US.json with these values, for example:

    en_US. JSON example:

    {

    'CONFIRM_YES_NO': ' are you sure?

    'YES': '' Yes. ''

    'NO': 'no '.

    }

    Then you use simply JS/AJAX to read this file. You analyze, or simply JSON decode in an object, or manually, depending on what suits your needs. When you want to display any text, you use the object (variable, maintenance, etc.) you have stored these values.

    for example calling to display function confirm dialogue:

    Nickname... but if you understand...

    and this comes from jQuery UI (see here)

    function confirmDialog() {}

    $(«#dialog-confirmer»).dialog({)

    Title: LocalizationObject ['CONFIRM_YES_NO'],

    buttons:]

    {

    text: LocalizationObject ["YES"],

    Click: function() {/ / do something for 'yes '.

    }

    {

    text: LocalizationObject ["NO"],

    Click: function() {/ / do something to the 'no '.

    }

    ]

    });

    }

    Please consider loosely. 'LocalizationObject' is a variable object or service that returns the appropriate text for the key that you provide. In this case, he provided the key 'CONFIRM_YES_NO', 'YES' and 'NO', which must be on the right answer for this key, localized.

    Again, this is not a manual on how to do it via Flash Pro but it's the general conceptual way you could do it in any language. There are a variety of other ways to do it, but it's a very simple way, as long as you keep your key names at least wake up verbose. A key name such as LocalizationObject ["ABC123"] is not really tell you what the key can be referred. Also nest them contributes greatly, as LocalizationObject ["UI'] ['DIALOGUES'] ['CONFIRM'] ['YES_NO'] = ' are you sure? It just shows I nested the title of the dialog within the user interface, because it is the text that appears in the user interface rather than content. Then inside dialog boxes that may contain a variety of different dialog boxes. Then inside her CONFIRM type of dialogue. Finally, the type is a dialogue YES_NO type (as opposed to OK_CANCEL or JUST_OK, etc.). Whole set makes it easy to understand what the text of reading: UI YES_NO confirm DIALOG boxes.

    I hope that from here you can see that you need to review everywhere you display text on the screen and centralize it in a sort of object (function or variable) of your choice. You must store the external language files to prevent unnecessarily load the other languages as well as an easy to modify Setup.

    The rest is just using basic JavaScript.

    Just be ready for the most difficult challenge. At least for me. The size of the text in several languages is very different, and in some cases requires the loading of special fonts. This can make layout in a very difficult dynamic environment. Always thinking all text how big or small can be in any particular and plan field on this size more and shrink so that to handle this situation correctly.

  • What is the difference between the two publish to ftp host and export as html in Muse?

    What is the difference between FTP publishing and export as HTML in Muse? When I had some problems with missing assets, I exported as HTML and fixed it, but it didn't update on the layout of the phone or completely on the desk until I published on ftp. Assuming that perhaps export just updates the files on the server? Thank you

    Hi Brian,.

    Site as HTML export will export just your Muse site on your desktop without making any changes to your site online, but when you select Publish to FTP, it publishes the changes you did for your website online.

    Export to HTML format is mainly used when you want to use any external client to load your site on the server.

    Refer to this document to better understand: Adobe Muse Help | Download a Site from Muse Adobe on a third-party hosting service

    Kind regards

    Akshay

  • Data using JSON Javascript within edge animate

    I have a javascript file that displays data in an html page, there is INFORMATION from a JSON file

    I would use the output to the breast to animate dash instead (essentially re - build the HTML page using edge animate).

    I understand that I should include my script & scripts jquery in my composition, here's my script code. How can I use the output of this on the edge of adobe.

    function playlistupdate (list)

    {

    for (var i = 0; i! = list.dbdata.length; i ++)

    {

    song var = list.dbdata [i];

    }

    {

    $("#list0artist").html(list.dbdata[0].artist);

    $("#list0title").html(list.dbdata[0].title);

    $("#list0label").html(list.dbdata[0].label);

    $("#list0albumyear").html(list.dbdata[0].albumyear);

    $("#list0picture").html ("< img src =" / testsite/covers /' + list.dbdata [0] .picture + ' "width =" 170 "height ="170"/ >");


    for example, how can I display the 'artist', 'title', 'label' and 'album_year' within edge animate. And also how to display the 'image' (which is a JPEG file).


    I hope I can't intergrate the script within lively edge completely.


    Thank you very much




    Justin.

    Hi Justin,

    You will find 2 files of demo here: json demos upgraded.zip - Box

    Note: You can post your working file.

  • External html page in flash

    How to load external html page into flash? (AS3)

    You cannot load an html page into Flash, but you can try to load the html code that it contains in a textfield.  Flash supports only a very limited number of html tags, so it is highly likely, you won't get what you're after, if you read an html file that has not been edited specifically for Flash.  Just look to the top of the TextField.htmlText property in AS3 help documents and lists the html tags that are supported.

    For AS3 you must look in the URLLoader class as much as loadng an external text file is.

Maybe you are looking for