mirror of
https://github.com/db48x/emularity.git
synced 2026-09-14 18:43:01 +00:00
Daniel Brooks
e4388d12fa
Turns out that a program that uses emscripten's SDL port to create a "window" (by calling SDL_CreateWindow) gets exactly the canvas size that they requested, and emscripten actually resets the canvas back to this size on certain events (such as window resize). This means that the application must request the scaled size, or explictly resize the canvas using a different API. Since MAME accepts a -resolution command-line argument, I can at least make it request a window of the scaled size. It's not as efficient as letting the browser scale the window, but it works.
37 lines
2.5 KiB
HTML
37 lines
2.5 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>example computer program</title>
|
|
</head>
|
|
<body>
|
|
<canvas id="canvas" style="width: 50%; height: 50%; display: block; margin: 0 auto;"></canvas>
|
|
<script type="text/javascript" src="es6-promise.js"></script>
|
|
<script type="text/javascript" src="browserfs.min.js"></script>
|
|
<script type="text/javascript" src="loader.js"></script>
|
|
<script type="text/javascript">
|
|
var emulator = new Emulator(document.querySelector("#canvas"),
|
|
null,
|
|
new PCELoader(PCELoader.model("macclassic"),
|
|
PCELoader.nativeResolution(512, 342),
|
|
PCELoader.mountFile("pce-mac-classic.rom",
|
|
PCELoader.fetchFile("ROM 1/2",
|
|
"examples/pce/pce-mac-classic.rom")),
|
|
PCELoader.mountFile("pce-macplus-pcex.rom",
|
|
PCELoader.fetchFile("ROM 2/2",
|
|
"examples/pce/pce-macplus-pcex.rom")),
|
|
PCELoader.mountFile("pce-mac-classic-pram.dat",
|
|
PCELoader.fetchFile("PRAM",
|
|
"examples/pce/pce-mac-classic-pram.dat")),
|
|
PCELoader.mountFile("hd1.img",
|
|
PCELoader.fetchFile("Hard Drive Image",
|
|
"examples/pce/hd1.img")),
|
|
PCELoader.mountFile("pce-macclassic.cfg",
|
|
PCELoader.fetchFile("PCE Config",
|
|
"examples/pce/pce-macclassic.cfg")),
|
|
PCELoader.emulatorJS("emulators/pce/pce-macplus.js")))
|
|
emulator.setScale(2);
|
|
emulator.start({ waitAfterDownloading: true });
|
|
</script>
|
|
</body>
|
|
</html>
|