index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no"/>
  6. <title>插月饼</title>
  7. <style>
  8. </style>
  9. <script src="lib/easeljs-0.7.1.min.js"></script>
  10. <script src="lib/tweenjs-0.5.1.min.js"></script>
  11. <script src="lib/preloadjs-0.4.1.min.js"></script>
  12. <script src="lib/movieclip-0.7.1.min.js"></script>
  13. <script src="lib/soundjs-0.5.2.min.js"></script>
  14. <script src="lib/common.js"></script>
  15. <script src="lib/app.js"></script>
  16. <script src="lib/loadingContent.js"></script>
  17. <script src="lib/loading.js"></script>
  18. <script src="lib/main.js"></script>
  19. <script>
  20. var canvasLoading,canvas,stage,loadingStage,exportRoot;
  21. var queue=new createjs.LoadQueue();
  22. var score=0;
  23. var scale=1;
  24. var picNum=0;
  25. var picTotal=0;
  26. var loadingProgress=0;
  27. init();
  28. //initLoading();
  29. function init()
  30. {
  31. SHARE_ICON_URL='http://tgideas.qq.com/flash/quanchenTest/html5MidAutumn/images/icon.jpg';
  32. SHARE_URL='http://tgideas.qq.com/flash/quanchenTest/html5MidAutumn/index.html';
  33. SHARE_STR='你收到一份来自月球的思念和祝福!快快点击体验吧!';
  34. // onBridgeInit();
  35. initSound('sound/po','sound0');
  36. initSound('sound/po1','sound1');
  37. initSound('sound/po2','sound2');
  38. }
  39. function initLoading()
  40. {
  41. canvasLoading=document.getElementById('canvasLoading');
  42. loadingImages = loadingImages||{};
  43. var loader = new createjs.LoadQueue(false);
  44. loader.addEventListener("fileload", loadingHandleFileLoad);
  45. loader.addEventListener("complete", loadingHandleComplete);
  46. loader.loadManifest(loadingLib.properties.manifest);
  47. }
  48. function loadingHandleFileLoad(evt) {
  49. if (evt.item.type == "image") { loadingImages[evt.item.id] = evt.result; }
  50. }
  51. function loadingHandleComplete() {
  52. exportRoot = new loadingLib.loading();
  53. stage = new createjs.Stage(canvasLoading);
  54. stage.addChild(exportRoot);
  55. stage.update();
  56. createjs.Ticker.setFPS(loadingLib.properties.fps);
  57. createjs.Ticker.addEventListener("tick", stage);
  58. //console.log('loadingHandleComplete');
  59. //var loading=new lib.LOADING();
  60. //stage.addChild(loading);
  61. new loadingContent.init();
  62. initMain();
  63. }
  64. //
  65. function initMain()
  66. {
  67. canvas = document.getElementById('canvas');
  68. images = images||{};
  69. picTotal=lib.properties.manifest.length;
  70. var loader = new createjs.LoadQueue(false);
  71. loader.addEventListener("fileload", initHandleFileLoad);
  72. loader.addEventListener("complete", initHandleComplete);
  73. loader.loadManifest(lib.properties.manifest);
  74. console.log('initMain');
  75. }
  76. function initHandleFileLoad(evt) {
  77. picNum+=1;
  78. loadingProgress=picNum/picTotal;
  79. //console.log(loadingProgress);
  80. if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
  81. }
  82. function initHandleComplete() {
  83. //console.log('handleCompleteInit');
  84. document.getElementById('loading').style.display="none";
  85. exportRoot = new lib.main();
  86. stage = new createjs.Stage(canvas);
  87. stage.addChild(exportRoot);
  88. stage.update();
  89. createjs.Ticker.setFPS(lib.properties.fps);
  90. createjs.Ticker.addEventListener("tick", stage);
  91. new app.init();
  92. }
  93. function initSound(url,name)
  94. {
  95. var mp3url='';
  96. if(isAndroid())
  97. {
  98. createjs.Sound.registerPlugins([createjs.HTMLAudioPlugin]);
  99. mp3url=url+'.ogg';
  100. }
  101. if(!isAndroid())
  102. {
  103. createjs.Sound.registerPlugins([createjs.WebAudioPlugin]);
  104. mp3url=url+'.m4a';
  105. }
  106. createjs.Sound.alternateExtensions = ["mp3"];
  107. createjs.Sound.addEventListener("fileload", createjs.proxy(this.loadHandler, this));
  108. createjs.Sound.registerSound(mp3url, name);
  109. }
  110. function playSound0()
  111. {
  112. var instance = createjs.Sound.play("sound0");
  113. instance.volume = 0.5;
  114. }
  115. function playSound1()
  116. {
  117. var instance = createjs.Sound.play("sound1");
  118. instance.volume = 0.5;
  119. }
  120. function playSound2()
  121. {
  122. var instance = createjs.Sound.play("sound2");
  123. instance.volume = 0.5;
  124. }
  125. function loadHandler(event) {
  126. // This is fired for each sound that is registered.
  127. //var instance = createjs.Sound.play("sound"); // play using id. Could also use full sourcepath or event.src.
  128. //instance.addEventListener("complete", createjs.proxy(this.soundComplete, this));
  129. //instance.volume = 0.5;
  130. }
  131. </script>
  132. </head>
  133. <body onload="initLoading();" style="background-color: #ffffff">
  134. <div id="loading" class="div-loading">
  135. <canvas id="canvasLoading" width="640" height="1008">
  136. sorry,your browser dosen't support html5
  137. </canvas>
  138. <style>
  139. *{
  140. margin: 0;
  141. padding: 0;
  142. }
  143. #a{
  144. display: block;
  145. background-color: gray;
  146. }
  147. </style>
  148. </div>
  149. <div id="main" class="div-main">
  150. <canvas id="canvas" width="640" height="1008">
  151. sorry,your browser dosen't support html5
  152. </canvas>
  153. <style>
  154. *{
  155. margin: 0;
  156. padding: 0;
  157. }
  158. #a{
  159. display: block;
  160. background-color: gray;
  161. }
  162. </style>
  163. </div>
  164. </body>
  165. </html><!--[if !IE]>|xGv00|a6d03ba51a4aabe3b4e4bbfbc2d8709c<![endif]-->