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

improve puzzle cutting speed (not creating so many canvases

Browse source
This commit is contained in:
Zutatensuppe 2021-04-17 17:39:23 +02:00
parent 06cfb7e256
commit 541b6c24b4
1 changed files with 9 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
game/PuzzleGraphics.js
View file

@ -80,13 +80,18 @@ async function createPuzzleTileBitmaps(img, tiles, info) {
return path return path
} }
const c = Graphics.createCanvas(tileDrawSize, tileDrawSize)
const ctx = c.getContext('2d')
const c2 = Graphics.createCanvas(tileDrawSize, tileDrawSize)
const ctx2 = c2.getContext('2d')
for (let t of tiles) { for (let t of tiles) {
const tile = Util.decodeTile(t) const tile = Util.decodeTile(t)
const srcRect = srcRectByIdx(info, tile.idx) const srcRect = srcRectByIdx(info, tile.idx)
const path = pathForShape(Util.decodeShape(info.shapes[tile.idx])) const path = pathForShape(Util.decodeShape(info.shapes[tile.idx]))
const c = Graphics.createCanvas(tileDrawSize, tileDrawSize) ctx.clearRect(0, 0, tileDrawSize, tileDrawSize)
const ctx = c.getContext('2d')
// stroke (slightly darker version of image) // stroke (slightly darker version of image)
// ----------------------------------------------------------- // -----------------------------------------------------------
@ -162,8 +167,7 @@ async function createPuzzleTileBitmaps(img, tiles, info) {
// ----------------------------------------------------------- // -----------------------------------------------------------
// ----------------------------------------------------------- // -----------------------------------------------------------
const tmpc = Graphics.createCanvas(tileDrawSize, tileDrawSize) ctx2.clearRect(0, 0, tileDrawSize, tileDrawSize)
const ctx2 = tmpc.getContext('2d')
ctx2.save() ctx2.save()
ctx2.lineWidth = 1 ctx2.lineWidth = 1
ctx2.stroke(path) ctx2.stroke(path)
@ -180,15 +184,7 @@ async function createPuzzleTileBitmaps(img, tiles, info) {
tileDrawSize + 100, tileDrawSize + 100,
) )
ctx2.restore() ctx2.restore()
// ctx2.save() ctx.drawImage(c2, 0, 0)
// ctx2.globalCompositeOperation = 'source-in'
// ctx2.globalAlpha = .1
// ctx2.fillStyle = 'black'
// ctx2.fillRect(0,0, c.width, c.height)
// ctx2.restore()
// ctx.globalCompositeOperation = 'darken'
ctx.drawImage(tmpc, 0, 0)
bitmaps[tile.idx] = await createImageBitmap(c) bitmaps[tile.idx] = await createImageBitmap(c)
} }