Drezil/imgui
1
0
Fork 0
mirror of https://github.com/Drezil/imgui.git synced 2025-07-05 04:28:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Examples: Emscripten: Switched to WebGL1/ES2, Added Changelog, Updated links, Added ignore list, Fixed warning with older versions. Removed reliance on C++11 (would warn on some compiler). Improved html template, removed undesirable options, reduced log size. Tweaked main.cpp. (#2494)

Browse Source
This commit is contained in:
omar
2019-04-15 01:01:44 +02:00
parent 882d480b5e
commit c1848b185c
8 changed files with 69 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
examples/example_emscripten/shell_minimal.html
View File

@ -3,15 +3,19 @@
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Emscripten-Generated Code</title>
<title>Dear ImGui Emscripten example</title>
<style>
.emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
textarea.emscripten { font-family: monospace; width: 80%; }
div.emscripten { text-align: center; }
div.emscripten_border { border: 1px solid black; }
/* div.emscripten_border { border: 1px solid black; } */
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
canvas.emscripten { border: 0px none; background-color: black; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
.spinner {
height: 50px;
width: 50px;
@ -47,27 +51,23 @@
</style>
</head>
<body>
<hr/>
<figure style="overflow:visible;" id="spinner"><div class="spinner"></div><center style="margin-top:0.5em"><strong>emscripten</strong></center></figure>
<div class="emscripten" id="status">Downloading...</div>
<div class="emscripten">
<progress value="0" max="100" id="progress" hidden=1></progress>
<progress value="0" max="100" id="progress" hidden=1></progress>
</div>
<div class="emscripten_border">
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
</div>
<hr/>
<div class="emscripten">
<input type="checkbox" id="resize">Resize canvas
<input type="checkbox" id="pointerLock" checked>Lock/hide mouse pointer
&nbsp;&nbsp;&nbsp;
<input type="button" value="Fullscreen" onclick="Module.requestFullscreen(document.getElementById('pointerLock').checked,
document.getElementById('resize').checked)">
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
Example compiled from <a href="https://github.com/ocornut/imgui">https://github.com/ocornut/imgui</a>
</div>
<hr/>
<textarea class="emscripten" id="output" rows="8"></textarea>
<hr>
<br>
<div class="emscripten">
<input type="button" value="Fullscreen" onclick="Module.requestFullscreen(false, document.getElementById('resize').checked)">
<!-- <input type="checkbox" id="resize">Resize canvas -->
</div>
<br>
<textarea class="emscripten" id="output" rows="4"></textarea>
<script type='text/javascript'>
var statusElement = document.getElementById('status');
var progressElement = document.getElementById('progress');