Synthasmagoria/transformation_visualizer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Scaling fix

Browse source
This commit is contained in:
Synthasmagoria 2026-09-09 17:23:59 +02:00
commit b9d7d9ba7e
2 changed files with 10 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
build_web.sh
View file

@ -10,8 +10,10 @@ INDEX_TEMPLATE_PATH="src/web/index_template.html"
if [[ -v 1 ]]; then if [[ -v 1 ]]; then
if [ "$1" = "DEBUG" ]; then if [ "$1" = "DEBUG" ]; then
ODIN_FLAGS="-debug" ODIN_FLAGS="-debug"
EMCC_FLAGS="-O0"
elif [ "$1" = "RELEASE" ]; then elif [ "$1" = "RELEASE" ]; then
ODIN_FLAGS="-o:size" ODIN_FLAGS="-o:size"
EMCC_FLAGS="-O2"
else else
echo "Usage: <script> <DEBUG/RELEASE>" echo "Usage: <script> <DEBUG/RELEASE>"
exit 1 exit 1
@ -46,7 +48,7 @@ files="$OUT_DIR/$WASM_OBJ_NAME $RAYLIB_PATH/wasm/libraylib.a $RAYLIB_PATH/wasm/l
# source/main_web/main_web.odin # source/main_web/main_web.odin
# TODO (synthas): Investigate why emcc's emscripten flag causes a linker error on itch.io # TODO (synthas): Investigate why emcc's emscripten flag causes a linker error on itch.io
EMCC_SETTINGS="-sEXPORTED_RUNTIME_METHODS=['HEAPF32'] -sUSE_GLFW=3 -sWASM_BIGINT -sWARN_ON_UNDEFINED_SYMBOLS=0" EMCC_SETTINGS="-sEXPORTED_RUNTIME_METHODS=['HEAPF32'] -sUSE_GLFW=3 -sWASM_BIGINT -sWARN_ON_UNDEFINED_SYMBOLS=0"
flags="-O2 $EMCC_SETTINGS --shell-file $INDEX_TEMPLATE_PATH --preload-file src/assets" flags="$EMCC_FLAGS $EMCC_SETTINGS --shell-file $INDEX_TEMPLATE_PATH --preload-file src/assets"
# For debugging: Add `-g` to `emcc` (gives better error callstack in chrome) # For debugging: Add `-g` to `emcc` (gives better error callstack in chrome)
emcc -o $OUT_DIR/index.html $files $flags emcc -o $OUT_DIR/index.html $files $flags

19
src/web/index_template.html
View file

@ -14,6 +14,8 @@
margin: 0px; margin: 0px;
overflow: hidden; overflow: hidden;
background-color: black; background-color: black;
width: 100%;
height: 100%;
} }
canvas.game_canvas { canvas.game_canvas {
border: 0px none; border: 0px none;
@ -23,6 +25,8 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
width: 100%;
height: 100%;
} }
</style> </style>
</head> </head>
@ -45,7 +49,6 @@
return WebAssembly.instantiateStreaming(fetch("index.wasm"), newImports).then(function(output) { return WebAssembly.instantiateStreaming(fetch("index.wasm"), newImports).then(function(output) {
var e = output.instance.exports; var e = output.instance.exports;
console.log(e);
odinMemoryInterface.setExports(e); odinMemoryInterface.setExports(e);
odinMemoryInterface.setMemory(e.memory); odinMemoryInterface.setMemory(e.memory);
return successCallback(output.instance); return successCallback(output.instance);
@ -55,16 +58,14 @@
// done setting up. At that point we can run code. // done setting up. At that point we can run code.
onRuntimeInitialized: () => { onRuntimeInitialized: () => {
var e = wasmExports; var e = wasmExports;
// Calls any procedure marked with @init
e._start(); e._start();
// See source/main_web/main_web.odin for main_start,
// main_update and main_end.
e.main_start(); e.main_start();
function send_resize() { function send_resize() {
var canvas = document.getElementById('canvas'); var canvas = document.getElementById('canvas');
canvas.width = document.documentElement.clientWidth;
canvas.height = document.documentElement.clientHeight;
console.log(canvas.width, canvas.height);
e.web_window_size_changed(canvas.width, canvas.height); e.web_window_size_changed(canvas.width, canvas.height);
} }
@ -72,17 +73,11 @@
send_resize(); send_resize();
}, true); }, true);
// This can probably be done better: Ideally we'd feed the
// initial size to `main_start`. But there seems to be a
// race condition. `canvas` doesn't have it's correct size yet.
send_resize(); send_resize();
// Runs the "main loop".
function do_main_update() { function do_main_update() {
if (!e.main_update()) { if (!e.main_update()) {
e.main_end(); e.main_end();
// Calls procedures marked with @fini
e._end(); e._end();
return; return;
} }