KANGFU_GAME
/
game-frame-template
7
0
Fork 0
Code Pull Requests Releases Activity
Browse Source

添加切换游戏快捷按钮

master
song 4 years ago
parent
d86756373a
commit
87519222d8
4 changed files with 42 additions and 10 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. 21
      public/index.html
  2. 13
      src/config.js
  3. 15
      src/dom.js
  4. 3
      src/index.js

21
public/index.html
View File

@ -4,13 +4,28 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><%= htmlWebpackPlugin.options.title %></title> <title>太空机战</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="d-flex flex-column" style="height: 100vh"> <div class="d-flex flex-column" style="height: 100vh">
<div class="container p-3 clearfix"> <div class="container p-3 clearfix">
<div class="float-start"> <div class="float-start">
<button type="button" class="btn btn-warning btn-sm me-3" data-bs-toggle="modal" id="myList" data-bs-target="#myList">切换游戏</button>
<ul class="list-group" id="game-list" style="position: fixed;z-index: 99;display: none">
<li class="list-group-item mt-1">
<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/bird/win/">鸟妈妈回家</a>
</li>
<li class="list-group-item">
<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/tomato/win">番茄炒蛋</a>
</li>
<li class="list-group-item">
<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/orange-juice/win">挤橙汁</a>
</li>
<li class="list-group-item">
<a style="text-decoration:none;color: #333;" target="_parent" href="https://www.tall.wiki/kangfu/game/hurdle/win">跨栏</a>
</li>
</ul>
<button type="button" class="btn btn-success btn-sm me-3" data-bs-toggle="modal" id="myModal" data-bs-target="#myModal">配置</button> <button type="button" class="btn btn-success btn-sm me-3" data-bs-toggle="modal" id="myModal" data-bs-target="#myModal">配置</button>
<div class="float-end level me-3" id="level-container"> <div class="float-end level me-3" id="level-container">
等级： 等级：
@ -48,8 +63,8 @@
</div> </div>
</div> </div>
<hr /> <hr />
<!-- <iframe id="iframe" src="http://127.0.0.1:5500/dist/" frameborder="0" style="flex: 1"></iframe> --> <!-- <iframe id="iframe" src="http://127.0.0.1:5501/dist/" frameborder="0" style="flex: 1"></iframe> -->
<iframe id="iframe" src="https://www.tall.wiki/kangfu/game/bird/game" frameborder="0" style="flex: 1"></iframe> <iframe id="iframe" src="https://www.tall.wiki/kangfu/game/bomb/game" frameborder="0" style="flex: 1"></iframe>
<!-- 配置 --> <!-- 配置 -->
<div class="modal" tabindex="-1" id="myInput" style="background: rgba(0,0,0,.5);"> <div class="modal" tabindex="-1" id="myInput" style="background: rgba(0,0,0,.5);">

13
src/config.js
View File

@ -16,14 +16,15 @@ export const game = {
height: 600 height: 600
}, },
count: 5, // 倒计时时长 count: 5, // 倒计时时长
game: 60, // 游戏时长 game: 70, // 游戏时长
level: 1, // 等级 1->入门 2->简单 3->普通 4->困难 level: 2, // 等级 1->入门 2->简单 3->普通 4->困难
totalScore: 100, totalScore: 90,
totalTimes: 20, totalTimes: 15,
mode: 0, // 模式 0-> 正常模式 1-> 演示模式 mode: 0, // 模式 0-> 正常模式 1-> 演示模式
scores: [ scores: [
{ direction: 0, score: 5 }, { direction: 0, score: 6 }, // 左
{ direction: 1, score: 6 }, // 右
], ],
directions: directions(), directions: [1, 0, 0, 1, 1, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1],
} }

15
src/dom.js
View File

@ -290,3 +290,18 @@ export function cancelSetting(){
}) })
} }
} }
// 弹出游戏列表
export function openGameList() {
var myList = document.getElementById('myList')
var list = document.getElementById('game-list')
myList.addEventListener('click', function () {
console.log('list.classList: ', list.style.display);
if(list.style.display === 'none'){
list.style.display = 'block'
}else{
list.style.display = 'none'
}
})
}

3
src/index.js
View File

@ -1,4 +1,4 @@
import { setDefaultStyle, handleEventButtons, handlePlayCodeButtons,handleLevelButtons,handleModeButtons, openSettingTable,submitSetting,cancelSetting } from "./dom"; import { setDefaultStyle, handleEventButtons, handlePlayCodeButtons,handleLevelButtons,handleModeButtons, openSettingTable,submitSetting,cancelSetting,openGameList } from "./dom";
import { onMessage, setFrameStyle } from "./frame"; import { onMessage, setFrameStyle } from "./frame";
window.addEventListener('load', init, false) window.addEventListener('load', init, false)
@ -21,4 +21,5 @@ function initDom() {
handlePlayCodeButtons(); // 事件play code 绑定事件 handlePlayCodeButtons(); // 事件play code 绑定事件
submitSetting(); // 提交配置表 submitSetting(); // 提交配置表
cancelSetting(); // 取消配置表 cancelSetting(); // 取消配置表
openGameList(); // 打开游戏列表
} }

Write Preview
Loading…
Cancel
Save