zakarya/puzzles
1
0
Fork 0
mirror of git://git.tartarus.org/simon/puzzles.git synced 2025-04-20 15:41:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

js: Very bad attempt at making puzzles change size when zooming

Browse Source 
This has the entertaining consequence that repeatedly zooming in and out
causes puzzles to gradually shrink, thus demonstrating that recording
the nominal size correctly will be necessary.
This commit is contained in:
Ben Harris
2022-10-27 10:12:54 +01:00
parent 5af0cd4ac1
commit 532d662722
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
emcclib.js
View File

@ -544,12 +544,15 @@ mergeInto(LibraryManager.library, {
* size.
*/
js_canvas_set_size: function(w, h) {
var dpr = window.devicePixelRatio || 1;
onscreen_canvas.width = w;
offscreen_canvas.width = w;
resizable_div.style.width = w / (window.devicePixelRatio || 1) + "px";
resizable_div.style.width = w / dpr + "px";
nominal_width = w / dpr;
onscreen_canvas.height = h;
offscreen_canvas.height = h;
nominal_height = h / dpr;
},
/*

10
emccpre.js
View File

@ -30,6 +30,12 @@ var ctx;
// by js_canvas_end_draw.
var update_xmin, update_xmax, update_ymin, update_ymax;
// Nominal size of the canvas in CSS pixels. This is set when the
// canvas is explicitly resized, and used as the basis of calls to
// midend_size whenever the device pixel ratio changes. That way
// changes of zoom levels in browsers will generally be reversible.
var nominal_width, nominal_height;
// Module object for Emscripten. We fill in these parameters to ensure
// that Module.run() won't be called until we're ready (we want to do
// our own init stuff first), and that when main() returns nothing
@ -534,11 +540,10 @@ function initPuzzle() {
var dpr = window.devicePixelRatio;
if (mql !== null)
mql.removeListener(update_pixel_ratio);
resizable_div.style.width = onscreen_canvas.width / dpr + "px";
resize_puzzle(nominal_width * dpr, nominal_height * dpr);
mql = window.matchMedia(`(resolution: ${dpr}dppx)`);
mql.addListener(update_pixel_ratio);
}
update_pixel_ratio();
Module.onRuntimeInitialized = function() {
// Run the C setup function, passing argv[1] as the fragment
@ -546,6 +551,7 @@ function initPuzzle() {
// can launch the specified id).
Module.callMain([decodeURIComponent(location.hash)]);
update_pixel_ratio();
// And if we get here with everything having gone smoothly, i.e.
// we haven't crashed for one reason or another during setup, then
// it's probably safe to hide the 'sorry, no puzzle here' div and