CreateJS problem


i've 2 html banners created createjs function. made of 2 seperate fla files.

they simple png sequences no actionscript.

 

i've place banners in 1 html page , problem only 1 works.

i've 2 canvas tags different id. how should change javascripts fix problem.

 

i don't have javascripting experience please me out. thanks!

 

here's code.

 

<head>

<script src="libs/easeljs-0.4.2.min.js"></script>

<script src="libs/tweenjs-0.2.0.min.js"></script>

<script src="libs/movieclip-0.4.1.min.js"></script>

<script src="libs/preloadjs-0.1.0.min.js"></script>

 

<script src="punanenpallo.js"></script>

<script src="vihreepallo.js"></script>

 

</head>

 

<body onload="init();">

 

<script>

var canvas, stage, exportroot, images;

 

 

function init() {

          canvas = document.getelementbyid("punanen");

          images = {};

 

 

          var manifest = [

                    {src:"images/punanpallofinalcoloroutput0001.png", id:"punanpallofinalcoloroutput0001"},

                    {src:"images/punanpallofinalcoloroutput0002.png", id:"punanpallofinalcoloroutput0002"},

                    {src:"images/punanpallofinalcoloroutput0003.png", id:"punanpallofinalcoloroutput0003"},

                    {src:"images/punanpallofinalcoloroutput0004.png", id:"punanpallofinalcoloroutput0004"},

                    {src:"images/punanpallofinalcoloroutput0005.png", id:"punanpallofinalcoloroutput0005"},

                    {src:"images/punanpallofinalcoloroutput0006.png", id:"punanpallofinalcoloroutput0006"},

                    {src:"images/punanpallofinalcoloroutput0007.png", id:"punanpallofinalcoloroutput0007"},

                    {src:"images/punanpallofinalcoloroutput0008.png", id:"punanpallofinalcoloroutput0008"},

                    {src:"images/punanpallofinalcoloroutput0009.png", id:"punanpallofinalcoloroutput0009"},

                    {src:"images/punanpallofinalcoloroutput0010.png", id:"punanpallofinalcoloroutput0010"},

                    {src:"images/punanpallofinalcoloroutput0011.png", id:"punanpallofinalcoloroutput0011"},

                    {src:"images/punanpallofinalcoloroutput0012.png", id:"punanpallofinalcoloroutput0012"},

                    {src:"images/punanpallofinalcoloroutput0013.png", id:"punanpallofinalcoloroutput0013"},

                    {src:"images/punanpallofinalcoloroutput0014.png", id:"punanpallofinalcoloroutput0014"},

                    {src:"images/punanpallofinalcoloroutput0015.png", id:"punanpallofinalcoloroutput0015"},

                    {src:"images/punanpallofinalcoloroutput0016.png", id:"punanpallofinalcoloroutput0016"},

                    {src:"images/punanpallofinalcoloroutput0017.png", id:"punanpallofinalcoloroutput0017"},

                    {src:"images/punanpallofinalcoloroutput0018.png", id:"punanpallofinalcoloroutput0018"},

                    {src:"images/punanpallofinalcoloroutput0019.png", id:"punanpallofinalcoloroutput0019"},

                    {src:"images/punanpallofinalcoloroutput0020.png", id:"punanpallofinalcoloroutput0020"}

          ];

 

 

          var loader = new preloadjs(false);

          loader.onfileload = handlefileload;

          loader.oncomplete = handlecomplete;

          loader.loadmanifest(manifest);

}

 

 

function handlefileload(o) {

          if (o.type == "image") { images[o.id] = o.result; }

}

 

 

function handlecomplete() {

          exportroot = new lib.punanenpallo();

 

 

          stage = new stage(canvas);

          stage.addchild(exportroot);

          stage.update();

 

 

          ticker.setfps(24);

          ticker.addlistener(stage);

}

</script>

 

 

 

 

<script>

var canvas, stage, exportroot, images;

 

 

function init() {

          canvas = document.getelementbyid("vihree");

          images = {};

 

 

          var manifest = [

                    {src:"images/animpallo2finalcoloroutput0001.png", id:"animpallo2finalcoloroutput0001"},

                    {src:"images/animpallo2finalcoloroutput0002.png", id:"animpallo2finalcoloroutput0002"},

                    {src:"images/animpallo2finalcoloroutput0003.png", id:"animpallo2finalcoloroutput0003"},

                    {src:"images/animpallo2finalcoloroutput0004.png", id:"animpallo2finalcoloroutput0004"},

                    {src:"images/animpallo2finalcoloroutput0005.png", id:"animpallo2finalcoloroutput0005"},

                    {src:"images/animpallo2finalcoloroutput0006.png", id:"animpallo2finalcoloroutput0006"},

                    {src:"images/animpallo2finalcoloroutput0007.png", id:"animpallo2finalcoloroutput0007"},

                    {src:"images/animpallo2finalcoloroutput0008.png", id:"animpallo2finalcoloroutput0008"},

                    {src:"images/animpallo2finalcoloroutput0009.png", id:"animpallo2finalcoloroutput0009"},

                    {src:"images/animpallo2finalcoloroutput0010.png", id:"animpallo2finalcoloroutput0010"},

                    {src:"images/animpallo2finalcoloroutput0011.png", id:"animpallo2finalcoloroutput0011"},

                    {src:"images/animpallo2finalcoloroutput0012.png", id:"animpallo2finalcoloroutput0012"},

                    {src:"images/animpallo2finalcoloroutput0013.png", id:"animpallo2finalcoloroutput0013"},

                    {src:"images/animpallo2finalcoloroutput0014.png", id:"animpallo2finalcoloroutput0014"},

                    {src:"images/animpallo2finalcoloroutput0015.png", id:"animpallo2finalcoloroutput0015"},

                    {src:"images/animpallo2finalcoloroutput0016.png", id:"animpallo2finalcoloroutput0016"},

                    {src:"images/animpallo2finalcoloroutput0017.png", id:"animpallo2finalcoloroutput0017"},

                    {src:"images/animpallo2finalcoloroutput0018.png", id:"animpallo2finalcoloroutput0018"},

                    {src:"images/animpallo2finalcoloroutput0019.png", id:"animpallo2finalcoloroutput0019"},

                    {src:"images/animpallo2finalcoloroutput0020.png", id:"animpallo2finalcoloroutput0020"}

          ];

 

 

          var loader = new preloadjs(false);

          loader.onfileload = handlefileload;

          loader.oncomplete = handlecomplete;

          loader.loadmanifest(manifest);

}

 

 

function handlefileload(o) {

          if (o.type == "image") { images[o.id] = o.result; }

}

 

 

function handlecomplete() {

          exportroot = new lib.vihreepallo();

 

 

          stage = new stage(canvas);

          stage.addchild(exportroot);

          stage.update();

 

 

          ticker.setfps(24);

          ticker.addlistener(stage);

}

</script>

 

 

<canvas id="punanen" width="550" height="400" style="background-color:#ffffff"></canvas>

 

<canvas id="vihree" width="550" height="400" style="background-color:#ffffff"></canvas>



More discussions in Adobe Animate CC - General


adobe

Comments

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

PProHeadless.exe has stopped working error when opening projects in Adobe Media Encoder CS6

Preconditions Failed. - Joomla! Forum - community, help and support