diff options
Diffstat (limited to 'src/library_glfw.js')
| -rw-r--r-- | src/library_glfw.js | 586 |
1 files changed, 586 insertions, 0 deletions
diff --git a/src/library_glfw.js b/src/library_glfw.js new file mode 100644 index 00000000..71552cd8 --- /dev/null +++ b/src/library_glfw.js @@ -0,0 +1,586 @@ +/******************************************************************************* + * EMSCRIPTEN GLFW 2.7.7 emulation. + * It tries to emulate the behavior described in + * http://www.glfw.org/GLFWReference277.pdf + * + * What it does: + * - Creates a GL context. + * - Manage keyboard and mouse events. + * - GL Extensions support. + * + * What it does not but should probably do: + * - Transmit events when glfwPollEvents, glfwWaitEvents or glfwSwapBuffers is + * called. Events callbacks are called as soon as event are received. + * - Thread emulation. + * - Joystick support. + * - Image/Texture I/O support (that is deleted in GLFW 3). + * - Video modes detection. + * + * Authors: + * - Éloi Rivard <eloi.rivard@gmail.com> + * + ******************************************************************************/ + +var LibraryGLFW = { + $GLFW: { + + keyFunc: null, + charFunc: null, + mouseButtonFunc: null, + mousePosFunc: null, + mouseWheelFunc: null, + resizeFunc: null, + closeFunc: null, + refreshFunc: null, + mouseFunc: null, + params: null, + initTime: null, + wheelPos: 0, + lastX: 0, + lastY: 0, + buttons: 0, + keys: 0, + initWindowWidth: 640, + initWindowHeight: 480, + windowX: 0, + windowY: 0, + windowWidth: 0, + windowHeight: 0, + +/******************************************************************************* + * DOM EVENT CALLBACKS + ******************************************************************************/ + + DOMToGLFWKeyCode: function(keycode) { + switch (keycode) { + case 0x09: return 295 ; //DOM_VK_TAB -> GLFW_KEY_TAB + case 0x1B: return 255 ; //DOM_VK_ESCAPE -> GLFW_KEY_ESC + case 0x6A: return 313 ; //DOM_VK_MULTIPLY -> GLFW_KEY_KP_MULTIPLY + case 0x6B: return 315 ; //DOM_VK_ADD -> GLFW_KEY_KP_ADD + case 0x6D: return 314 ; //DOM_VK_SUBTRACT -> GLFW_KEY_KP_SUBTRACT + case 0x6E: return 316 ; //DOM_VK_DECIMAL -> GLFW_KEY_KP_DECIMAL + case 0x6F: return 312 ; //DOM_VK_DIVIDE -> GLFW_KEY_KP_DIVIDE + case 0x70: return 258 ; //DOM_VK_F1 -> GLFW_KEY_F1 + case 0x71: return 259 ; //DOM_VK_F2 -> GLFW_KEY_F2 + case 0x72: return 260 ; //DOM_VK_F3 -> GLFW_KEY_F3 + case 0x73: return 261 ; //DOM_VK_F4 -> GLFW_KEY_F4 + case 0x74: return 262 ; //DOM_VK_F5 -> GLFW_KEY_F5 + case 0x75: return 263 ; //DOM_VK_F6 -> GLFW_KEY_F6 + case 0x76: return 264 ; //DOM_VK_F7 -> GLFW_KEY_F7 + case 0x77: return 265 ; //DOM_VK_F8 -> GLFW_KEY_F8 + case 0x78: return 266 ; //DOM_VK_F9 -> GLFW_KEY_F9 + case 0x79: return 267 ; //DOM_VK_F10 -> GLFW_KEY_F10 + case 0x7a: return 268 ; //DOM_VK_F11 -> GLFW_KEY_F11 + case 0x7b: return 269 ; //DOM_VK_F12 -> GLFW_KEY_F12 + case 0x25: return 285 ; //DOM_VK_LEFT -> GLFW_KEY_LEFT + case 0x26: return 283 ; //DOM_VK_UP -> GLFW_KEY_UP + case 0x27: return 286 ; //DOM_VK_RIGHT -> GLFW_KEY_RIGHT + case 0x28: return 284 ; //DOM_VK_DOWN -> GLFW_KEY_DOWN + case 0x21: return 298 ; //DOM_VK_PAGE_UP -> GLFW_KEY_PAGEUP + case 0x22: return 299 ; //DOM_VK_PAGE_DOWN -> GLFW_KEY_PAGEDOWN + case 0x24: return 300 ; //DOM_VK_HOME -> GLFW_KEY_HOME + case 0x23: return 301 ; //DOM_VK_END -> GLFW_KEY_END + case 0x2d: return 296 ; //DOM_VK_INSERT -> GLFW_KEY_INSERT + case 16 : return 287 ; //DOM_VK_SHIFT -> GLFW_KEY_LSHIFT + case 0x05: return 287 ; //DOM_VK_LEFT_SHIFT -> GLFW_KEY_LSHIFT + case 0x06: return 288 ; //DOM_VK_RIGHT_SHIFT -> GLFW_KEY_RSHIFT + case 17 : return 289 ; //DOM_VK_CONTROL -> GLFW_KEY_LCTRL + case 0x03: return 289 ; //DOM_VK_LEFT_CONTROL -> GLFW_KEY_LCTRL + case 0x04: return 290 ; //DOM_VK_RIGHT_CONTROL -> GLFW_KEY_RCTRL + case 18 : return 291 ; //DOM_VK_ALT -> GLFW_KEY_LALT + case 0x02: return 291 ; //DOM_VK_LEFT_ALT -> GLFW_KEY_LALT + case 0x01: return 292 ; //DOM_VK_RIGHT_ALT -> GLFW_KEY_RALT + case 96 : return 302 ; //GLFW_KEY_KP_0 + case 97 : return 303 ; //GLFW_KEY_KP_1 + case 98 : return 304 ; //GLFW_KEY_KP_2 + case 99 : return 305 ; //GLFW_KEY_KP_3 + case 100 : return 306 ; //GLFW_KEY_KP_4 + case 101 : return 307 ; //GLFW_KEY_KP_5 + case 102 : return 308 ; //GLFW_KEY_KP_6 + case 103 : return 309 ; //GLFW_KEY_KP_7 + case 104 : return 310 ; //GLFW_KEY_KP_8 + case 105 : return 311 ; //GLFW_KEY_KP_9 + default : return keycode; + }; + }, + + //UCS-2 to UTF16 (ISO 10646) + getUnicodeChar: function(value) { + var output = ''; + if (value > 0xFFFF) { + value -= 0x10000; + output += String.fromCharCode(value >>> 10 & 0x3FF | 0xD800); + value = 0xDC00 | value & 0x3FF; + } + output += String.fromCharCode(value); + return output; + }, + + onKeyPress: function(event) { + //charCode is only available whith onKeyPress event + var char = GLFW.getUnicodeChar(event.charCode); + + if (event.charCode) { + var char = GLFW.getUnicodeChar(event.charCode); + if (char !== null && GLFW.charFunc) { + event.preventDefault(); + Runtime.dynCall('vii', GLFW.charFunc, [event.charCode, 1]); + } + } + }, + + onKeyChanged: function(event, status) { + var key = GLFW.DOMToGLFWKeyCode(event.keyCode); + if (key && GLFW.keyFunc) { + GLFW.keys[key] = status; + event.preventDefault(); + Runtime.dynCall('vii', GLFW.keyFunc, [key, status]); + } + }, + + onKeydown: function(event) { + GLFW.onKeyChanged(event, 1);//GLFW_PRESS + }, + + onKeyup: function(event) { + GLFW.onKeyChanged(event, 0);//GLFW_RELEASE + }, + + savePosition: function(event) { + /* TODO maybe loop here ala http://www.quirksmode.org/js/findpos.html */ + GLFW.lastX = event['clientX'] - Module['canvas'].offsetLeft; + GLFW.lastY = event['clientY'] - Module['canvas'].offsetTop; + }, + + onMousemove: function(event) { + /* Send motion event only if the motion changed, prevents + * spamming our app with uncessary callback call. It does happen in + * Chrome on Windows. + */ + var newX = event['clientX'] - Module['canvas'].offsetLeft; + var newY = event['clientY'] - Module['canvas'].offsetTop; + if (newX == GLFW.lastX && newY == GLFW.lastY) { + return; + } + + GLFW.savePosition(event); + + if (event.target == Module["canvas"] && GLFW.mousePosFunc) { + event.preventDefault(); + Runtime.dynCall('vii', GLFW.mousePosFunc, [GLFW.lastX, GLFW.lastY]); + } + }, + + onMouseButtonChanged: function(event, status) { + if (GLFW.mouseButtonFunc == null) { + return; + } + + GLFW.savePosition(event); + if (event.target != Module["canvas"]) { + return; + } + + if (status == 1) {//GLFW_PRESS + try { + event.target.setCapture(); + } catch (e) {} + } + + event.preventDefault(); + //DOM and glfw have the same button codes + Runtime.dynCall('vii', GLFW.mouseButtonFunc, [event['button'], status]); + }, + + onMouseButtonDown: function(event) { + GLFW.buttons |= (1 << event['button']); + GLFW.onMouseButtonChanged(event, 1);//GLFW_PRESS + }, + + onMouseButtonUp: function(event) { + GLFW.buttons &= ~(1 << event['button']); + GLFW.onMouseButtonChanged(event, 0);//GLFW_RELEASE + }, + + onMouseWheel: function(event) { + if (event.detail > 0) { + GLFW.wheelPos++; + } + + if (event.detail < 0) { + GLFW.wheelPos--; + } + + if (GLFW.mouseWheelFunc && event.target == Module["canvas"]) { + Runtime.dynCall('vi', GLFW.mouseWheelFunc, [GLFW.wheelPos]); + event.preventDefault(); + } + }, + + // TODO add fullscreen API ala: + // http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ + onFullScreenEventChange: function(event) { + var width; + var height; + if (document["fullScreen"] || document["mozFullScreen"] || document["webkitIsFullScreen"]) { + width = screen["width"]; + height = screen["height"]; + } + else { + width = GLFW.windowWidth; + height = GLFW.windowHeight; + // TODO set position + document.removeEventListener('fullscreenchange', GLFW.onFullScreenEventChange, true); + document.removeEventListener('mozfullscreenchange', GLFW.onFullScreenEventChange, true); + document.removeEventListener('webkitfullscreenchange', GLFW.onFullScreenEventChange, true); + } + Browser.setCanvasSize(width, height); + + if (GLFW.resizeFunc) { + Runtime.dynCall('vii', GLFW.resizeFunc, [width, height]); + } + }, + + requestFullScreen: function() { + var RFS = Module["canvas"]['requestFullscreen'] || + Module["canvas"]['requestFullScreen'] || + Module["canvas"]['mozRequestFullScreen'] || + Module["canvas"]['webkitRequestFullScreen'] || + (function() {}); + RFS.apply(Module["canvas"], []); + }, + + cancelFullScreen: function() { + var CFS = document['exitFullscreen'] || + document['cancelFullScreen'] || + document['mozCancelFullScreen'] || + document['webkitCancelFullScreen'] || + (function() {}); + CFS.apply(document, []); + } + }, + +/******************************************************************************* + * GLFW FUNCTIONS + ******************************************************************************/ + + /* GLFW initialization, termination and version querying */ + glfwInit: function() { + GLFW.initTime = Date.now() / 1000; + + window.addEventListener("keydown", GLFW.onKeydown, true); + window.addEventListener("keypress", GLFW.onKeyPress, true); + window.addEventListener("keyup", GLFW.onKeyup, true); + window.addEventListener("mousemove", GLFW.onMousemove, true); + window.addEventListener("mousedown", GLFW.onMouseButtonDown, true); + window.addEventListener("mouseup", GLFW.onMouseButtonUp, true); + window.addEventListener('DOMMouseScroll', GLFW.onMouseWheel, true); + window.addEventListener('mousewheel', GLFW.onMouseWheel, true); + + __ATEXIT__.push({ func: function() { + window.removeEventListener("keydown", GLFW.onKeydown, true); + window.removeEventListener("keypress", GLFW.onKeyPress, true); + window.removeEventListener("keyup", GLFW.onKeyup, true); + window.removeEventListener("mousemove", GLFW.onMousemove, true); + window.removeEventListener("mousedown", GLFW.onMouseButtonDown, true); + window.removeEventListener("mouseup", GLFW.onMouseButtonUp, true); + window.removeEventListener('DOMMouseScroll', GLFW.onMouseWheel, true); + window.removeEventListener('mousewheel', GLFW.onMouseWheel, true); + Module["canvas"].width = Module["canvas"].height = 1; + }}); + + //TODO: Init with correct values + GLFW.params = new Array(); + GLFW.params[0x00030001] = true; //GLFW_MOUSE_CURSOR + GLFW.params[0x00030002] = false; //GLFW_STICKY_KEYS + GLFW.params[0x00030003] = true; //GLFW_STICKY_MOUSE_BUTTONS + GLFW.params[0x00030004] = false; //GLFW_SYSTEM_KEYS + GLFW.params[0x00030005] = false; //GLFW_KEY_REPEAT + GLFW.params[0x00030006] = true; //GLFW_AUTO_POLL_EVENTS + GLFW.params[0x00020001] = true; //GLFW_OPENED + GLFW.params[0x00020002] = true; //GLFW_ACTIVE + GLFW.params[0x00020003] = false; //GLFW_ICONIFIED + GLFW.params[0x00020004] = true; //GLFW_ACCELERATED + GLFW.params[0x00020005] = 0; //GLFW_RED_BITS + GLFW.params[0x00020006] = 0; //GLFW_GREEN_BITS + GLFW.params[0x00020007] = 0; //GLFW_BLUE_BITS + GLFW.params[0x00020008] = 0; //GLFW_ALPHA_BITS + GLFW.params[0x00020009] = 0; //GLFW_DEPTH_BITS + GLFW.params[0x0002000A] = 0; //GLFW_STENCIL_BITS + GLFW.params[0x0002000B] = 0; //GLFW_REFRESH_RATE + GLFW.params[0x0002000C] = 0; //GLFW_ACCUM_RED_BITS + GLFW.params[0x0002000D] = 0; //GLFW_ACCUM_GREEN_BITS + GLFW.params[0x0002000E] = 0; //GLFW_ACCUM_BLUE_BITS + GLFW.params[0x0002000F] = 0; //GLFW_ACCUM_ALPHA_BITS + GLFW.params[0x00020010] = 0; //GLFW_AUX_BUFFERS + GLFW.params[0x00020011] = 0; //GLFW_STEREO + GLFW.params[0x00020012] = 0; //GLFW_WINDOW_NO_RESIZE + GLFW.params[0x00020013] = 0; //GLFW_FSAA_SAMPLES + GLFW.params[0x00020014] = 0; //GLFW_OPENGL_VERSION_MAJOR + GLFW.params[0x00020015] = 0; //GLFW_OPENGL_VERSION_MINOR + GLFW.params[0x00020016] = 0; //GLFW_OPENGL_FORWARD_COMPAT + GLFW.params[0x00020017] = 0; //GLFW_OPENGL_DEBUG_CONTEXT + GLFW.params[0x00020018] = 0; //GLFW_OPENGL_PROFILE + + GLFW.keys = new Array(); + + return 1; //GL_TRUE + }, + + glfwTerminate: function() {}, + + glfwGetVersion: function(major, minor, rev) { + setValue(major, 2, 'i32'); + setValue(minor, 7, 'i32'); + setValue(rev, 7, 'i32'); + }, + + /* Window handling */ + glfwOpenWindow__deps: ['$Browser'], + glfwOpenWindow: function(width, height, redbits, greenbits, bluebits, alphabits, depthbits, stencilbits, mode) { + if (width == 0 && height > 0) { + width = 4 * height / 3; + } + if (width > 0 && height == 0) { + height = 3 * width / 4; + } + GLFW.params[0x00020005] = redbits; //GLFW_RED_BITS + GLFW.params[0x00020006] = greenbits; //GLFW_GREEN_BITS + GLFW.params[0x00020007] = bluebits; //GLFW_BLUE_BITS + GLFW.params[0x00020008] = alphabits; //GLFW_ALPHA_BITS + GLFW.params[0x00020009] = depthbits; //GLFW_DEPTH_BITS + GLFW.params[0x0002000A] = stencilbits; //GLFW_STENCIL_BITS + + if (mode == 0x00010001) {//GLFW_WINDOW + Browser.setCanvasSize(GLFW.initWindowWidth = width, + GLFW.initWindowHeight = height); + GLFW.params[0x00030003] = true; //GLFW_STICKY_MOUSE_BUTTONS + } + else if (mode == 0x00010002) {//GLFW_FULLSCREEN + GLFW.requestFullScreen(); + GLFW.params[0x00030003] = false; //GLFW_STICKY_MOUSE_BUTTONS + } + else{ + throw "Invalid glfwOpenWindow mode."; + } + + Module.ctx = Browser.createContext(Module['canvas'], true, true); + return 1; //GL_TRUE + }, + + glfwOpenWindowHint: function(target, hint) { + GLFW.params[target] = hint; + }, + + glfwCloseWindow__deps: ['$Browser'], + glfwCloseWindow: function() { + if (GLFW.closeFunc) { + Runtime.dynCall('v', GLFW.closeFunc, []); + } + Module.ctx = Browser.destroyContext(Module['canvas'], true, true); + }, + + glfwSetWindowTitle: function(title) { + document.title = Pointer_stringify(title); + }, + + glfwGetWindowSize: function(width, height) { + setValue(width, Module['canvas'].width, 'i32'); + setValue(height, Module['canvas'].height, 'i32'); + }, + + glfwSetWindowSize: function(width, height) { + GLFW.cancelFullScreen(); + Browser.setCanvasSize(width, height); + if (GLFW.resizeFunc) { + Runtime.dynCall('vii', GLFW.resizeFunc, [width, height]); + } + }, + + glfwSetWindowPos: function(x, y) {}, + + glfwIconifyWindow: function() {}, + + glfwRestoreWindow: function() {}, + + glfwSwapBuffers: function() {}, + + glfwSwapInterval: function(interval) {}, + + glfwGetWindowParam: function(param) { + return GLFW.params[param]; + }, + + glfwSetWindowSizeCallback: function(cbfun) { + GLFW.resizeFunc = cbfun; + }, + + glfwSetWindowCloseCallback: function(cbfun) { + GLFW.closeFunc = cbfun; + }, + + glfwSetWindowRefreshCallback: function(cbfun) { + GLFW.refreshFunc = cbfun; + }, + + /* Video mode functions */ + glfwGetVideoModes: function(list, maxcount) { throw "glfwGetVideoModes is not implemented."; }, + + glfwGetDesktopMode: function(mode) { throw "glfwGetDesktopMode is not implemented."; }, + + /* Input handling */ + glfwPollEvents: function() {}, + + glfwWaitEvents: function() {}, + + glfwGetKey: function(key) { + return GLFW.keys[key]; + }, + + glfwGetMouseButton: function(button) { + return (GLFW.buttons & (1 << button)) > 0; + }, + + glfwGetMousePos: function(xpos, ypos) { + setValue(xpos, GLFW.lastX, 'i32'); + setValue(ypos, GLFW.lastY, 'i32'); + }, + + //I believe it is not possible to move the mouse with javascript + glfwSetMousePos: function(xpos, ypos) {}, + + glfwGetMouseWheel: function() { + return GLFW.wheelPos; + }, + + glfwSetMouseWheel: function(pos) { + GLFW.wheelPos = pos; + }, + + glfwSetKeyCallback: function(cbfun) { + GLFW.keyFunc = cbfun; + }, + + glfwSetCharCallback: function(cbfun) { + GLFW.charFunc = cbfun; + }, + + glfwSetMouseButtonCallback: function(cbfun) { + GLFW.mouseButtonFunc = cbfun; + }, + + glfwSetMousePosCallback: function(cbfun) { + GLFW.mouseFunc = cbfun; + }, + + glfwSetMouseWheelCallback: function(cbfun) { + GLFW.mouseWheelFunc = cbfun; + }, + + /* Joystick input */ + glfwGetJoystickParam: function(joy, param) { throw "glfwGetJoystickParam is not implemented."; }, + + glfwGetJoystickPos: function(joy, pos, numaxes) { throw "glfwGetJoystickPos is not implemented."; }, + + glfwGetJoystickButtons: function(joy, buttons, numbuttons) { throw "glfwGetJoystickButtons is not implemented."; }, + + /* Time */ + glfwGetTime: function() { + return (Date.now()/1000) - GLFW.initTime; + }, + + glfwSetTime: function(time) { + GLFW.initTime = Date.now()/1000 + time; + }, + + glfwSleep__deps: ['sleep'], + glfwSleep: function(time) { + _sleep(time); + }, + + /* Extension support */ + glfwExtensionSupported: function(extension) { + return Module.ctx.getSupportedExtensions().indexOf(Pointer_stringify(extension)) > -1; + }, + + glfwGetProcAddress__deps: ['glfwGetProcAddress'], + glfwGetProcAddress: function(procname) { + return _getProcAddress(procname); + }, + + glfwGetGLVersion: function(major, minor, rev) { + setValue(major, 0, 'i32'); + setValue(minor, 0, 'i32'); + setValue(rev, 1, 'i32'); + }, + + /* Threading support */ + glfwCreateThread: function(fun, arg) { + var str = 'v'; + for (var i in arg) { + str += 'i'; + } + Runtime.dynCall(str, fun, arg); + //One single thread + return 0; + }, + + glfwDestroyThread: function(ID) {}, + + glfwWaitThread: function(ID, waitmode) {}, + + glfwGetThreadID: function() { + //One single thread + return 0; + }, + + glfwCreateMutex: function() { throw "glfwCreateMutex is not implemented."; }, + + glfwDestroyMutex: function(mutex) { throw "glfwDestroyMutex is not implemented."; }, + + glfwLockMutex: function(mutex) { throw "glfwLockMutex is not implemented."; }, + + glfwUnlockMutex: function(mutex) { throw "glfwUnlockMutex is not implemented."; }, + + glfwCreateCond: function() { throw "glfwCreateCond is not implemented."; }, + + glfwDestroyCond: function(cond) { throw "glfwDestroyCond is not implemented."; }, + + glfwWaitCond: function(cond, mutex, timeout) { throw "glfwWaitCond is not implemented."; }, + + glfwSignalCond: function(cond) { throw "glfwSignalCond is not implemented."; }, + + glfwBroadcastCond: function(cond) { throw "glfwBroadcastCond is not implemented."; }, + + glfwGetNumberOfProcessors: function() { + //Threads are disabled anyway… + return 1; + }, + + /* Enable/disable functions */ + glfwEnable: function(token) { + GLFW.params[token] = false; + }, + + glfwDisable: function(token) { + GLFW.params[token] = true; + }, + + /* Image/texture I/O support */ + glfwReadImage: function(name, img, flags) { throw "glfwReadImage is not implemented."; }, + + glfwReadMemoryImage: function(data, size, img, flags) { throw "glfwReadMemoryImage is not implemented."; }, + + glfwFreeImage: function(img) { throw "glfwFreeImage is not implemented."; }, + + glfwLoadTexture2D: function(name, flags) { throw "glfwLoadTexture2D is not implemented."; }, + + glfwLoadMemoryTexture2D: function(data, size, flags) { throw "glfwLoadMemoryTexture2D is not implemented."; }, + + glfwLoadTextureImage2D: function(img, flags) { throw "glfwLoadTextureImage2D is not implemented."; }, +}; + +autoAddDeps(LibraryGLFW, '$GLFW'); +mergeInto(LibraryManager.library, LibraryGLFW); + + |