123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no"/>
- <title>插月饼</title>
- <style>
- </style>
- <script src="lib/easeljs-0.7.1.min.js"></script>
- <script src="lib/tweenjs-0.5.1.min.js"></script>
- <script src="lib/preloadjs-0.4.1.min.js"></script>
- <script src="lib/movieclip-0.7.1.min.js"></script>
- <script src="lib/soundjs-0.5.2.min.js"></script>
- <script src="lib/common.js"></script>
- <script src="lib/app.js"></script>
- <script src="lib/loadingContent.js"></script>
- <script src="lib/loading.js"></script>
- <script src="lib/main.js"></script>
- <script>
- var canvasLoading,canvas,stage,loadingStage,exportRoot;
- var queue=new createjs.LoadQueue();
- var score=0;
- var scale=1;
- var picNum=0;
- var picTotal=0;
- var loadingProgress=0;
- init();
- //initLoading();
- function init()
- {
- SHARE_ICON_URL='http://tgideas.qq.com/flash/quanchenTest/html5MidAutumn/images/icon.jpg';
- SHARE_URL='http://tgideas.qq.com/flash/quanchenTest/html5MidAutumn/index.html';
- SHARE_STR='你收到一份来自月球的思念和祝福!快快点击体验吧!';
- // onBridgeInit();
- initSound('sound/po','sound0');
- initSound('sound/po1','sound1');
- initSound('sound/po2','sound2');
- }
- function initLoading()
- {
- canvasLoading=document.getElementById('canvasLoading');
- loadingImages = loadingImages||{};
- var loader = new createjs.LoadQueue(false);
- loader.addEventListener("fileload", loadingHandleFileLoad);
- loader.addEventListener("complete", loadingHandleComplete);
- loader.loadManifest(loadingLib.properties.manifest);
- }
- function loadingHandleFileLoad(evt) {
- if (evt.item.type == "image") { loadingImages[evt.item.id] = evt.result; }
- }
- function loadingHandleComplete() {
- exportRoot = new loadingLib.loading();
- stage = new createjs.Stage(canvasLoading);
- stage.addChild(exportRoot);
- stage.update();
- createjs.Ticker.setFPS(loadingLib.properties.fps);
- createjs.Ticker.addEventListener("tick", stage);
- //console.log('loadingHandleComplete');
- //var loading=new lib.LOADING();
- //stage.addChild(loading);
- new loadingContent.init();
- initMain();
- }
- //
- function initMain()
- {
- canvas = document.getElementById('canvas');
- images = images||{};
- picTotal=lib.properties.manifest.length;
- var loader = new createjs.LoadQueue(false);
- loader.addEventListener("fileload", initHandleFileLoad);
- loader.addEventListener("complete", initHandleComplete);
- loader.loadManifest(lib.properties.manifest);
- console.log('initMain');
- }
- function initHandleFileLoad(evt) {
- picNum+=1;
- loadingProgress=picNum/picTotal;
- //console.log(loadingProgress);
- if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
- }
- function initHandleComplete() {
- //console.log('handleCompleteInit');
- document.getElementById('loading').style.display="none";
- exportRoot = new lib.main();
- stage = new createjs.Stage(canvas);
- stage.addChild(exportRoot);
- stage.update();
- createjs.Ticker.setFPS(lib.properties.fps);
- createjs.Ticker.addEventListener("tick", stage);
- new app.init();
- }
- function initSound(url,name)
- {
- var mp3url='';
- if(isAndroid())
- {
- createjs.Sound.registerPlugins([createjs.HTMLAudioPlugin]);
- mp3url=url+'.ogg';
- }
- if(!isAndroid())
- {
- createjs.Sound.registerPlugins([createjs.WebAudioPlugin]);
- mp3url=url+'.m4a';
- }
- createjs.Sound.alternateExtensions = ["mp3"];
- createjs.Sound.addEventListener("fileload", createjs.proxy(this.loadHandler, this));
- createjs.Sound.registerSound(mp3url, name);
- }
- function playSound0()
- {
- var instance = createjs.Sound.play("sound0");
- instance.volume = 0.5;
- }
- function playSound1()
- {
- var instance = createjs.Sound.play("sound1");
- instance.volume = 0.5;
- }
- function playSound2()
- {
- var instance = createjs.Sound.play("sound2");
- instance.volume = 0.5;
- }
- function loadHandler(event) {
- // This is fired for each sound that is registered.
- //var instance = createjs.Sound.play("sound"); // play using id. Could also use full sourcepath or event.src.
- //instance.addEventListener("complete", createjs.proxy(this.soundComplete, this));
- //instance.volume = 0.5;
- }
- </script>
- </head>
- <body onload="initLoading();" style="background-color: #ffffff">
- <div id="loading" class="div-loading">
- <canvas id="canvasLoading" width="640" height="1008">
- sorry,your browser dosen't support html5
- </canvas>
- <style>
- *{
- margin: 0;
- padding: 0;
- }
- #a{
- display: block;
- background-color: gray;
- }
- </style>
- </div>
- <div id="main" class="div-main">
- <canvas id="canvas" width="640" height="1008">
- sorry,your browser dosen't support html5
- </canvas>
- <style>
- *{
- margin: 0;
- padding: 0;
- }
- #a{
- display: block;
- background-color: gray;
- }
- </style>
- </div>
- </body>
- </html><!--[if !IE]>|xGv00|a6d03ba51a4aabe3b4e4bbfbc2d8709c<![endif]-->
|