@easywasm/gl 0.0.1

package/README.md

@@ -0,0 +1,15 @@
+# @easywasm/gl
+
+The idea with this is easy GLFW/GL shim-layer for wasm.
+
+It should make existing projects that use those libs easier to compile for wasm, without emscripten, but it's also an API you can link against in any wasm.
+
+Think of it as a platform-layer. You have WASI, which covers a lot of "OS things" like filesystem, time, etc, and you have this covers all the basic stuff you need to make a game (window, graphics, input, sound.)
+
+
+## basic usage
+
+You can assume GLFW (and some of GL) is exposed, and then you can use it normally. You can see an example in [index.html](./web/index.html). The example is in [example.c](./src/example.c)
+
+- `npm start` - compile example for web - requires wasi-sdk
+- `npm run example:mac` - compiles same example for native mac. This is what I have for testing. Might add more build commands, later

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@easywasm/gl",
+  "version": "0.0.1",
+  "description": "Web host interface exposing GLFW 3.5 to WebAssembly modules compiled with wasi-sdk",
+  "type": "module",
+  "main": "web/index.js",
+  "exports": {
+    ".": "./web/index.js"
+  },
+  "files": [
+    "src/"
+  ],
+  "keywords": [
+    "webassembly",
+    "wasm",
+    "glfw",
+    "wasi",
+    "wasi-sdk",
+    "webgl"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/easywasm/glfw"
+  },
+  "scripts": {
+    "start": "npx -y live-server web",
+    "prestart": "npm run example:web",
+    "example:web": " /opt/wasi-sdk/bin/clang -DGLFW_INCLUDE_NONE -Wl,--allow-undefined -O3 src/example.c -o web/example.wasm",
+    "example:mac": "clang $(pkg-config --cflags --libs glfw3) -isysroot $(xcrun --show-sdk-path) -framework OpenGL -framework Cocoa -framework IOKit -framework CoreVideo src/example.c -o example"
+  }
+}

package/src/example.c

@@ -0,0 +1,58 @@
+// this is an exmaple of wasm/native code
+
+#include "glfw3.h"
+#include <math.h>
+
+#ifdef __wasm__
+void glClearColor(float r, float g, float b, float a);
+void glClear(unsigned int mask);
+#  define GL_COLOR_BUFFER_BIT 0x4000
+#elif defined(__APPLE__)
+#  include <OpenGL/gl.h>
+#else
+#  include <GL/gl.h>
+#endif
+
+static GLFWwindow* window = NULL;
+
+static void key_callback(GLFWwindow* w, int key, int scancode, int action, int mods) {
+    if (key == GLFW_KEY_ESCAPE && action == GLFW_PRESS)
+        glfwSetWindowShouldClose(w, GLFW_TRUE);
+}
+
+// On wasm: exported and called each tick by JS requestAnimationFrame.
+// On native: called in the main loop below.
+// Returns 1 to keep going, 0 to stop.
+__attribute__((export_name("frame")))
+int frame(void) {
+    if (!window || glfwWindowShouldClose(window)) return 0;
+
+    float t = (float)glfwGetTime();
+    glClearColor(
+        0.5f + 0.5f * sinf(t),
+        0.5f + 0.5f * sinf(t + 2.094f),
+        0.5f + 0.5f * sinf(t + 4.189f),
+        1.0f
+    );
+    glClear(GL_COLOR_BUFFER_BIT);
+    glfwSwapBuffers(window);
+    glfwPollEvents();
+    return 1;
+}
+
+int main(void) {
+    if (!glfwInit()) return -1;
+
+    window = glfwCreateWindow(640, 480, "GLFW Demo", NULL, NULL);
+    if (!window) { glfwTerminate(); return -1; }
+
+    glfwMakeContextCurrent(window);
+    glfwSetKeyCallback(window, key_callback);
+
+#ifndef __wasm__
+    while (frame()) {}
+    glfwTerminate();
+#endif
+
+    return 0;
+}