ppfun/pixelplanet
13
Fork 18
Code Issues 24 Pull Requests Releases 2 Activity

make offscreen canvas smaller

Browse Source
This commit is contained in:
HF 2021-07-24 10:22:33 +02:00
parent a3e35cced6
commit 4256a254fa
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/Renderer2D.js
View File

@ -6,7 +6,7 @@
import type { Cell } from '../core/Cell'; import type { Cell } from '../core/Cell';
import type { State } from '../reducers'; import type { State } from '../reducers';
import { TILE_SIZE } from '../core/constants'; import { TILE_ZOOM_LEVEL, TILE_SIZE } from '../core/constants';
import { import {
getTileOfPixel, getTileOfPixel,
@ -26,8 +26,8 @@ import ChunkLoader from './ChunkLoader2D';
import pixelNotify from './PixelNotify'; import pixelNotify from './PixelNotify';
// dimensions of offscreen canvas NOT whole canvas // dimensions of offscreen canvas NOT whole canvas
const CANVAS_WIDTH = window.screen.width * 2; const CANVAS_WIDTH = window.screen.width + TILE_ZOOM_LEVEL * TILE_SIZE;
const CANVAS_HEIGHT = window.screen.height * 2; const CANVAS_HEIGHT = window.screen.height + TILE_ZOOM_LEVEL * TILE_SIZE;
const SCALE_THREASHOLD = Math.min( const SCALE_THREASHOLD = Math.min(
CANVAS_WIDTH / TILE_SIZE / 3, CANVAS_WIDTH / TILE_SIZE / 3,
CANVAS_HEIGHT / TILE_SIZE / 3, CANVAS_HEIGHT / TILE_SIZE / 3,
@ -185,12 +185,13 @@ class Renderer {
pixelNotify.updateScale(viewscale); pixelNotify.updateScale(viewscale);
let tiledScale = (viewscale > 0.5) let tiledScale = (viewscale > 0.5)
? 0 ? 0
: Math.round(Math.log2(viewscale) / 2); : Math.round(Math.log2(viewscale) * 2 / TILE_ZOOM_LEVEL);
tiledScale = 4 ** tiledScale; tiledScale = TILE_ZOOM_LEVEL ** tiledScale;
const canvasMaxTiledZoom = (isHistoricalView) const canvasMaxTiledZoom = (isHistoricalView)
? this.historicalCanvasMaxTiledZoom ? this.historicalCanvasMaxTiledZoom
: this.canvasMaxTiledZoom; : this.canvasMaxTiledZoom;
const tiledZoom = canvasMaxTiledZoom + Math.log2(tiledScale) / 2; const tiledZoom = canvasMaxTiledZoom + Math.log2(tiledScale)
* 2 / TILE_ZOOM_LEVEL;
const relScale = viewscale / tiledScale; const relScale = viewscale / tiledScale;
this.tiledScale = tiledScale; this.tiledScale = tiledScale;