添加音效

4 years ago · 9e91fa9578
44 changed files with 3285 additions and 2436 deletions
--- a/gulpfile.js
+++ b/gulpfile.js
@ -20,7 +20,7 @@ const script = function () {

 const copy = function () {
  src('./public/index.html').pipe(dest('dist/'));
-  src('./public/tomato-right.js').pipe(dest('dist/'));
+  src('./public/source-code.js').pipe(dest('dist/'));
  src('./public/images/*').pipe(dest('dist/images'));
  src('./public/libs/**/*').pipe(dest('dist/libs'));
  src('./public/sounds/*').pipe(dest('dist/sounds'));
--- a/package-lock.json
+++ b/package-lock.json
--- a/public/images/Bitmap1.png
+++ b/public/images/Bitmap1.png
--- a/public/images/Bitmap2.png
+++ b/public/images/Bitmap2.png
--- a/public/images/Bitmap3.png
+++ b/public/images/Bitmap3.png
--- a/public/images/Bitmap4.png
+++ b/public/images/Bitmap4.png
--- a/public/images/Bitmap5.png
+++ b/public/images/Bitmap5.png
--- a/public/images/level.png
+++ b/public/images/level.png
--- a/public/images/stopDemo.png
+++ b/public/images/stopDemo.png
--- a/public/images/suspend.png
+++ b/public/images/suspend.png
--- a/public/images/tomato_right_atlas_1.png
+++ b/public/images/tomato_right_atlas_1.png
--- a/public/images/tomato_right_atlas_10.png
+++ b/public/images/tomato_right_atlas_10.png
--- a/public/images/tomato_right_atlas_11.png
+++ b/public/images/tomato_right_atlas_11.png
--- a/public/images/tomato_right_atlas_12.png
+++ b/public/images/tomato_right_atlas_12.png
--- a/public/images/tomato_right_atlas_2.png
+++ b/public/images/tomato_right_atlas_2.png
--- a/public/images/tomato_right_atlas_3.png
+++ b/public/images/tomato_right_atlas_3.png
--- a/public/images/tomato_right_atlas_4.png
+++ b/public/images/tomato_right_atlas_4.png
--- a/public/images/tomato_right_atlas_5.png
+++ b/public/images/tomato_right_atlas_5.png
--- a/public/images/tomato_right_atlas_6.png
+++ b/public/images/tomato_right_atlas_6.png
--- a/public/images/tomato_right_atlas_7.png
+++ b/public/images/tomato_right_atlas_7.png
--- a/public/images/tomato_right_atlas_8.png
+++ b/public/images/tomato_right_atlas_8.png
--- a/public/images/tomato_right_atlas_9.png
+++ b/public/images/tomato_right_atlas_9.png
--- a/public/images/任务完成_.png
+++ b/public/images/任务完成_.png
--- a/public/images/位图28.png
+++ b/public/images/位图28.png
--- a/public/images/倒计时_.png
+++ b/public/images/倒计时_.png
--- a/public/images/再来一次_.png
+++ b/public/images/再来一次_.png
--- a/public/images/计时_.png
+++ b/public/images/计时_.png
--- a/public/images/返回按钮_.png
+++ b/public/images/返回按钮_.png
--- a/public/index.html
+++ b/public/index.html
@ -11,7 +11,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="authoring-tool" content="Adobe_Animate_CC">
-<title>tomato-right</title>
+<title>source-code</title>
 <!-- write your code here -->
 <style>
  #animation_container, #_preload_div_ {
@ -22,7 +22,7 @@
  }
 </style>
 <script src="libs/1.0.0/createjs.min.js"></script>
-<script src="tomato-right.js"></script>
+<script src="source-code.js"></script>
 <script src="main.js"></script>
 <!-- write your code here -->
 </head>
@ -32,6 +32,13 @@
 		<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1280px; height:720px; position: absolute; left: 0px; top: 0px; display: none;">
 		</div>
 	</div>
-    <div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:720px; width: 1280px; text-align: center;'>	<span style='display: inline-block; height: 100%; vertical-align: middle;'></span>	<img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>
+    <div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:720px; width: 1280px; text-align: center;'>
+			<span style='display: inline-block; height: 100%; vertical-align: middle;'></span>
+			<img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/>
+		</div>
+		<!-- 音频 -->
+		<audio src="sounds/audio1.mp3" id="audio1" controls="controls" hidden="true"></audio>
+		<audio src="sounds/audio2.mp3" id="audio2" controls="controls" hidden="true"></audio>
+		<audio src="sounds/audio3.mp3" id="audio3" controls="controls" hidden="true"></audio>
 	</body>
 </html>
--- a/public/sounds/amazing.mp3
+++ b/public/sounds/amazing.mp3
--- a/public/sounds/audio1.mp3
+++ b/public/sounds/audio1.mp3
--- a/public/sounds/audio2.mp3
+++ b/public/sounds/audio2.mp3
--- a/public/sounds/audio3.mp3
+++ b/public/sounds/audio3.mp3
--- a/public/sounds/excitationMusic.mp3
+++ b/public/sounds/excitationMusic.mp3
--- a/public/sounds/unbelievable.mp3
+++ b/public/sounds/unbelievable.mp3
--- a/public/tomato-right.fla
+++ b/public/tomato-right.fla
--- a/public/tomato-right.html
+++ b/public/tomato-right.html
@ -11,7 +11,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="authoring-tool" content="Adobe_Animate_CC">
-<title>tomato-right</title>
+<title>source-code</title>
 <!-- write your code here -->
 <style>
  #animation_container, #_preload_div_ {
@ -22,7 +22,7 @@
  }
 </style>
 <script src="libs/1.0.0/createjs.min.js"></script>
-<script src="tomato-right.js"></script>
+<script src="source-code.js"></script>
 <script>
 var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
 function init() {
@ -53,7 +53,7 @@ function handleComplete(evt,comp) {
 	var preloaderDiv = document.getElementById("_preload_div_");
 	preloaderDiv.style.display = 'none';
 	canvas.style.display = 'block';
-	exportRoot = new lib.tomatoright();
+	exportRoot = new lib.sourcecode();
 	stage = new lib.Stage(canvas);	
 	//Registers the "tick" event listener.
 	fnStartAnimation = function() {
--- a/public/source-code.js
+++ b/public/source-code.js
--- a/public/tomato-right.js
+++ b/public/tomato-right.js
--- a/public/恢复_source-code.fla
+++ b/public/恢复_source-code.fla
--- a/src/classes/suspend.js
+++ b/src/classes/suspend.js
@ -27,10 +27,10 @@ Suspend.prototype.init = function () {

 // 暂停游戏按钮
 Suspend.prototype.suspendGame = function () {
-  // const lib = this.lib;
-  const suspend = new this.lib.suspend();
+  const lib = this.lib;
+  const suspend = new lib.suspend();
  suspend.x = 50;
-  suspend.y = this.lib.properties.height - 100;
+  suspend.y = lib.properties.height - 100;
  this.suspend = suspend;
  const _this = this;
  // 继续游戏
--- a/src/index.js
+++ b/src/index.js
@ -24,7 +24,6 @@ function handleFileLoad(evt, comp) {
 function handleComplete(evt, comp) {
  //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
  var lib = comp.getLibrary();
-
  var ss = comp.getSpriteSheet();
  var queue = evt.target;
  var ssMetadata = lib.ssMetadata;
@ -34,7 +33,7 @@ function handleComplete(evt, comp) {
  var preloaderDiv = document.getElementById('_preload_div_');
  preloaderDiv.style.display = 'none';
  canvas.style.display = 'block';
-  exportRoot = new lib.tomatoright();
+  exportRoot = new lib.sourcecode();
  stage = new lib.Stage(canvas);
  //Registers the "tick" event listener.
  fnStartAnimation = function () {
--- a/src/message.js
+++ b/src/message.js
@ -48,7 +48,6 @@ window.addEventListener(
    function playGame(data) {
      if (state !== 1) return;
      const { status, param } = data;
-      console.log('param: ', param);
      // config.currentScore = score;
      // config.currentTimes = times;
      state = status;
--- a/src/test.js
+++ b/src/test.js
@ -51,7 +51,24 @@ function addHash() {
 function test() {
  document.addEventListener('click', () => {
    if (!isDemo) return;
-    main.play(config.config.directions[config.currentTimes]);
+    const code = config.config.directions[config.currentTimes];
+    main.play(code);
+    setMusic(code);
  });
 }
 test();
+
+function setMusic(code) {
+  var audio1 = document.getElementById('audio1');
+  var audio2 = document.getElementById('audio2');
+  var audio3 = document.getElementById('audio3');
+  if (code === 0) {
+    audio1.play();
+  }
+  if (code === 1) {
+    audio2.play();
+  }
+  if (code === 2) {
+    audio3.play();
+  }
+}