|
|
|
@ -87,7 +87,6 @@ export function handlePlayCodeButtons() { |
|
|
|
actionButtons.forEach(item => { |
|
|
|
item.addEventListener('click', function () { |
|
|
|
const { code } = item.dataset; |
|
|
|
|
|
|
|
sendMessage('play', code); |
|
|
|
}) |
|
|
|
}) |
|
|
|
@ -156,3 +155,103 @@ export function changeButtonsDisplay(eventType) { |
|
|
|
function $id(id) { |
|
|
|
return document.getElementById(id); |
|
|
|
} |
|
|
|
|
|
|
|
// 弹出配置表
|
|
|
|
export function openSettingTable() { |
|
|
|
var myModal = document.getElementById('myModal') |
|
|
|
var myInput = document.getElementById('myInput') |
|
|
|
|
|
|
|
myModal.addEventListener('click', function () { |
|
|
|
myInput.style.display = "block" |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
// 配置参数
|
|
|
|
export function submitSetting(){ |
|
|
|
var submit = document.getElementById("submit") |
|
|
|
var gameModes = document.getElementsByName("gameMode") |
|
|
|
var difficulties = document.getElementsByName("difficulty") |
|
|
|
gameModes.forEach(mode => { |
|
|
|
mode.addEventListener('click', function () { |
|
|
|
game.mode = mode.value - 0; |
|
|
|
}) |
|
|
|
}) |
|
|
|
difficulties.forEach(item => { |
|
|
|
item.addEventListener('click', function () { |
|
|
|
game.level = item.value - 0; |
|
|
|
}) |
|
|
|
}) |
|
|
|
var totalTimes = document.getElementById("totalTimes") |
|
|
|
var totalScore = document.getElementById("totalScore") |
|
|
|
var count = document.getElementById("count") |
|
|
|
var gameTime = document.getElementById("gameTime") |
|
|
|
var directionScore = document.getElementById("directionScore") |
|
|
|
var directionTable = document.getElementById("directionTable") |
|
|
|
directionScore.addEventListener("blur", function(){ |
|
|
|
directionTable.classList.remove('d-none'); |
|
|
|
setDirection(directionScore.value - 0) |
|
|
|
if(!directionScore.value || directionScore.value === '0'){ |
|
|
|
directionTable.classList.add('d-none'); |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
submit.addEventListener('click', function () { |
|
|
|
game.totalTimes = totalTimes.value - 0 |
|
|
|
game.totalScore = totalScore.value - 0 |
|
|
|
game.count = count.value - 0 |
|
|
|
game.gameTime = gameTime.value - 0 |
|
|
|
setScores() |
|
|
|
myInput.style.display = "none" |
|
|
|
setDefaultStyle() |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
// 动作分支表
|
|
|
|
export function setDirection(value){ |
|
|
|
let directionDetail = document.getElementById("directionDetail") |
|
|
|
let str = '' |
|
|
|
for (let i = 0; i < value; i++) { |
|
|
|
str += ` |
|
|
|
<div class="mb-3 d-flex flex-row align-items-center"> |
|
|
|
<div style="width: 130px">动作${ i + 1 }</div> |
|
|
|
<input placeholder="动作次数" type="number" class="form-control ms-3 directionTimes"> |
|
|
|
<input placeholder="动作分值" type="number" class="form-control ms-3 directionScores"> |
|
|
|
</div> |
|
|
|
` |
|
|
|
} |
|
|
|
directionDetail.innerHTML = str |
|
|
|
} |
|
|
|
|
|
|
|
// 设置动作分支表
|
|
|
|
export function setScores(){ |
|
|
|
game.scores = [] |
|
|
|
game.directions = [] |
|
|
|
var directionTimes = document.getElementsByClassName("directionTimes") |
|
|
|
var directionScores = document.getElementsByClassName("directionScores") |
|
|
|
for (let i = 0; i < directionScores.length; i++) { |
|
|
|
const score = directionScores[i]; |
|
|
|
const item = { |
|
|
|
direction: 0, score: 0 |
|
|
|
} |
|
|
|
item.direction = i |
|
|
|
item.score = score.value - 0 |
|
|
|
game.scores.push(item) |
|
|
|
} |
|
|
|
for (let time = 0; time < directionTimes.length; time++) { |
|
|
|
const item = directionTimes[time].value - 0 |
|
|
|
for (let j = 0; j < item; j++) { |
|
|
|
game.directions.push(time) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 取消配置
|
|
|
|
export function cancelSetting(){ |
|
|
|
var cancel = document.getElementsByClassName("cancel") |
|
|
|
for (let i = 0; i < cancel.length; i++) { |
|
|
|
const item = cancel[i]; |
|
|
|
item.addEventListener('click', function () { |
|
|
|
myInput.style.display = "none" |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
