zfp
/
kof
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加bgm

Browse Source
master^2
barney 2 years ago
parent 87e2f3690e
commit 12f353e895
4 changed files with 17 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      index.html
  2. BIN
      static/audios/bgm.m4a
  3. 1
      static/css/base.css
  4. 18
      static/js/game_map/base.js

1
index.html
Unescape View File

@ -11,6 +11,7 @@
<body> <body>
<div id="kof"> <div id="kof">
</div> </div>
<script type="module"> <script type="module">
import {KOF} from '/static/js/base.js'; import {KOF} from '/static/js/base.js';
let kof = new KOF('kof'); let kof = new KOF('kof');

BIN
static/audios/bgm.m4a
View File

Binary file not shown.

1
static/css/base.css
Unescape View File

@ -82,4 +82,3 @@
font-weight: bold; font-weight: bold;
color: blue; color: blue;
} }

18
static/js/game_map/base.js
Unescape View File

@ -23,27 +23,35 @@ class GameMap extends AcGameObject {
</div> </div>
</div>`)); </div>`));
this.root.$kof.append($(`
<audio id="player" autoplay>
<source src="./static/audios/bgm.m4a" type="audio/mpeg">
</audio>`));
this.time_left = 60000; // 剩余时间 this.time_left = 60000; // 剩余时间
this.$timer = this.root.$kof.find('.kof-head-timer'); this.$timer = this.root.$kof.find('.kof-head-timer');
this.$bgm = this.root.$kof.find('#player')[0];
this.$bgm.currentTime = 0;
this.$bgm.play();
} }
start() { start() {
} }
update_timer() { // 更新时间 update_timer() { // 更新时间
let [a,b] = this.root.players; let [a, b] = this.root.players;
if (a.status === 6 || b.status === 6) { if (a.status === 6 || b.status === 6) {
this.$bgm.pause();
return; return;
} }
this.time_left -= this.time_delta; this.time_left -= this.time_delta;
if (this.time_left < 0) { if (this.time_left < 0) {
this.time_left = 0; this.time_left = 0;
this.$bgm.pause();
if (a.status !== 6 && b.status !== 6) { if (a.status !== 6 && b.status !== 6) {
a.status = b.status = 6; a.status = b.status = 6;
a.current_frame_cnt = b.current_frame_cnt = 0; a.current_frame_cnt = b.current_frame_cnt = 0;
a.vx = b.vx = 0; a.vx = b.vx = 0;
} }
} }
@ -56,7 +64,7 @@ class GameMap extends AcGameObject {
} }
render() { render() {
this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height); this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
// console.log(this.ctx.canvas.width,this.ctx.canvas.height); // 打印canvas的宽高 // console.log(this.ctx.canvas.width,this.ctx.canvas.height); // 打印canvas的宽高
// console.log(this.$canvas.width()); // console.log(this.$canvas.width());
// this.ctx.fillStyle = "#21252b"; // 画布的颜色 // this.ctx.fillStyle = "#21252b"; // 画布的颜色

Write Preview
Loading…
Cancel
Save