mirror of https://github.com/mosra/magnum.git
3 changed files with 77 additions and 0 deletions
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<title>Magnum Multiple EmscriptenApplication Test</title> |
||||
<link rel="stylesheet" href="WebApplication.css" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
<script src="EmscriptenApplication.js"></script> |
||||
</head> |
||||
<body> |
||||
<h1>Magnum Multiple EmscriptenApplication Test</h1> |
||||
<div class="mn-container"> |
||||
<div class="mn-sizer"><div class="mn-expander"><div class="mn-listener"> |
||||
<canvas class="mn-canvas" id="canvas1" tabindex="0"></canvas> |
||||
<div class="mn-status" id="status1">Initialization...</div> |
||||
<div class="mn-status-description" id="status-description1"></div> |
||||
<script src="PlatformMultipleEmscriptenApplicationTest.js"></script> |
||||
<script async="async"> |
||||
/* This application is compiled with -s MODULARIZE -s EXPORT_NAME=createModule |
||||
so it doesn't run until we instantiate it with its own Module object. */ |
||||
const myModule = createMagnumModule({ |
||||
canvas: document.getElementById('canvas1'), |
||||
status: document.getElementById('status1'), |
||||
statusDescription: document.getElementById('status-description1') |
||||
}); |
||||
myModule.keyboardListeningElement = myModule.canvas; |
||||
myModule.canvas.addEventListener('mousedown', function(event) { |
||||
event.target.focus(); |
||||
}); |
||||
createModule(myModule); |
||||
</script> |
||||
</div></div></div> |
||||
</div> |
||||
<div class="mn-container"> |
||||
<div class="mn-sizer"><div class="mn-expander"><div class="mn-listener"> |
||||
<canvas class="mn-canvas" id="canvas2" tabindex="1"></canvas> |
||||
<div class="mn-status" id="status2">Initialization...</div> |
||||
<div class="mn-status-description" id="status-description2"></div> |
||||
<script> |
||||
/* This application is compiled without -s MODULARIZE so it uses the |
||||
global Module set by EmscriptenApplication.js and runs instantly. |
||||
You'll usually want to use MODULARIZE for all applications but this |
||||
makes it easier to reuse the existing EmscriptenApplicationTest */ |
||||
Module.canvas = document.getElementById('canvas2'); |
||||
Module.status = document.getElementById('status2'); |
||||
Module.statusDescription = document.getElementById('status-description2'); |
||||
Module.keyboardListeningElement = Module.canvas; |
||||
Module.canvas.addEventListener('mousedown', function(event) { |
||||
event.target.focus(); |
||||
}); |
||||
</script> |
||||
<script async="async" src="PlatformEmscriptenApplicationTest.js"></script> |
||||
</div></div></div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue