sbrl-github/Nibriboard
1
0
Fork 0
mirror of https://github.com/sbrl/Nibriboard.git synced 2018-01-10 21:33:49 +00:00
Code Activity

Fix visible chunk area calculations

Browse source
This commit is contained in:
Starbeamrainbowlabs 2017-06-12 18:48:08 +01:00
parent 0808c05f05
commit 62dd7af656
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
Nibriboard/ClientFiles/ChunkCache.js
View file

@ -12,6 +12,9 @@ class ChunkCache
this.boardWindow = inBoardWindow; this.boardWindow = inBoardWindow;
this.cache = new Map(); this.cache = new Map();
// Whether to highlight rendered chunks. Useful for debugging purposes.
this.showRenderedChunks = true;
this.boardWindow.rippleLink.on("ChunkUpdate", this.handleChunkUpdate.bind(this)); this.boardWindow.rippleLink.on("ChunkUpdate", this.handleChunkUpdate.bind(this));
} }
@ -47,13 +50,17 @@ class ChunkCache
let chunkArea = new Rectangle( let chunkArea = new Rectangle(
Math.floor(visibleArea.x / chunkSize) * chunkSize, Math.floor(visibleArea.x / chunkSize) * chunkSize,
Math.floor(visibleArea.y / chunkSize) * chunkSize, Math.floor(visibleArea.y / chunkSize) * chunkSize,
(Math.floor((visibleArea.x + visibleArea.width) / chunkSize) * chunkSize), (Math.floor((visibleArea.x + (visibleArea.width / visibleArea.zoomLevel)) / chunkSize) * chunkSize),
(Math.floor((visibleArea.y + visibleArea.height) / chunkSize) * chunkSize) (Math.floor((visibleArea.y + (visibleArea.height / visibleArea.zoomLevel)) / chunkSize) * chunkSize)
); );
context.translate( /*context.translate(
-Math.abs(visibleArea.x - chunkArea.x), -Math.abs(visibleArea.x - chunkArea.x),
-Math.abs(visibleArea.y - chunkArea.y) -Math.abs(visibleArea.y - chunkArea.y)
);*/
context.translate(
-visibleArea.x,
-visibleArea.y
); );
for(let cx = chunkArea.x; cx <= chunkArea.x + chunkArea.width; cx += chunkSize) for(let cx = chunkArea.x; cx <= chunkArea.x + chunkArea.width; cx += chunkSize)
@ -66,6 +73,13 @@ class ChunkCache
// a _chunk_ reference // a _chunk_ reference
cx / chunkSize, cy / chunkSize cx / chunkSize, cy / chunkSize
); );
if(this.showRenderedChunks) {
context.beginPath();
context.fillStyle = "hsla(270.5, 79.6%, 55.9%, 0.5)";
context.fillRect(cx, cy, chunkSize, chunkSize);
}
let chunk = this.cache.get(cChunk.toString()); let chunk = this.cache.get(cChunk.toString());
if(typeof chunk != "undefined") if(typeof chunk != "undefined")
chunk.render(canvas, context); chunk.render(canvas, context);