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
Post a Comment