para/puzzle
1
1
Fork 0
Code Issues 8 Pull requests Releases Wiki Activity

add toggles for fixed and loose piece display

Browse source
This commit is contained in:
Zutatensuppe 2021-04-27 22:56:50 +02:00
parent abf6e6aa02
commit d2de582c95
1 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
game/game.js
View file

@ -49,6 +49,9 @@ const ELEMENTS = {
let KEY_LISTENER_OFF = false let KEY_LISTENER_OFF = false
let PIECE_VIEW_FIXED = true
let PIECE_VIEW_LOOSE = true
function addMenuToDom(gameId) { function addMenuToDom(gameId) {
const previewImageUrl = Game.getImageUrl(gameId) const previewImageUrl = Game.getImageUrl(gameId)
function row (...elements) { function row (...elements) {
@ -137,6 +140,8 @@ function addMenuToDom(gameId) {
helpEl.appendChild(row('🔍+ Zoom in:', h(kbd('E'), '/🖱️-Wheel'))) helpEl.appendChild(row('🔍+ Zoom in:', h(kbd('E'), '/🖱️-Wheel')))
helpEl.appendChild(row('🔍- Zoom out:', h(kbd('Q'), '/🖱️-Wheel'))) helpEl.appendChild(row('🔍- Zoom out:', h(kbd('Q'), '/🖱️-Wheel')))
helpEl.appendChild(row('🖼️ Toggle preview:', h(kbd('Space')))) helpEl.appendChild(row('🖼️ Toggle preview:', h(kbd('Space'))))
helpEl.appendChild(row('🧩✔️ Toggle fixed pieces:', h(kbd('F'))))
helpEl.appendChild(row('🧩❓ Toggle loose pieces:', h(kbd('G'))))
helpEl.addEventListener('click', (e) => { helpEl.addEventListener('click', (e) => {
e.stopPropagation() e.stopPropagation()
}) })
@ -600,6 +605,15 @@ async function main() {
if (ev.key === ' ') { if (ev.key === ' ') {
togglePreview() togglePreview()
} }
if (ev.key === 'F' || ev.key === 'f') {
PIECE_VIEW_FIXED = !PIECE_VIEW_FIXED
RERENDER = true
}
if (ev.key === 'G' || ev.key === 'g') {
PIECE_VIEW_LOOSE = !PIECE_VIEW_LOOSE
RERENDER = true
}
console.log(PIECE_VIEW_FIXED, PIECE_VIEW_LOOSE)
}) })
const evts = new EventAdapter(canvas, window, viewport) const evts = new EventAdapter(canvas, window, viewport)
@ -865,6 +879,17 @@ async function main() {
if (DEBUG) Debug.checkpoint('get tiles done') if (DEBUG) Debug.checkpoint('get tiles done')
for (let tile of tiles) { for (let tile of tiles) {
if (tile.owner === -1) {
// piece is fixed...
if (!PIECE_VIEW_FIXED) {
continue;
}
} else {
// not finished
if (!PIECE_VIEW_LOOSE) {
continue;
}
}
const bmp = bitmaps[tile.idx] const bmp = bitmaps[tile.idx]
pos = viewport.worldToViewportRaw({ pos = viewport.worldToViewportRaw({
x: TILE_DRAW_OFFSET + tile.pos.x, x: TILE_DRAW_OFFSET + tile.pos.x,