flash cc做的HTML5月亮绕着地球转效果

liujieheng 2013-12-28

来源:flash,as,js兴趣爱好者flash cc做的HTML5月亮绕着地球转效果     flash cc是adobe公司最新出的一款动画设计软件。它不但可以运行以前的flash as3,而且增加了HTML5 canvas动画功能。下面简单介绍一下制作过程。
    

flash技术网,html5技术网


    单机上面的HTML5 canvas,就可以创建一个HTML5 canvas动画模板了。
    

flash技术网,html5技术网


    大体和flash as3的界面一样。功能 也几乎一样。
    下面是实例。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>无标题-2</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='/function/js_function/zidingyi/201312280145035159.js'></script>
    
    <script>
    var canvas, stage, exportRoot;
    
    function init() {
    createjs.MotionGuidePlugin.install();
    
    canvas = document.getElementById("canvas");
    exportRoot = new lib.无标题2();
    
    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();
    
    createjs.Ticker.setFPS(lib.properties.fps);
    createjs.Ticker.addEventListener("tick", stage);
    }
    </script>
    </head>
    
    <body onload="init();" style="background-color:#D4D4D4">
    <canvas id="canvas" width="550" height="400" style="background-color:#000000"></canvas>
    </body>
    </html>

 

Global site tag (gtag.js) - Google Analytics