Introduce the new approach to LWJGL support

By compiling JNI code to Wasm loadable modules

Author: alexp-sssup

Diff for: _headers

@@ -1,2 +1,2 @@
-/cheerpj-natives/natives/lwjgl.js
+/libraries/*
   Content-Type: application/octet-stream

Diff for: index.html

@@ -18,8 +18,6 @@
 			<h1>Browsercraft</h1>
 			<div class="desktop-only">
 				<div class="container">
-					<canvas width="854" height="480" tabindex="-1"></canvas>
-					<div class="display"></div>
 					<div class="intro">
 						<p>
 							This is a proof-of-concept demo of Minecraft 1.2.5 running unmodified in the browser.
@@ -34,6 +32,7 @@ <h1>Browsercraft</h1>
 						</div>
 					</div>
 					<progress style="display: none"></progress>
+					<div class="display"></div>
 				</div>
 				<div class="pagecontrols">
 					<a href="https://twitter.com/intent/tweet?url=https://browsercraft.cheerpj.com" title="Share on X (formerly known as Twitter)">
@@ -66,18 +65,13 @@ <h2>What this is not</h2>
 
 			<h2>How it works</h2>
 			<p>
-				<a href="https://labs.leaningtech.com/cheerpj3/guides/Implementing-Java-native-methods-in-JavaScript">CheerpJ supports specifying JavaScript implementations of Java native methods.</a>
-				We use this feature to implement portions of LWJGL (a library used by Minecraft for rendering, audio, input, etc.) in JavaScript. On desktop, LWJGL uses C++ implementations of these methods.
-			</p>
-			<p>
-				<a href="https://github.com/leaningtech/cheerpj-natives/blob/main/natives/lwjgl.js">View the LWJGL implementation.</a>
+				<b>CheerpJ</b> is a Java Virtual Machine written in WebAssembly and it runs entirely in your browser. CheerpJ can run any Java application, without modification and without requiring the source code. This demo demonstrate these capabilities by running an older version (1.2.5) of Minecraft and LWJGL entirely in the browser.
 			</p>
 			<p>
 				This project is a work-in-progress and not everything works yet. In particular:
 			</p>
 			<ul>
 				<li>Audio is not supported</li>
-				<li>Many textures are not rendered correctly</li>
 				<li>Probably other subtle problems</li>
 			</ul>
 			<p>
@@ -102,7 +96,9 @@ <h2>How it works</h2>
 			import MinecraftClient from "./minecraft-web.js";
 			await cheerpjInit({
 				version: 8,
-				javaProperties: ["java.library.path=/app/cheerpj-natives/natives", "org.lwjgl.util.NoChecks=true"],
+				javaProperties: ["java.library.path=/app/libraries/"],
+				libraries: {"libGL.so.1": "/app/libraries/gl4es.wasm", "libEGL.so.1": "/app/libraries/libegl.wasm", "libGLESv2.so.1": "/app/libraries/libgles.wasm"},
+				enableX11:true
 			});
 			const mc = new MinecraftClient();
 		</script>

Diff for: libraries/gl4es.wasm

@@ -0,0 +1,6 @@
+var r = await fetch("/libraries/lwjgl2.wasm");
+var buf = await r.arrayBuffer();
+export default
+{
+	wasmModule: buf
+}

Diff for: libraries/libegl.wasm

@@ -46,19 +46,13 @@ export default class MinecraftClient {
     this.#button = document.querySelector('button');
     this.#button.addEventListener('click', () => this.run());
 
-    this.#canvas = document.querySelector('canvas');
-    this.#canvas.width = 854;
-    this.#canvas.height = 480;
-    this.#canvas.tabIndex = -1;
-    this.#canvas.style.display = 'none';
     this.#progress = document.querySelector('progress');
     this.#progress.style.display = 'none';
 
     this.#intro = document.querySelector('.intro');
 
     // CheerpJ needs an element to render to
     this.#display = document.querySelector('.display');
-    this.#display.setAttribute('style', 'width:100%;height:100%;position:absolute;top:0;left:0px;visibility:hidden;');
     cheerpjCreateDisplay(-1, -1, this.#display);
 
     this.#isRunning = false;
@@ -84,12 +78,10 @@ export default class MinecraftClient {
       }
     );
     this.#progress.style.display = 'none';
+    this.#display.style.display = 'unset';
 
-    this.#canvas.style.display = 'unset';
-    window.lwjglCanvasElement = this.#canvas;
-    const exitCode = await cheerpjRunMain("net.minecraft.client.Minecraft", `/app/lwjgl-2.9.0.jar:/app/lwjgl_util-2.9.0.jar:${jarPath}`)
+    const exitCode = await cheerpjRunMain("net.minecraft.client.Minecraft", `/app/lwjgl-2.9.3.jar:/app/lwjgl_util-2.9.3.jar:${jarPath}`)
 
-    this.#canvas.style.display = 'none';
     this.#isRunning = false;
 
     return exitCode;