Flash canvas

I have a question about flash canvas where I asked?

i have a .png (image) inside MovieClip how can i call it by code
i used
this.MC.addEventListener("click", fl_ClickToHide.bind(this));
function fl_ClickToHide()
          this.MC.visible = false;
But I did not get the result

Similar Messages

  • Making my Flash Canvas / HTML5 responsive without stretching project?

    So I'm really close to completing this Flash-based Canvas project. Issue is I want it to scale down for different browser sizes. I kind of have that now.....sort of.
    Let me try to explain. I have this link: Punk Rock Fitness | Made in LA Fitness | Los Angeles, CA
    Which is 100% width but cuts off the height.
    Then I have this link: http://purcraft.com/madeinla/home2_height.html
    Which is 100% height but depending on your browser, it stretches out the height to fit. Which makes sense but it isn't ideal.
    Same problem with 100% height and width......you get that fun house mirror effect, which isn't so desirable.
    So what I'd like to find is a piece of script that makes my project 'responsive' so it scales much at the same ratio of the movie, without distortion. This movie is 1200x768 so for example, on an iPad it might be 768x492 on a 768x1024. Make sense?

    I forgot to mention but when I check the WP-based page, I get the following two errors in Console:
    TypeError: cjs.MovieClip is not a constructor
    }).prototype = p = new cjs.MovieClip();
    home2.js (line 170, col 19)
    TypeError: lib.home2 is not a constructor
    exportRoot = new lib.home2();

  • Help with Flash CC canvas export!

    hello!
    I have a flash canvas project that I'm trying to export to html 5 project.
    On the flash editor it looks like this :
    img1 (link below)
    Once I publish the project, it creates html file, images folder and it looks like this :
    img2 (link below)
    I opened developer tools on chrome and can't see any JS errors...
    What am I doing wrong?
    Thanks in advance!
    img1 -  http://imageshack.com/a/img843/817/nfuyq.jpg
    img2 -  http://imageshack.com/a/img837/2192/qeow.jpg

    When you check the FLA using a browser straight out of the program (by hitting control+enter) does the same thing occur? I would check the project settings to see if the overall size of the project is the same size as the artwork, it looks like the stage is only rendering the middle 50% of the work as a whole.
    If you do resize, be careful to reposition your artwork, each keyframe of it, so that it positions correctly. The stage will resize from the upper left corner outward unless you specify otherwise in the Project control window.
    Hope this helps.

  • Flash 2.0 Datagrid component bug ?

    Recently I found a bug in Datagrid component. The swf file
    which contain datagrid act differely in IE 6, and IE 7.
    This is what I've done:
    1) Compile swf, export it together with html file.
    2) Run the html file
    3)Press on one of the cell,drag it and then release it
    outside of the browser/flash canvas.
    4)Move the mouse pointer back to flash canvas
    5)The grid will scroll automatically( move the move up and
    down to test)
    6)After a few times mouse pointer movement, suddenly IE
    crash, CPU usage 100%
    I have tested the swf file on firefox 2.007 and stand alone
    flash player, however, none of the flash player have this bug.
    Therefore I suspect that the ActiveX flash plugin for IE cause this
    bug.
    This is the source code, which I use to create the datagrid
    for testing.
    ps: open one fla file, drag datagrid component from component
    panel to the stage or it will not run.
    import mx.controls.DataGrid;
    var header = "Stock Code/\nName,Type,Status,Order
    Date\nTime,Duration,OrderQty/\nPrice,Matched Qty/\nPrice,Trd
    Curr/\nMatched Value,Account No/\nOrder No";
    var wid =
    "90,43.2699356842522,91.5969497381748,87.4747020181826,60.4473499934867,67.9851014914014, 90.2231829093762,111.8984058876167,134.104372277509";
    var alig = "left ,left, left , left , left , right , right ,
    right , left ";
    var halig = "center ,center,center , center , center , center
    , center , center , center ";
    var fxdata:Array = new Array();
    fxdata[0]= new Array("67676
    GPACKET","Buy","Expired","05/09/2007 06:04:20 PM","Day","200
    4.34","0 0.00","MYR 0.00","423423423432");
    fxdata[1]= new Array("054066
    FASTRAK","Buy","Expired","05/09/2007 01:45:18 PM","Day","47,900
    0.27","0 0.00","MYR 0.00","fdsfsdfsdf");
    fxdata[2]= new Array("737013
    HUBLINE","Sell","Expired","05/09/2007 11:53:19 AM","Day","400
    0.69","0 0.00","MYR 0.00","93743");
    fxdata[3]= new Array("31474
    L&G","Buy","Expired","03/09/2007 11:35:35 AM","Day","500
    0.70","0 0.00","MYR 0.00","389dskjfsd");
    fxdata[4]= new Array("38182
    GENTING","Buy","Expired","28/08/2007 11:38:59 AM","Day","500
    7.35","0 0.00","MYR 0.00","90sklsdakl");
    fxdata[5]= new Array("05005
    PALETTE","Buy","Expired","28/08/2007 11:08:23 AM","Day","500
    0.115","0 0.00","MYR 0.00","jsdaflk;as");
    fxdata[6]= new Array("093082
    GPACKET","Buy","Expired","27/08/2007 03:49:43 PM","Day","300
    3.82","0 0.00","MYR 0.00","jsdafj;sda");
    fxdata[7]= new Array("644769
    KELADI","Buy","Expired","27/08/2007 11:05:36 AM","Day","10,000
    0.30","0 0.00","MYR 0.00","jsadjf;lkdas");
    fxdata[8]= new Array("676653
    KASSETS","Buy","Expired","24/08/2007 06:15:33 PM","Day","500
    2.93","0 0.00","MYR 0.00","jlsdf;adas");
    fxdata[9]= new Array("473323
    JAKS","Buy","Expired","23/08/2007 04:45:03 PM","Day","100 0.915","0
    0.00","MYR 0.00","jjkljsdlfasd");
    fxdata[10]= new Array("03069
    IPOWER","Buy","Expired","22/08/2007 10:18:01 AM","Day","9,800
    0.365","0 0.00","MYR 0.00","jlajsd;lfjads");
    fxdata[11]= new Array("05025
    LNGRES","Buy","Expired","21/08/2007 03:08:06 PM","Day","9,900
    0.28","0 0.00","MYR 0.00","jlkjsdafl");
    fxdata[12]= new Array("01308 N2N","Buy","Expired","21/08/2007
    10:34:51 AM","Day","200 1.71","0 0.00","MYR 0.00","mjkjadsflasd");
    fxdata[13]= new Array("70069
    IPOWER","Buy","Cancelled","21/08/2007 10:02:08 AM","Day","0
    0.37","0 0.00","MYR 0.00","jkjasd;fsda");
    fxdata[14]= new Array("03069
    IPOWER","Buy","Cancelled","20/08/2007 07:20:54 PM","Day","0
    0.38","0 0.00","MYR 0.00","jkjsdlkfjsdaf");
    fxdata[15]= new Array("12651
    MRCB","Buy","Replaced","20/08/2007 05:31:59 PM","Day","900 2.35","0
    0.00","MYR 0.00","upuewoirwe");
    var mdtgrid:DataGrid;
    _root.createEmptyMovieClip("displayobj1",
    _root.getNextHighestDepth(),{_x:0,_y:0});
    initial();
    function initial(){
    _root.mdtgrid =
    _root.createClassObject(mx.controls.DataGrid, "xxx",
    _root.getNextHighestDepth());
    _root.mdtgrid.doLater(_root,"setData");
    function setData(){ //insert data to datagrid
    var temp:Array = new Array();
    for (var i in _root.fxdata){
    temp
    = new Object();
    for (var j in _root.fxdata){
    temp
    [j] = _root.fxdata[j];
    _root.mdtgrid.dataProvider =temp;
    _root.mdtgrid.doLater(_root,"setdgStyle");
    function setdgStyle(){
    var rowhight = 40;
    var noofrow = 8;
    var headerheight = 35;
    var gridheight = (rowhight * noofrow) + headerheight ;
    _root.mdtgrid.setSize(800, gridheight);
    _root.mdtgrid.rowHeight =rowhight;
    _root.setHeader(_root.header.split(","));
    _root.setWidth(_root.wid.split(","));
    _root.setAlign(_root.alig.split(","));
    _root.mdtgrid.invalidate();
    function setHeader(datasource:Array){ //set header label
    var leng:Number = _root.mdtgrid.columnCount;
    var sleng:Number = datasource.length;
    var temp:Object;
    for (i =0 ;i<leng;i++){
    if (i>=sleng){
    break;
    _root.mdtgrid.getColumnAt(i).headerText = datasource
    function setWidth(datasource:Array){ //set columns width
    var leng:Number = _root.mdtgrid.columnCount;
    var sleng:Number = datasource.length;
    var temp:Object;
    for (i =0 ;i<leng;i++){
    if (i>=sleng){
    break;
    _root.mdtgrid.getColumnAt(i).width = Number(datasource);
    function setAlign(datasource:Array){ //set Alignment
    var leng:Number = _root.mdtgrid.columnCount;
    var sleng:Number = datasource.length;
    var temp:Object;
    for (i =0 ;i<leng;i++){
    if (i>=sleng){
    break;
    temp = _root.mdtgrid.getColumnAt(i);
    temp.setStyle("textAlign",trim(datasource

    Anyone know how to fix it ?

  • Sizing a Scene7 flash component

    Does anyone know how to size a flash component? I am using the BasicZoom and Flash Flyout Zoom. Both seem to have a ton of unnecessary whitespace around them. I've seen smaller examples, but I haven't been able to figure out how to size them as cq:includes
    thanks

    The solution I came up with was to override the component and add properties to adjust the size of the Flash canvas and the viewport.

  • Fireworks/Flash Integration Not Useful

    I’ve begun experimenting with Fireworks and the vaunted
    integration between FW & Flash seems to be mostly hype.
    (I’m speaking of the big deal Adobe makes about it in the CS3
    Video Workshop.) So far I’m finding that the limitations of
    what can be transported through round-trips between the two apps
    render the purported integration largely useless.
    Some of the most useful effects, like those commonly applied
    in the provided Styles, don’t survive the import into Flash.
    E.g., for Plastic Button 009 the Hue/Saturation filter
    doesn’t make it into Flash. Without the HS filter, you
    don’t get any color in Flash.
    And even when the needed visual properties do make it intact,
    the update mechanism doesn’t seem to work. For example, I
    created a new FW file, drew a rounded rectangle and applied the
    Chrome Reflective 006 Style and saved the file. I imported it into
    the Flash library choosing the maintain appearance options. I then
    went back into FW and applied the Chrome Misc 003 style and saved.
    Then, in Flash I right-clicked on the bitmap in the library and
    chose Update but when I clicked the Update button it just said 0 of
    1 items updated and displayed a little question mark. I’ve
    had similar problems importing PSD files/layers into Flash and
    trying to update.
    I tried another test, this time choosing the “keep all
    paths editable” option when importing into Flash. However,
    this lost some of the desired effects and didn’t even provide
    the option to update (grayed out).
    So, as far as I can tell, I have to create each image as a
    separate file in FW and then just import it as a regular GIF or
    JPEG into Flash. FW can still be useful as it provides some nice
    styles, gradients, textures and other features that can help in
    creating web graphics. But integration with Flash seems to be all
    but non-existent. Am I missing something??
    David Salahi

    I love Fireworks + Flash integration, it's what originally
    got me using Fireworks, actually. But there are some bumps that you
    need to be familiar with, as you've found. It also takes some
    understanding of the Flash platform and how it differs from the
    freedoms you get in Fireworks, so hopefully I can help there:
    Filters - Yep, Flash only supports a small subset of filters.
    This might change in the future with the announcement of
    Hydra/Pixel
    Bender, which is really exciting, but for now you are stuck
    with only a few filters in Flash. Open up Flash and get familiar
    with them. And be glad we aren't having this conversation a few
    version ago, when there were no filters at all! Once you are
    familiar with the filters and blendmodes that Flash has, when you
    are working in Fireworks and intend to go to Flash, remember what
    filters you can use. The rest will have to be avoided or flattened
    before importing into Flash. Yes, it's technology limiting your
    creative freedom, I hate that, but if you understand the limits you
    can still push it very far. BTW, Hue/Saturation actually does make
    it from FW to FL for me.
    The Update option is really intended for Bitmaps linked to an
    external bitmap image file, like JPGs or GIFs. When you went to
    update your bitmap you probably noticed that the Path field was
    blank -- this is because Flash doesn't have it linked to an image
    file, and it can't pull it out of a PNG source file. That would be
    a really nice feature, and one I've requested:
    http://adobe.com/go/wish/
    When you choose "keep all paths editable" then all filters
    and effects you used which are not supported in Flash are stripped
    out. There are other features which Fireworks has that Flash does
    not, like pattern/texture fills, some of the gradients, etc. They
    all don't exist in Flash so they don't come through. Again this all
    comes back to understanding what Flash can do, and making sure your
    Fireworks design is compatible.
    Sounds like you had a jarring experience trying to integrate
    between FW and Flash, but the problem is understanding the huge
    difference between what you get on Flash's canvas and Firework's
    canvas. Flash is generally limited. The reason Flash is limited is
    because it's a runtime canvas optimized for web. When you make
    something in Fireworks you have unlimited freedom because in the
    end you'll just export to a static pixel image. But in Flash, you
    are dealing with a whole different beast -- interaction. The Flash
    canvas is rendered at runtime... you can think of the Flash Player
    as fulfilling the role of Fireworks running in the browser, so of
    course it has to be in a much smaller scale.
    Anyway, once you get used to how Flash works and how that
    differs from Fireworks, integration will make a lot more sense. The
    way you describe of exporting each graphic/layer as a separate JPG
    and importing is basically the way it used to have to be done with
    Photoshop, but I definitely recommend trying to get familiar with
    how Flash works and getting a hang of the design to import process
    of Fireworks to Flash.
    In case it helps, here's my workflow of Fireworks to Flash (I
    create a lot of Flash content so this is very battle tested for
    me):
    1) Design in Fireworks, with both knowledge of what Flash can
    do, and a bit of reckless abandon because I'm a designer, I'll make
    it look the way I want even if it takes extra work in Flash ;)
    2) Once the design is final, I create a duplicate Fireworks
    page
    3) I go through my design and make it as Flash compatible as
    possible. This means flattening anything that needs to be
    flattened, sometimes converting text to paths, redoing some
    graphics in vector, etc
    4) Import into Flash
    5) Cleanup anything that didn't come through right. At this
    point it's just small stuff, like dotted strokes come through
    solid, so I have to make them dotted again
    6) Animate or rig up with ActionScript
    7) For small changes, I make my change in Fireworks, then I
    copy/paste only the changed elements back into Flash and replace
    them
    Hope that helps. Good luck!

  • Pr crashes after handling of Ps file CS6

    Symptoms:
    1) after adjusting of any kind, like trimming or ease in or out, canvas flashes a white frame and then the whole system freezes. I usually have to wait before being able to even move the cursor, I have to force quit or quit then the crash report follows.
    2) adjusting of any kind to Ps file in sequence, after I press play a black frame flashes, canvas goes black but sequence keeps playing, can hear the sound but no video. Unable to stop playback, have to wait like a minute or more, then stop playback, can't see anything in the canvas, have quit Pr then crash report.
    3) Editing Ps file in Ps, I've have notice that if I keep Ps open when round tripping Pr crashes with one of the above symptoms.
    It is happening more often as I'm trying to finish a doc and I'm working with a lot of pictures. Nothing crazy, I usually create a Ps file in Pr then add the picture in Ps using mini bridge, work it then save it, thats it. Maybe 2 adjustment layers, hue and curves.
    I uninstalled cs6, then installed it again, mayor issues with the installing, had to do the trial, couldn't get it to work.
    I'm running CS6, with i7 processor, Raid 5 and a 285 nvidia card in Lion.
    Thanks.

    Just as an update to my problem, since I switched to MPE software only, i've had no crashes at all.
    Would be great if the adobe team looks into this.
    It wasn't only with pictures, lots of times that I clicked on the source monitor effects tab, I would get a flash white frame and the computer would freeze.
    After waiting for a minute or so had to quit, sometimes force quit Premeire.
    Thanks a lot.
    F.

  • 2 Questions based on existing site

    Hi,
    I have two questions regarding this great website I found the
    other day:
    http://www.koko3.fi/
    The first is probably quite basic. How do you position things
    within a Flash canvas so that when the browser window is resized
    they move relative to each other. If you resize the window around,
    the different boxes shift themselves a little like they would with
    CSS. I'd love to know how to do this.
    The other is the unusual way they've tiled the background
    image. Again, if you resize the browser window to be very long
    horizontally and short vertically, the image on the left shrinks to
    always be 100% the height of the window, but is kept in proper
    proportion. The image on the right is a reversed image that is
    slightly darker, and always fills the remaining space. If anyone
    can describe how to script this that would be fantastic.
    Many thanks

    Look into the "onResize" event of the Stage class. There's an
    excellent tutorial called "Full Browser Flash" here:
    http://www.gotoandlearn.com/

  • How to link Edge animate elements with wordpress div id

    Dear all,
    I have an animation uploaded on wordpress with edge Suit;
    In the animation there are some links to the sections of the page, but they don't work.
    In my edge file I linked the elements to the wordpress sections just adding code "click ==> links ==> link in the same window -- window.open("http://mywebsite/#section", "_self");
    I am sure its really easy to solve it, but i have some Jquery lacks.
    thanks for your help
    Alessio
    Message was edited by: alessio Calveri

    I can only imagine how miffed Adobe's technical team must be and I don't want to add unnecessarily to any stress. For what it's worth, I really liked working with the Edge Animate interface and want things to work out because it would be my first preference - but of course not if I have to recreate content elsewhere for the iPad.
    Whether iOS7 has a bug or otherwise, I wonder if there are any simple workarounds. For example, there is an extension that outputs HTML5 from InDesign, including media overlays:
    http://ajarproductions.com/pages/products/in5/#showMoreFeatures
    https://www.youtube.com/watch?v=ku4Ql8GE1m8
    Perhaps Adobe can create an updated step-by-step guide for inserting Flash canvas animations and Captivate HTML5 using this extension. Then maybe even show how to wrap the final content as EPUB3. This would be in lieu of this demo: https://blogs.adobe.com/captivate/2013/08/a-step-by-step-guide-to-create-an-interactive-eb ook.html. For people like me who use Adobe's products because of their front-end niceties (i.e. we don't want to dig too much into code), it would help resolve many issues here. DPS not an option - would rather go with PubCoder in that case.
    Good luck anyway!

  • Anyone importing HTML 5 into captivate

    Wondering if HTML 5 animations and interactive elements can be imported into captivate without necessarily using EDGE.

    Just to elaborate a little further, correct, you don't have to use Edge.
    Also, Captivate can bring in .oam files (Edge animate, as you know) or .zip files.
    I created a Canvas document in Flash Professional with a simple animation and published (publishes to HTML5 format).
    Then I went and manually zipped together the resulting files.
    They imported into Captivate using Media>HTML5 animation just fine.
    Alternatively, you can take your HTML5 files that make up your animations (outputted from Flash Canvas document, or whatever software you're using) and put up on a webserver.  Then, grab that URL, and back in Captivate, go to Interactions>Learning Interactions, scroll to the bottom and choose WebObject.  Paste the URL in, preview HTML5 in browser, and you'll see it.
    Kind of veering off your original post, for those with Flash expertise that need HTML5 animation, using the Canvas document type in Flash will create that HTML5 friendly format that you need.
    If you have swf-based animations in a .fla that you need converted to HTML5, you can even copy and paste from a traditional .fla Flash file (that outputs to swf) into a Flash .fla (Canvas) document.  It converts over pretty well, although if you have actionscript, it's commented out.  For some animations it could be a great way to get swf-based ones converted to HTML5 quickly without having to re-build the whole thing.

  • Error exporting as JS

    Hi everyone,
    I'm getting this error message trying to export Flash project into JS
    The following JavaScript error(s) occurred:
    At line 77 of file "/Users/luis/Library/Application Support/Adobe/Flash CS6/en_US/Configuration/CreateJS/jsfl/Matrix2D.jsfl":
    TypeError: str has no properties
    Help!

    I could not turn off looping either. That method and property seem to have no effect. I've resorted to removing all frame based animation and just relying on the toolkit to export assets to canvas, and then doing all my interactivity and animation in the JS. Those blocks you mention are modules with closure. They encapsulate thing like layers, buttons and scenes. They give us a nice scene graph for managing the elements on the canvas. It really is pretty cool, it's just not fully baked yet.
    We'll see if we get any kind of response now that we've isolated the type of elements that trigger the error. I'm worried because I suspect Adobe has all their Flash/Canvas experts working on a product that is targeted for generating Canvas animations from the get go and the CreateJS toolkit for Flash will never be more than it is now (it seems inevitable).
    As for fixing the bold text, I don't see an obvious or easy way to mix regular and bold text using the EaselJS API, nor do I see a way to use multiple colors. Worse, there is no easy way to do it in the Canvas specification (which I'm sure is the reason support for text in the toolkit is so poor right now. Exporting the text as shapes creates ridiculously big JS files so tha toption is out. We can always create the text in HTML and lay it over the Canvas but I'm trying to achieve the ability for my Flash person to make changes to the SWF version but generate a file that I can just re-export to update the Canvas version. I'm using grunt.js to run the exported JS against a bunch of regex expressions and fix the things that don't work, but I'm stumped by this text problem.

  • Is there a way to use multiple canvas tags with the ToolKit for CreateJS for Flash in one HTML5 doc?

    Hey everyone, I was wondering if someone could help point me in the right direction for solving this. I have created 5 short animations using Flash and when I published each ".fla " (with Toolkit for CreateJS extension) I get 5 different html5 files with their own respective javascripts. Is there a way to get all those canvas tags in one html5 file and still have it work. I'd love a hint on where to begin so I can begin researching the solution.
    Thanks!
    -DJ

    Why do you think that one will be over written?
    You can sync as many ipods/iphones/ipads as you like to one computer.  Each is different and will only sync what you select.

  • Two animations on the same page Html5 canvas (flash cc)

    Hi all,
    I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>animation test</title>
        <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
        <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
        <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
        <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
        <script src="animation-three.js"></script>
        <script src="chart-animation.js"></script>
        <script>
    var canvas, stage, exportRoot;
      function init() {
      canvas = document.getElementById("graph");
      canvas = document.getElementById("piechart");
      images = images||{};
      var loader = new createjs.LoadQueue(false);
      loader.addEventListener("fileload", handleFileLoad);
      loader.addEventListener("complete", handleComplete);
      loader.loadManifest(lib.properties.manifest);
    function handleFileLoad(evt) {
      if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
    function handleComplete() {
              exportRoot = new lib.animationthree();
              stage = new createjs.Stage(graph);
              stage.addChild(exportRoot);
              stage.update();
              createjs.Ticker.setFPS(30);
              createjs.Ticker.addEventListener("tick", stage);
        exportRoot = new lib.chartanimation();
              stage = new createjs.Stage(piechart); 
              stage.addChild(exportRoot);
              stage.update();
              createjs.Ticker.setFPS(30);
              createjs.Ticker.addEventListener("tick", stage);
        </script>
    </head>
    <body onload="init();" style="background-color:#D4D4D4">
        <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
        <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    </body>
    </html>

    Hi all,
    I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>animation test</title>
        <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
        <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
        <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
        <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
        <script src="animation-three.js"></script>
        <script src="chart-animation.js"></script>
        <script>
    var canvas, stage, exportRoot;
      function init() {
      canvas = document.getElementById("graph");
      canvas = document.getElementById("piechart");
      images = images||{};
      var loader = new createjs.LoadQueue(false);
      loader.addEventListener("fileload", handleFileLoad);
      loader.addEventListener("complete", handleComplete);
      loader.loadManifest(lib.properties.manifest);
    function handleFileLoad(evt) {
      if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
    function handleComplete() {
              exportRoot = new lib.animationthree();
              stage = new createjs.Stage(graph);
              stage.addChild(exportRoot);
              stage.update();
              createjs.Ticker.setFPS(30);
              createjs.Ticker.addEventListener("tick", stage);
        exportRoot = new lib.chartanimation();
              stage = new createjs.Stage(piechart); 
              stage.addChild(exportRoot);
              stage.update();
              createjs.Ticker.setFPS(30);
              createjs.Ticker.addEventListener("tick", stage);
        </script>
    </head>
    <body onload="init();" style="background-color:#D4D4D4">
        <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
        <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    </body>
    </html>

  • Flash CC Canvas project - No longer able to set the export Linkage?

    Now that Toolkit has been integrated into Flash, it appears a Library Linkages have been somewhat removed...
    You can no longer right click and set a linking for an object in the Library, yet you can mannually edit the Linkage box and it works. It worked when tool kit so why has this been disabled? Having to dump everything onto the stage in order to get access to the object is no the best way of doing things, you have to then mannually enter an 'instance' name for everything, before you could right click all the items in the library and select export. It would hten use the library objects name as the linkage.
    Will this feature return, I see no reason for it to be removed?

    Hi thanks for the fast reply.
    I still don't see why it was removed. By removing the feature it does simplify the process but it also hampers the process...
    In my example, say I have 100 movie clips, all of these have animations and timeline code; 'stop()', gotoAndPlay()' etc etc.
    So under the new "simplified" system, I have to add all 100 clips to the stage, distrute them so I can select them and then manually give them all instance names so that I can interact with them in code, otherwise they become instance1, instance2 etc which i unreliable. Alternativly, I have to edit the Linkage label for each clip in the library manually. I don't think anyone would enjoy this either of these tasks.
    The other alternative would be to use the 'export linkages' in an "ActionScript" project but if I were to then copy them back into  the Canvas project, all my code would be commented out. I would then have to go through all 100 clips re enabling the code, again another horrible task.
    Comparing this to the old way;  I would select the 100 clips in the library, right click and tick export. Simple.
    This is pretty annoying and I think disabling this feature has not been truly thought out.
    I would love to see it return and can only hope it will in a future update.

  • Is there any way to use video with the new Flash CC HTML5 Canvas?

    I am a long time Flash user trying to determine if this new version of the program is something to add to the workflow again (after the last several years of not being able to use it) and the tutorials I have seen are not well written. Is there a way to use a video file within the animation, like with the AS2 and AS3 versions of Flash where I could insert a video clip into a symbol and animate the symbol while the video played.
    What I need to know is what format of video file I should use and how to add it into the timeline since Flash does not seem to be allowing for any type of import for this.
    Any Thoughts?
    Thanks,
    Brett

    Ok, so there are limitations, are they written down somewhere? I have been looking for a list of do and do not functions and the ways to work around them. Are they in the documentation somewhere I haven't discovered?
    Right now all I am looking to do is create Classic Tweens that animate movement and opacity so I can create a presentation with video that includes these elements. Is that level of functionality available in the HTML5 Canvas, or is that still on the drawing board?
    Is there a specific name for what I am looking to do that would aid my search? HTML5 video is not enough since the answer has not been forthcoming in Google or on Adobe or Stack Overflow. I am starting to think that nobody has thought of this yet, or if they have they decided that it is not currently possible and skipped the part where the rest of us find out.
    Any thoughts on making the connection to either doing this or finding out that it is just not possible yet would be very helpful.

Maybe you are looking for