//"use strict"; // See browser tests for examples (tests/runner.py, search for sdl_). Run with // python tests/runner.py browser // Notes: // SDL_VIDEORESIZE: This is sent when the canvas is resized. Note that the user // cannot manually do so, so this is only sent when the // program manually resizes it (emscripten_set_canvas_size // or otherwise). var LibrarySDL = { $SDL__deps: ['$FS', '$PATH', '$Browser'], $SDL: { defaults: { width: 320, height: 200, copyOnLock: true }, version: null, surfaces: {}, // A pool of freed canvas elements. Reusing them avoids GC pauses. canvasPool: [], events: [], fonts: [null], // The currently preloaded audio elements ready to be played audios: [null], rwops: [null], // The currently playing audio element. There's only one music track. music: { audio: null, volume: 1.0 }, mixerFrequency: 22050, mixerFormat: {{{ cDefine('AUDIO_S16LSB') }}}, //0x8010, // AUDIO_S16LSB mixerNumChannels: 2, mixerChunkSize: 1024, channelMinimumNumber: 0, GL: false, // Set to true if we call SDL_SetVideoMode with SDL_OPENGL, and if so, we do not create 2D canvases&contexts for blitting // Note that images loaded before SDL_SetVideoMode will not get this optimization keyboardState: null, keyboardMap: {}, canRequestFullscreen: false, isRequestingFullscreen: false, textInput: false, startTime: null, buttonState: 0, modState: 0, DOMButtons: [0, 0, 0], DOMEventToSDLEvent: {}, keyCodes: { // DOM code ==> SDL code. See https://developer.mozilla.org/en/Document_Object_Model_%28DOM%29/KeyboardEvent and SDL_keycode.h 46: 127, // SDLK_DEL == '\177' 38: 1106, // up arrow 40: 1105, // down arrow 37: 1104, // left arrow 39: 1103, // right arrow 33: 1099, // pagedup 34: 1102, // pagedown 17: 1248, // control (right, or left) 18: 1250, // alt 173: 45, // minus 16: 1249, // shift 96: 88 | 1<<10, // keypad 0 97: 89 | 1<<10, // keypad 1 98: 90 | 1<<10, // keypad 2 99: 91 | 1<<10, // keypad 3 100: 92 | 1<<10, // keypad 4 101: 93 | 1<<10, // keypad 5 102: 94 | 1<<10, // keypad 6 103: 95 | 1<<10, // keypad 7 104: 96 | 1<<10, // keypad 8 105: 97 | 1<<10, // keypad 9 112: 58 | 1<<10, // F1 113: 59 | 1<<10, // F2 114: 60 | 1<<10, // F3 115: 61 | 1<<10, // F4 116: 62 | 1<<10, // F5 117: 63 | 1<<10, // F6 118: 64 | 1<<10, // F7 119: 65 | 1<<10, // F8 120: 66 | 1<<10, // F9 121: 67 | 1<<10, // F10 122: 68 | 1<<10, // F11 123: 69 | 1<<10, // F12 188: 44, // comma 190: 46, // period 191: 47, // slash (/) 192: 96, // backtick/backquote (`) }, scanCodes: { // SDL keycode ==> SDL scancode. See SDL_scancode.h 97: 4, // A 98: 5, 99: 6, 100: 7, 101: 8, 102: 9, 103: 10, 104: 11, 105: 12, 106: 13, 107: 14, 108: 15, 109: 16, 110: 17, 111: 18, 112: 19, 113: 20, 114: 21, 115: 22, 116: 23, 117: 24, 118: 25, 119: 26, 120: 27, 121: 28, 122: 29, // Z 44: 54, // comma 46: 55, // period 47: 56, // slash 49: 30, // 1 50: 31, 51: 32, 52: 33, 53: 34, 54: 35, 55: 36, 56: 37, 57: 38, // 9 48: 39, // 0 13: 40, // return 9: 43, // tab 27: 41, // escape 32: 44, // space 92: 49, // backslash 305: 224, // ctrl 308: 226, // alt }, loadRect: function(rect) { return { x: {{{ makeGetValue('rect + ' + C_STRUCTS.SDL_Rect.x, '0', 'i32') }}}, y: {{{ makeGetValue('rect + ' + C_STRUCTS.SDL_Rect.y, '0', 'i32') }}}, w: {{{ makeGetValue('rect + ' + C_STRUCTS.SDL_Rect.w, '0', 'i32') }}}, h: {{{ makeGetValue('rect + ' + C_STRUCTS.SDL_Rect.h, '0', 'i32') }}} }; }, // Load SDL color into a CSS-style color specification loadColorToCSSRGB: function(color) { var rgba = {{{ makeGetValue('color', '0', 'i32') }}}; return 'rgb(' + (rgba&255) + ',' + ((rgba >> 8)&255) + ',' + ((rgba >> 16)&255) + ')'; }, loadColorToCSSRGBA: function(color) { var rgba = {{{ makeGetValue('color', '0', 'i32') }}}; return 'rgba(' + (rgba&255) + ',' + ((rgba >> 8)&255) + ',' + ((rgba >> 16)&255) + ',' + (((rgba >> 24)&255)/255) + ')'; }, translateColorToCSSRGBA: function(rgba) { return 'rgba(' + (rgba&0xff) + ',' + (rgba>>8 & 0xff) + ',' + (rgba>>16 & 0xff) + ',' + (rgba>>>24)/0xff + ')'; }, translateRGBAToCSSRGBA: function(r, g, b, a) { return 'rgba(' + (r&0xff) + ',' + (g&0xff) + ',' + (b&0xff) + ',' + (a&0xff)/255 + ')'; }, translateRGBAToColor: function(r, g, b, a) { return r | g << 8 | b << 16 | a << 24; }, makeSurface: function(width, height, flags, usePageCanvas, source, rmask, gmask, bmask, amask) { flags = flags || 0; var surf = _malloc({{{ C_STRUCTS.SDL_Surface.__size__ }}}); // SDL_Surface has 15 fields of quantum size var buffer = _malloc(width*height*4); // TODO: only allocate when locked the first time var pixelFormat = _malloc({{{ C_STRUCTS.SDL_PixelFormat.__size__ }}}); flags |= 1; // SDL_HWSURFACE - this tells SDL_MUSTLOCK that this needs to be locked //surface with SDL_HWPALETTE flag is 8bpp surface (1 byte) var is_SDL_HWPALETTE = flags & 0x00200000; var bpp = is_SDL_HWPALETTE ? 1 : 4; {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.flags, 'flags', 'i32') }}} // SDL_Surface.flags {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.format, 'pixelFormat', 'void*') }}} // SDL_Surface.format TODO {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.w, 'width', 'i32') }}} // SDL_Surface.w {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.h, 'height', 'i32') }}} // SDL_Surface.h {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.pitch, 'width * bpp', 'i32') }}} // SDL_Surface.pitch, assuming RGBA or indexed for now, // since that is what ImageData gives us in browsers {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.pixels, 'buffer', 'void*') }}} // SDL_Surface.pixels {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.clip_rect, '0', 'i32*') }}} // SDL_Surface.offset {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.refcount, '1', 'i32') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.format, cDefine('SDL_PIXELFORMAT_RGBA8888'), 'i32') }}} // SDL_PIXELFORMAT_RGBA8888 {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.palette, '0', 'i32') }}} // TODO {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.BitsPerPixel, 'bpp * 8', 'i8') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.BytesPerPixel, 'bpp', 'i8') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.Rmask, 'rmask || 0x000000ff', 'i32') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.Gmask, 'gmask || 0x0000ff00', 'i32') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.Bmask, 'bmask || 0x00ff0000', 'i32') }}} {{{ makeSetValue('pixelFormat', C_STRUCTS.SDL_PixelFormat.Amask, 'amask || 0xff000000', 'i32') }}} // Decide if we want to use WebGL or not var useWebGL = (flags & 0x04000000) != 0; // SDL_OPENGL SDL.GL = SDL.GL || useWebGL; var canvas; if (!usePageCanvas) { if (SDL.canvasPool.length > 0) { canvas = SDL.canvasPool.pop(); } else { canvas = document.createElement('canvas'); } canvas.width = width; canvas.height = height; } else { canvas = Module['canvas']; } var ctx = Browser.createContext(canvas, useWebGL, usePageCanvas); SDL.surfaces[surf] = { width: width, height: height, canvas: canvas, ctx: ctx, surf: surf, buffer: buffer, pixelFormat: pixelFormat, alpha: 255, flags: flags, locked: 0, usePageCanvas: usePageCanvas, source: source, isFlagSet: function(flag) { return flags & flag; } }; return surf; }, // Copy data from the C++-accessible storage to the canvas backing // for surface with HWPALETTE flag(8bpp depth) copyIndexedColorData: function(surfData, rX, rY, rW, rH) { // HWPALETTE works with palette // setted by SDL_SetColors if (!surfData.colors) { return; } var fullWidth = Module['canvas'].width; var fullHeight = Module['canvas'].height; var startX = rX || 0; var startY = rY || 0; var endX = (rW || (fullWidth - startX)) + startX; var endY = (rH || (fullHeight - startY)) + startY; var buffer = surfData.buffer; var data = surfData.image.data; var colors = surfData.colors; for (var y = startY; y < endY; ++y) { var indexBase = y * fullWidth; var colorBase = indexBase * 4; for (var x = startX; x < endX; ++x) { // HWPALETTE have only 256 colors (not rgba) var index = {{{ makeGetValue('buffer + indexBase + x', '0', 'i8', null, true) }}} * 3; var colorOffset = colorBase + x * 4; data[colorOffset ] = colors[index ]; data[colorOffset +1] = colors[index +1]; data[colorOffset +2] = colors[index +2]; //unused: data[colorOffset +3] = color[index +3]; } } }, freeSurface: function(surf) { var refcountPointer = surf + {{{ C_STRUCTS.SDL_Surface.refcount }}}; var refcount = {{{ makeGetValue('refcountPointer', '0', 'i32') }}}; if (refcount > 1) { {{{ makeSetValue('refcountPointer', '0', 'refcount - 1', 'i32') }}}; return; } var info = SDL.surfaces[surf]; if (!info.usePageCanvas && info.canvas) SDL.canvasPool.push(info.canvas); _free(info.buffer); _free(info.pixelFormat); _free(surf); SDL.surfaces[surf] = null; }, touchX: 0, touchY: 0, savedKeydown: null, receiveEvent: function(event) { switch(event.type) { case 'touchstart': event.preventDefault(); var touch = event.touches[0]; touchX = touch.pageX; touchY = touch.pageY; var event = { type: 'mousedown', button: 0, pageX: touchX, pageY: touchY }; SDL.DOMButtons[0] = 1; SDL.events.push(event); break; case 'touchmove': event.preventDefault(); var touch = event.touches[0]; touchX = touch.pageX; touchY = touch.pageY; event = { type: 'mousemove', button: 0, pageX: touchX, pageY: touchY }; SDL.events.push(event); break; case 'touchend': event.preventDefault(); event = { type: 'mouseup', button: 0, pageX: touchX, pageY: touchY }; SDL.DOMButtons[0] = 0; SDL.events.push(event); break; case 'mousemove': if (Browser.pointerLock) { // workaround for firefox bug 750111 if ('mozMovementX' in event) { event['movementX'] = event['mozMovementX']; event['movementY'] = event['mozMovementY']; } // workaround for Firefox bug 782777 if (event['movementX'] == 0 && event['movementY'] == 0) { // ignore a mousemove event if it doesn't contain any movement info // (without pointer lock, we infer movement from pageX/pageY, so this check is unnecessary) event.preventDefault(); return; } } // fall through case 'keydown': case 'keyup': case 'keypress': case 'mousedown': case 'mouseup': case 'DOMMouseScroll': case 'mousewheel': // If we preventDefault on keydown events, the subsequent keypress events // won't fire. However, it's fine (and in some cases necessary) to // preventDefault for keys that don't generate a character. Otherwise, // preventDefault is the right thing to do in general. if (event.type !== 'keydown' || (event.keyCode === 8 /* backspace */ || event.keyCode === 9 /* tab */)) { event.preventDefault(); } if (event.type == 'DOMMouseScroll' || event.type == 'mousewheel') { var button = (event.type == 'DOMMouseScroll' ? event.detail : -event.wheelDelta) > 0 ? 4 : 3; var event2 = { type: 'mousedown', button: button, pageX: event.pageX, pageY: event.pageY }; SDL.events.push(event2); event = { type: 'mouseup', button: button, pageX: event.pageX, pageY: event.pageY }; } else if (event.type == 'mousedown') { SDL.DOMButtons[event.button] = 1; } else if (event.type == 'mouseup') { // ignore extra ups, can happen if we leave the canvas while pressing down, then return, // since we add a mouseup in that case if (!SDL.DOMButtons[event.button]) { return; } SDL.DOMButtons[event.button] = 0; } // We can only request fullscreen as the result of user input. // Due to this limitation, we toggle a boolean on keydown which // SDL_WM_ToggleFullScreen will check and subsequently set another // flag indicating for us to request fullscreen on the following // keyup. This isn't perfect, but it enables SDL_WM_ToggleFullScreen // to work as the result of a keypress (which is an extremely // common use case). if (event.type === 'keydown') { SDL.canRequestFullscreen = true; } else if (event.type === 'keyup') { if (SDL.isRequestingFullscreen) { Module['requestFullScreen'](true, true); SDL.isRequestingFullscreen = false; } SDL.canRequestFullscreen = false; } // SDL expects a unicode character to be passed to its keydown events. // Unfortunately, the browser APIs only provide a charCode property on // keypress events, so we must backfill in keydown events with their // subsequent keypress event's charCode. if (event.type === 'keypress' && SDL.savedKeydown) { // charCode is read-only SDL.savedKeydown.keypressCharCode = event.charCode; SDL.savedKeydown = null; } else if (event.type === 'keydown') { SDL.savedKeydown = event; } // Don't push keypress events unless SDL_StartTextInput has been called. if (event.type !== 'keypress' || SDL.textInput) { SDL.events.push(event); } break; case 'mouseout': // Un-press all pressed mouse buttons, because we might miss the release outside of the canvas for (var i = 0; i < 3; i++) { if (SDL.DOMButtons[i]) { SDL.events.push({ type: 'mouseup', button: i, pageX: event.pageX, pageY: event.pageY }); SDL.DOMButtons[i] = 0; } } event.preventDefault(); break; case 'blur': case 'visibilitychange': { // Un-press all pressed keys: TODO for (var code in SDL.keyboardMap) { SDL.events.push({ type: 'keyup', keyCode: SDL.keyboardMap[code] }); } event.preventDefault(); break; } case 'unload': if (Browser.mainLoop.runner) { SDL.events.push(event); // Force-run a main event loop, since otherwise this event will never be caught! Browser.mainLoop.runner(); } return; case 'resize': SDL.events.push(event); // manually triggered resize event doesn't have a preventDefault member if (event.preventDefault) { event.preventDefault(); } break; } if (SDL.events.length >= 10000) { Module.printErr('SDL event queue full, dropping events'); SDL.events = SDL.events.slice(0, 10000); } return; }, handleEvent: function(event) { if (event.handled) return; event.handled = true; switch (event.type) { case 'keydown': case 'keyup': { var down = event.type === 'keydown'; var code = event.keyCode; if (code >= 65 && code <= 90) { code += 32; // make lowercase for SDL } else { code = SDL.keyCodes[event.keyCode] || event.keyCode; } {{{ makeSetValue('SDL.keyboardState', 'code', 'down', 'i8') }}}; // TODO: lmeta, rmeta, numlock, capslock, KMOD_MODE, KMOD_RESERVED SDL.modState = ({{{ makeGetValue('SDL.keyboardState', '1248', 'i8') }}} ? 0x0040 | 0x0080 : 0) | // KMOD_LCTRL & KMOD_RCTRL ({{{ makeGetValue('SDL.keyboardState', '1249', 'i8') }}} ? 0x0001 | 0x0002 : 0) | // KMOD_LSHIFT & KMOD_RSHIFT ({{{ makeGetValue('SDL.keyboardState', '1250', 'i8') }}} ? 0x0100 | 0x0200 : 0); // KMOD_LALT & KMOD_RALT if (down) { SDL.keyboardMap[code] = event.keyCode; // save the DOM input, which we can use to unpress it during blur } else { delete SDL.keyboardMap[code]; } break; } case 'mousedown': case 'mouseup': if (event.type == 'mousedown') { // SDL_BUTTON(x) is defined as (1 << ((x)-1)). SDL buttons are 1-3, // and DOM buttons are 0-2, so this means that the below formula is // correct. SDL.buttonState |= 1 << event.button; } else if (event.type == 'mouseup') { SDL.buttonState &= ~(1 << event.button); } // fall through case 'mousemove': { Browser.calculateMouseEvent(event); break; } } }, makeCEvent: function(event, ptr) { if (typeof event === 'number') { // This is a pointer to a native C event that was SDL_PushEvent'ed _memcpy(ptr, event, {{{ C_STRUCTS.SDL_KeyboardEvent.__size__ }}}); // XXX return; } SDL.handleEvent(event); switch (event.type) { case 'keydown': case 'keyup': { var down = event.type === 'keydown'; //Module.print('Received key event: ' + event.keyCode); var key = event.keyCode; if (key >= 65 && key <= 90) { key += 32; // make lowercase for SDL } else { key = SDL.keyCodes[event.keyCode] || event.keyCode; } var scan; if (key >= 1024) { scan = key - 1024; } else { scan = SDL.scanCodes[key] || key; } {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}} {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.state, 'down ? 1 : 0', 'i8') }}} {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.repeat, '0', 'i8') }}} // TODO {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.keysym + C_STRUCTS.SDL_Keysym.scancode, 'scan', 'i32') }}} {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.keysym + C_STRUCTS.SDL_Keysym.sym, 'key', 'i32') }}} {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.keysym + C_STRUCTS.SDL_Keysym.mod, 'SDL.modState', 'i16') }}} // some non-character keys (e.g. backspace and tab) won't have keypressCharCode set, fill in with the keyCode. {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.keysym + C_STRUCTS.SDL_Keysym.unicode, 'event.keypressCharCode || key', 'i32') }}} break; } case 'keypress': { {{{ makeSetValue('ptr', C_STRUCTS.SDL_TextInputEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}} // Not filling in windowID for now var cStr = intArrayFromString(String.fromCharCode(event.charCode)); for (var i = 0; i < cStr.length; ++i) { {{{ makeSetValue('ptr', C_STRUCTS.SDL_TextInputEvent.text + ' + i', 'cStr[i]', 'i8') }}}; } break; } case 'mousedown': case 'mouseup': case 'mousemove': { if (event.type != 'mousemove') { var down = event.type === 'mousedown'; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseButtonEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseButtonEvent.button, 'event.button+1', 'i8') }}}; // DOM buttons are 0-2, SDL 1-3 {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseButtonEvent.state, 'down ? 1 : 0', 'i8') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseButtonEvent.x, 'Browser.mouseX', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseButtonEvent.y, 'Browser.mouseY', 'i32') }}}; } else { {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.state, 'SDL.buttonState', 'i8') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.x, 'Browser.mouseX', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.y, 'Browser.mouseY', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.xrel, 'Browser.mouseMovementX', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_MouseMotionEvent.yrel, 'Browser.mouseMovementY', 'i32') }}}; } break; } case 'unload': { {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}}; break; } case 'resize': { {{{ makeSetValue('ptr', C_STRUCTS.SDL_KeyboardEvent.type, 'SDL.DOMEventToSDLEvent[event.type]', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_ResizeEvent.w, 'event.w', 'i32') }}}; {{{ makeSetValue('ptr', C_STRUCTS.SDL_ResizeEvent.h, 'event.h', 'i32') }}}; break; } default: throw 'Unhandled SDL event: ' + event.type; } }, estimateTextWidth: function(fontData, text) { var h = fontData.size; var fontString = h + 'px ' + fontData.name; var tempCtx = SDL.ttfContext; #if ASSERTIONS assert(tempCtx, 'TTF_Init must have been called'); #endif tempCtx.save(); tempCtx.font = fontString; var ret = tempCtx.measureText(text).width | 0; tempCtx.restore(); return ret; }, // Sound // Channels are a SDL abstraction for allowing multiple sound tracks to be // played at the same time. We don't need to actually implement the mixing // since the browser engine handles that for us. Therefore, in JS we just // maintain a list of channels and return IDs for them to the SDL consumer. allocateChannels: function(num) { // called from Mix_AllocateChannels and init if (SDL.numChannels && SDL.numChannels >= num && num != 0) return; SDL.numChannels = num; SDL.channels = []; for (var i = 0; i < num; i++) { SDL.channels[i] = { audio: null, volume: 1.0 }; } }, setGetVolume: function(info, volume) { if (!info) return 0; var ret = info.volume * 128; // MIX_MAX_VOLUME if (volume != -1) { info.volume = volume / 128; if (info.audio) info.audio.volume = info.volume; } return ret; }, // Debugging debugSurface: function(surfData) { console.log('dumping surface ' + [surfData.surf, surfData.source, surfData.width, surfData.height]); var image = surfData.ctx.getImageData(0, 0, surfData.width, surfData.height); var data = image.data; var num = Math.min(surfData.width, surfData.height); for (var i = 0; i < num; i++) { console.log(' diagonal ' + i + ':' + [data[i*surfData.width*4 + i*4 + 0], data[i*surfData.width*4 + i*4 + 1], data[i*surfData.width*4 + i*4 + 2], data[i*surfData.width*4 + i*4 + 3]]); } } }, SDL_Linked_Version: function() { if (SDL.version === null) { SDL.version = _malloc({{{ C_STRUCTS.SDL_version.__size__ }}}); {{{ makeSetValue('SDL.version + ' + C_STRUCTS.SDL_version.major, '0', '1', 'i8') }}} {{{ makeSetValue('SDL.version + ' + C_STRUCTS.SDL_version.minor, '0', '3', 'i8') }}} {{{ makeSetValue('SDL.version + ' + C_STRUCTS.SDL_version.patch, '0', '0', 'i8') }}} } return SDL.version; }, SDL_Init: function(what) { SDL.startTime = Date.now(); // capture all key events. we just keep down and up, but also capture press to prevent default actions if (!Module['doNotCaptureKeyboard']) { document.addEventListener("keydown", SDL.receiveEvent); document.addEventListener("keyup", SDL.receiveEvent); document.addEventListener("keypress", SDL.receiveEvent); window.addEventListener("blur", SDL.receiveEvent); document.addEventListener("visibilitychange", SDL.receiveEvent); } window.addEventListener("unload", SDL.receiveEvent); SDL.keyboardState = _malloc(0x10000); // Our SDL needs 512, but 64K is safe for older SDLs _memset(SDL.keyboardState, 0, 0x10000); // Initialize this structure carefully for closure SDL.DOMEventToSDLEvent['keydown'] = 0x300 /* SDL_KEYDOWN */; SDL.DOMEventToSDLEvent['keyup'] = 0x301 /* SDL_KEYUP */; SDL.DOMEventToSDLEvent['keypress'] = 0x303 /* SDL_TEXTINPUT */; SDL.DOMEventToSDLEvent['mousedown'] = 0x401 /* SDL_MOUSEBUTTONDOWN */; SDL.DOMEventToSDLEvent['mouseup'] = 0x402 /* SDL_MOUSEBUTTONUP */; SDL.DOMEventToSDLEvent['mousemove'] = 0x400 /* SDL_MOUSEMOTION */; SDL.DOMEventToSDLEvent['unload'] = 0x100 /* SDL_QUIT */; SDL.DOMEventToSDLEvent['resize'] = 0x7001 /* SDL_VIDEORESIZE/SDL_EVENT_COMPAT2 */; return 0; // success }, SDL_WasInit__deps: ['SDL_Init'], SDL_WasInit: function() { if (SDL.startTime === null) { _SDL_Init(); } return 1; }, SDL_GetVideoInfo: function() { // %struct.SDL_VideoInfo = type { i32, i32, %struct.SDL_PixelFormat*, i32, i32 } - 5 fields of quantum size var ret = _malloc(5*Runtime.QUANTUM_SIZE); {{{ makeSetValue('ret+Runtime.QUANTUM_SIZE*0', '0', '0', 'i32') }}} // TODO {{{ makeSetValue('ret+Runtime.QUANTUM_SIZE*1', '0', '0', 'i32') }}} // TODO {{{ makeSetValue('ret+Runtime.QUANTUM_SIZE*2', '0', '0', 'void*') }}} {{{ makeSetValue('ret+Runtime.QUANTUM_SIZE*3', '0', 'Module["canvas"].width', 'i32') }}} {{{ makeSetValue('ret+Runtime.QUANTUM_SIZE*4', '0', 'Module["canvas"].height', 'i32') }}} return ret; }, SDL_ListModes: function(format, flags) { return -1; // -1 == all modes are ok. TODO }, SDL_VideoModeOK: function(width, height, depth, flags) { // SDL_VideoModeOK returns 0 if the requested mode is not supported under any bit depth, or returns the // bits-per-pixel of the closest available mode with the given width, height and requested surface flags return depth; // all modes are ok. }, SDL_AudioDriverName__deps: ['SDL_VideoDriverName'], SDL_AudioDriverName: function(buf, max_size) { return _SDL_VideoDriverName(buf, max_size); }, SDL_VideoDriverName: function(buf, max_size) { if (SDL.startTime === null) { return 0; //return NULL } //driverName - emscripten_sdl_driver var driverName = [101, 109, 115, 99, 114, 105, 112, 116, 101, 110, 95, 115, 100, 108, 95, 100, 114, 105, 118, 101, 114]; var index = 0; var size = driverName.length; if (max_size <= size) { size = max_size - 1; //-1 cause null-terminator } while (index < size) { var value = driverName[index]; {{{ makeSetValue('buf', 'index', 'value', 'i8') }}}; index++; } {{{ makeSetValue('buf', 'index', '0', 'i8') }}}; return buf; }, SDL_SetVideoMode: function(width, height, depth, flags) { ['mousedown', 'mouseup', 'mousemove', 'DOMMouseScroll', 'mousewheel', 'mouseout'].forEach(function(event) { Module['canvas'].addEventListener(event, SDL.receiveEvent, true); }); Browser.setCanvasSize(width, height, true); // Free the old surface first. if (SDL.screen) { SDL.freeSurface(SDL.screen); SDL.screen = null; } SDL.screen = SDL.makeSurface(width, height, flags, true, 'screen'); if (!SDL.addedResizeListener) { SDL.addedResizeListener = true; Browser.resizeListeners.push(function(w, h) { SDL.receiveEvent({ type: 'resize', w: w, h: h }); }); } return SDL.screen; }, SDL_GetVideoSurface: function() { return SDL.screen; }, SDL_QuitSubSystem: function(flags) { Module.print('SDL_QuitSubSystem called (and ignored)'); }, SDL_Quit: function() { for (var i = 0; i < SDL.numChannels; ++i) { if (SDL.channels[i].audio) { SDL.channels[i].audio.pause(); } } if (SDL.music.audio) { SDL.music.audio.pause(); } Module.print('SDL_Quit called (and ignored)'); }, // Copy data from the canvas backing to a C++-accessible storage SDL_LockSurface: function(surf) { var surfData = SDL.surfaces[surf]; surfData.locked++; if (surfData.locked > 1) return 0; // Mark in C/C++-accessible SDL structure // SDL_Surface has the following fields: Uint32 flags, SDL_PixelFormat *format; int w, h; Uint16 pitch; void *pixels; ... // So we have fields all of the same size, and 5 of them before us. // TODO: Use macros like in library.js {{{ makeSetValue('surf', C_STRUCTS.SDL_Surface.pixels, 'surfData.buffer', 'void*') }}}; if (surf == SDL.screen && Module.screenIsReadOnly && surfData.image) return 0; surfData.image = surfData.ctx.getImageData(0, 0, surfData.width, surfData.height); if (surf == SDL.screen) { var data = surfData.image.data; var num = data.length; for (var i = 0; i < num/4; i++) { data[i*4+3] = 255; // opacity, as canvases blend alpha } } if (SDL.defaults.copyOnLock) { // Copy pixel data to somewhere accessible to 'C/C++' if (surfData.isFlagSet(0x00200000 /* SDL_HWPALETTE */)) { // If this is neaded then // we should compact the data from 32bpp to 8bpp index. // I think best way to implement this is use // additional colorMap hash (color->index). // Something like this: // // var size = surfData.width * surfData.height; // var data = ''; // for (var i = 0; i 0) return; // Copy pixel data to image if (surfData.isFlagSet(0x00200000 /* SDL_HWPALETTE */)) { SDL.copyIndexedColorData(surfData); } else if (!surfData.colors) { var data = surfData.image.data; var buffer = surfData.buffer; #if USE_TYPED_ARRAYS == 2 assert(buffer % 4 == 0, 'Invalid buffer offset: ' + buffer); var src = buffer >> 2; var dst = 0; var isScreen = surf == SDL.screen; var data32 = new Uint32Array(data.buffer); var num = data32.length; while (dst < num) { // HEAP32[src++] is an optimization. Instead, we could do {{{ makeGetValue('buffer', 'dst', 'i32') }}}; data32[dst++] = HEAP32[src++] | (isScreen ? 0xff000000 : 0); } #else var num = surfData.image.data.length; for (var i = 0; i < num; i++) { // We may need to correct signs here. Potentially you can hardcode a write of 255 to alpha, say, and // the compiler may decide to write -1 in the llvm bitcode... data[i] = {{{ makeGetValue('buffer', 'i', 'i8', null, true) }}}; if (i % 4 == 3) data[i] = 0xff; } #endif } else { var width = Module['canvas'].width; var height = Module['canvas'].height; var s = surfData.buffer; var data = surfData.image.data; var colors = surfData.colors; for (var y = 0; y < height; y++) { var base = y*width*4; for (var x = 0; x < width; x++) { // See comment above about signs var val = {{{ makeGetValue('s++', '0', 'i8', null, true) }}} * 3; var start = base + x*4; data[start] = colors[val]; data[start+1] = colors[val+1]; data[start+2] = colors[val+2]; } s += width*3; } } // Copy to canvas surfData.ctx.putImageData(surfData.image, 0, 0); // Note that we save the image, so future writes are fast. But, memory is not yet released }, SDL_Flip: function(surf) { // We actually do this in Unlock, since the screen surface has as its canvas // backing the page canvas element }, SDL_UpdateRect: function(surf, x, y, w, h) { // We actually do the whole screen in Unlock... }, SDL_UpdateRects: function(surf, numrects, rects) { // We actually do the whole screen in Unlock... }, SDL_Delay: function(delay) { if (!ENVIRONMENT_IS_WORKER) abort('SDL_Delay called on the main thread! Potential infinite loop, quitting.'); // horrible busy-wait, but in a worker it at least does not block rendering var now = Date.now(); while (Date.now() - now < delay) {} }, SDL_WM_SetCaption: function(title, icon) { title = title && Pointer_stringify(title); icon = icon && Pointer_stringify(icon); }, SDL_EnableKeyRepeat: function(delay, interval) { // TODO }, SDL_GetKeyboardState: function(numKeys) { if (numKeys) { {{{ makeSetValue('numKeys', 0, 0x10000, 'i32') }}}; } return SDL.keyboardState; }, SDL_GetKeyState__deps: ['SDL_GetKeyboardState'], SDL_GetKeyState: function() { return _SDL_GetKeyboardState(); }, SDL_GetKeyName: function(key) { if (!SDL.keyName) { SDL.keyName = allocate(intArrayFromString('unknown key'), 'i8', ALLOC_NORMAL); } return SDL.keyName; }, SDL_GetModState: function() { return SDL.modState; }, SDL_GetMouseState: function(x, y) { if (x) {{{ makeSetValue('x', '0', 'Browser.mouseX', 'i32') }}}; if (y) {{{ makeSetValue('y', '0', 'Browser.mouseY', 'i32') }}}; return SDL.buttonState; }, SDL_WarpMouse: function(x, y) { return; // TODO: implement this in a non-buggy way. Need to keep relative mouse movements correct after calling this var rect = Module["canvas"].getBoundingClientRect(); SDL.events.push({ type: 'mousemove', pageX: x + (window.scrollX + rect.left), pageY: y + (window.scrollY + rect.top) }); }, SDL_ShowCursor: function(toggle) { switch (toggle) { case 0: // SDL_DISABLE if (Browser.isFullScreen) { // only try to lock the pointer when in full screen mode Module['canvas'].requestPointerLock(); return 0; } else { // else return SDL_ENABLE to indicate the failure return 1; } break; case 1: // SDL_ENABLE Module['canvas'].exitPointerLock(); return 1; break; case -1: // SDL_QUERY return !Browser.pointerLock; break; default: console.log( "SDL_ShowCursor called with unknown toggle parameter value: " + toggle + "." ); break; } }, SDL_GetError: function() { if (!SDL.errorMessage) { SDL.errorMessage = allocate(intArrayFromString("unknown SDL-emscripten error"), 'i8', ALLOC_NORMAL); } return SDL.errorMessage; }, SDL_CreateRGBSurface: function(flags, width, height, depth, rmask, gmask, bmask, amask) { return SDL.makeSurface(width, height, flags, false, 'CreateRGBSurface', rmask, gmask, bmask, amask); }, SDL_CreateRGBSurfaceFrom: function(pixels, width, height, depth, pitch, rmask, gmask, bmask, amask) { // TODO: Actually fill pixel data to created surface. // TODO: Take into account depth and pitch parameters. console.log('TODO: Partially unimplemented SDL_CreateRGBSurfaceFrom called!'); return SDL.makeSurface(width, height, 0, false, 'CreateRGBSurfaceFrom', rmask, gmask, bmask, amask); }, SDL_DisplayFormatAlpha: function(surf) { var oldData = SDL.surfaces[surf]; var ret = SDL.makeSurface(oldData.width, oldData.height, oldData.flags, false, 'copy:' + oldData.source); var newData = SDL.surfaces[ret]; //newData.ctx.putImageData(oldData.ctx.getImageData(0, 0, oldData.width, oldData.height), 0, 0); newData.ctx.drawImage(oldData.canvas, 0, 0); return ret; }, SDL_FreeSurface: function(surf) { if (surf) SDL.freeSurface(surf); }, SDL_UpperBlit: function(src, srcrect, dst, dstrect) { var srcData = SDL.surfaces[src]; var dstData = SDL.surfaces[dst]; var sr, dr; if (srcrect) { sr = SDL.loadRect(srcrect); } else { sr = { x: 0, y: 0, w: srcData.width, h: srcData.height }; } if (dstrect) { dr = SDL.loadRect(dstrect); } else { dr = { x: 0, y: 0, w: -1, h: -1 }; } var oldAlpha = dstData.ctx.globalAlpha; dstData.ctx.globalAlpha = srcData.alpha/255; dstData.ctx.drawImage(srcData.canvas, sr.x, sr.y, sr.w, sr.h, dr.x, dr.y, sr.w, sr.h); dstData.ctx.globalAlpha = oldAlpha; if (dst != SDL.screen) { // XXX As in IMG_Load, for compatibility we write out |pixels| console.log('WARNING: copying canvas data to memory for compatibility'); _SDL_LockSurface(dst); dstData.locked--; // The surface is not actually locked in this hack } return 0; }, SDL_FillRect: function(surf, rect, color) { var surfData = SDL.surfaces[surf]; assert(!surfData.locked); // but we could unlock and re-lock if we must.. if (surfData.isFlagSet(0x00200000 /* SDL_HWPALETTE */)) { //in SDL_HWPALETTE color is index (0..255) //so we should translate 1 byte value to //32 bit canvas var index = color * 3; color = SDL.translateRGBAToColor(surfData.colors[index], surfData.colors[index +1], surfData.colors[index +2], 255); } var r = rect ? SDL.loadRect(rect) : { x: 0, y: 0, w: surfData.width, h: surfData.height }; surfData.ctx.save(); surfData.ctx.fillStyle = SDL.translateColorToCSSRGBA(color); surfData.ctx.fillRect(r.x, r.y, r.w, r.h); surfData.ctx.restore(); return 0; }, SDL_BlitSurface__deps: ['SDL_UpperBlit'], SDL_BlitSurface: function(src, srcrect, dst, dstrect) { return _SDL_UpperBlit(src, srcrect, dst, dstrect); }, zoomSurface: function(src, x, y, smooth) { var srcData = SDL.surfaces[src]; var w = srcData.width * x; var h = srcData.height * y; var ret = SDL.makeSurface(Math.abs(w), Math.abs(h), srcData.flags, false, 'zoomSurface'); var dstData = SDL.surfaces[ret]; if (x >= 0 && y >= 0) dstData.ctx.drawImage(srcData.canvas, 0, 0, w, h); else { dstData.ctx.save(); dstData.ctx.scale(x < 0 ? -1 : 1, y < 0 ? -1 : 1); dstData.ctx.drawImage(srcData.canvas, w < 0 ? w : 0, h < 0 ? h : 0, Math.abs(w), Math.abs(h)); // XXX I think this should work according to the spec, but currently // fails on FF: dstData.ctx.drawImage(srcData.canvas, 0, 0, w, h); dstData.ctx.restore(); } return ret; }, rotozoomSurface__deps: ['zoomSurface'], rotozoomSurface: function(src, angle, zoom, smooth) { if (angle % 360 === 0) { return _zoomSurface(src, zoom, zoom, smooth); } var srcData = SDL.surfaces[src]; var w = srcData.width * zoom; var h = srcData.height * zoom; var diagonal = Math.ceil(Math.sqrt(Math.pow(w, 2) + Math.pow(h, 2))); var ret = SDL.makeSurface(diagonal, diagonal, srcData.flags, false, 'rotozoomSurface'); var dstData = SDL.surfaces[ret]; dstData.ctx.translate(diagonal / 2, diagonal / 2); dstData.ctx.rotate(angle * Math.PI / 180); dstData.ctx.drawImage(srcData.canvas, -w / 2, -h / 2, w, h); return ret; }, SDL_SetAlpha: function(surf, flag, alpha) { SDL.surfaces[surf].alpha = alpha; }, SDL_SetColorKey: function(surf, flag, key) { // SetColorKey assigns one color to be rendered as transparent. I don't // think the canvas API allows for anything like this, and iterating through // each pixel to replace that color seems prohibitively expensive. Runtime.warnOnce('SDL_SetColorKey is a no-op for performance reasons'); return 0; }, SDL_GetTicks: function() { return Math.floor(Date.now() - SDL.startTime); }, SDL_PollEvent: function(ptr) { if (SDL.events.length === 0) return 0; if (ptr) { SDL.makeCEvent(SDL.events.shift(), ptr); } return 1; }, SDL_PushEvent: function(ptr) { SDL.events.push(ptr); // XXX Should we copy it? Not clear from API return 0; }, SDL_PeepEvents: function(events, numEvents, action, from, to) { switch(action) { case 2: { // SDL_GETEVENT assert(numEvents == 1); var got = 0; while (SDL.events.length > 0 && numEvents > 0) { var type = SDL.DOMEventToSDLEvent[SDL.events[0].type]; if (type < from || type > to) break; SDL.makeCEvent(SDL.events.shift(), events); got++; numEvents--; // events += sizeof(..) } return got; } default: throw 'SDL_PeepEvents does not yet support that action: ' + action; } }, SDL_PumpEvents: function(){ SDL.events.forEach(function(event) { SDL.handleEvent(event); }); }, SDL_SetColors: function(surf, colors, firstColor, nColors) { var surfData = SDL.surfaces[surf]; // we should create colors array // only once cause client code // often wants to change portion // of palette not all palette. if (!surfData.colors) { surfData.colors = new Uint8Array(256 * 3); //256 RGB colors } for (var i = firstColor; i < firstColor + nColors; i++) { var index = i *3; surfData.colors[index] = {{{ makeGetValue('colors', 'i*4', 'i8', null, true) }}}; surfData.colors[index +1] = {{{ makeGetValue('colors', 'i*4 +1', 'i8', null, true) }}}; surfData.colors[index +2] = {{{ makeGetValue('colors', 'i*4 +2', 'i8', null, true) }}}; } return 1; }, SDL_SetPalette__deps: ['SDL_SetColors'], SDL_SetPalette: function(surf, flags, colors, firstColor, nColors) { return _SDL_SetColors(surf, colors, firstColor, nColors); }, SDL_MapRGB: function(fmt, r, g, b) { // Canvas screens are always RGBA. We assume the machine is little-endian. return r&0xff|(g&0xff)<<8|(b&0xff)<<16|0xff000000; }, SDL_MapRGBA: function(fmt, r, g, b, a) { // Canvas screens are always RGBA. We assume the machine is little-endian. return r&0xff|(g&0xff)<<8|(b&0xff)<<16|(a&0xff)<<24; }, SDL_GetAppState: function() { var state = 0; if (Browser.pointerLock) { state |= 0x01; // SDL_APPMOUSEFOCUS } if (document.hasFocus()) { state |= 0x02; // SDL_APPINPUTFOCUS } state |= 0x04; // SDL_APPACTIVE return state; }, SDL_WM_GrabInput: function() {}, SDL_WM_ToggleFullScreen: function(surf) { if (Browser.isFullScreen) { Module['canvas'].cancelFullScreen(); return 1; } else { if (!SDL.canRequestFullscreen) { return 0; } SDL.isRequestingFullscreen = true; return 1; } }, // SDL_Image IMG_Init: function(flags) { return flags; // We support JPG, PNG, TIF because browsers do }, IMG_Load_RW__deps: ['SDL_LockSurface', 'SDL_FreeRW'], IMG_Load_RW: function(rwopsID, freeSrc) { try { // stb_image integration support var cleanup = function() { if (rwops && freeSrc) _SDL_FreeRW(rwopsID); }; function addCleanup(func) { var old = cleanup; cleanup = function() { old(); func(); } } function callStbImage(func, params) { var x = Module['_malloc']({{{ QUANTUM_SIZE }}}); var y = Module['_malloc']({{{ QUANTUM_SIZE }}}); var comp = Module['_malloc']({{{ QUANTUM_SIZE }}}); addCleanup(function() { Module['_free'](x); Module['_free'](y); Module['_free'](comp); if (data) Module['_stbi_image_free'](data); }); var data = Module['_' + func].apply(null, params.concat([x, y, comp, 0])); if (!data) return null; return { rawData: true, data: data, width: {{{ makeGetValue('x', 0, 'i32') }}}, height: {{{ makeGetValue('y', 0, 'i32') }}}, size: {{{ makeGetValue('x', 0, 'i32') }}} * {{{ makeGetValue('y', 0, 'i32') }}} * {{{ makeGetValue('comp', 0, 'i32') }}}, bpp: {{{ makeGetValue('comp', 0, 'i32') }}} }; } var rwops = SDL.rwops[rwopsID]; if (rwops === undefined) { return 0; } var filename = rwops.filename; if (filename === undefined) { #if STB_IMAGE var raw = callStbImage('stbi_load_from_memory', [rwops.bytes, rwops.count]); if (!raw) return 0; #else Runtime.warnOnce('Only file names that have been preloaded are supported for IMG_Load_RW. Consider using STB_IMAGE=1 if you want synchronous image decoding (see settings.js)'); return 0; #endif } if (!raw) { filename = PATH.resolve(filename); var raw = Module["preloadedImages"][filename]; if (!raw) { if (raw === null) Module.printErr('Trying to reuse preloaded image, but freePreloadedMediaOnUse is set!'); #if STB_IMAGE var name = Module['_malloc'](filename.length+1); writeStringToMemory(filename, name); addCleanup(function() { Module['_free'](name); }); var raw = callStbImage('stbi_load', [name]); if (!raw) return 0; #else Runtime.warnOnce('Cannot find preloaded image ' + filename); Runtime.warnOnce('Cannot find preloaded image ' + filename + '. Consider using STB_IMAGE=1 if you want synchronous image decoding (see settings.js)'); return 0; #endif } else if (Module['freePreloadedMediaOnUse']) { Module["preloadedImages"][filename] = null; } } var surf = SDL.makeSurface(raw.width, raw.height, 0, false, 'load:' + filename); var surfData = SDL.surfaces[surf]; surfData.ctx.globalCompositeOperation = "copy"; if (!raw.rawData) { surfData.ctx.drawImage(raw, 0, 0, raw.width, raw.height, 0, 0, raw.width, raw.height); } else { var imageData = surfData.ctx.getImageData(0, 0, surfData.width, surfData.height); if (raw.bpp == 4) { imageData.data.set({{{ makeHEAPView('U8', 'raw.data', 'raw.data+raw.size') }}}); } else if (raw.bpp == 3) { var pixels = raw.size/3; var data = imageData.data; var sourcePtr = raw.data; var destPtr = 0; for (var i = 0; i < pixels; i++) { data[destPtr++] = {{{ makeGetValue('sourcePtr++', 0, 'i8', null, 1) }}}; data[destPtr++] = {{{ makeGetValue('sourcePtr++', 0, 'i8', null, 1) }}}; data[destPtr++] = {{{ makeGetValue('sourcePtr++', 0, 'i8', null, 1) }}}; data[destPtr++] = 255; } } else { Module.printErr('cannot handle bpp ' + raw.bpp); return 0; } surfData.ctx.putImageData(imageData, 0, 0); } surfData.ctx.globalCompositeOperation = "source-over"; // XXX SDL does not specify that loaded images must have available pixel data, in fact // there are cases where you just want to blit them, so you just need the hardware // accelerated version. However, code everywhere seems to assume that the pixels // are in fact available, so we retrieve it here. This does add overhead though. _SDL_LockSurface(surf); surfData.locked--; // The surface is not actually locked in this hack if (SDL.GL) { // After getting the pixel data, we can free the canvas and context if we do not need to do 2D canvas blitting surfData.canvas = surfData.ctx = null; } return surf; } finally { cleanup(); } }, SDL_LoadBMP: 'IMG_Load', SDL_LoadBMP_RW: 'IMG_Load_RW', IMG_Load__deps: ['IMG_Load_RW', 'SDL_RWFromFile'], IMG_Load: function(filename){ var rwops = _SDL_RWFromFile(filename); var result = _IMG_Load_RW(rwops, 1); return result; }, // SDL_Audio SDL_OpenAudio: function(desired, obtained) { try { SDL.audio = { freq: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.freq', 'i32', 0, 1) }}}, format: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.format', 'i16', 0, 1) }}}, channels: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.channels', 'i8', 0, 1) }}}, samples: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.samples', 'i16', 0, 1) }}}, // Samples in the CB buffer per single sound channel. callback: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.callback', 'void*', 0, 1) }}}, userdata: {{{ makeGetValue('desired', 'C_STRUCTS.SDL_AudioSpec.userdata', 'void*', 0, 1) }}}, paused: true, timer: null }; // The .silence field tells the constant sample value that corresponds to the safe un-skewed silence value for the wave data. if (SDL.audio.format == 0x0008 /*AUDIO_U8*/) { SDL.audio.silence = 128; // Audio ranges in [0, 255], so silence is half-way in between. } else if (SDL.audio.format == 0x8010 /*AUDIO_S16LSB*/) { SDL.audio.silence = 0; // Signed data in range [-32768, 32767], silence is 0. } else { throw 'Invalid SDL audio format ' + SDL.audio.format + '!'; } // Round the desired audio frequency up to the next 'common' frequency value. // Web Audio API spec states 'An implementation must support sample-rates in at least the range 22050 to 96000.' if (SDL.audio.freq <= 0) { throw 'Unsupported sound frequency ' + SDL.audio.freq + '!'; } else if (SDL.audio.freq <= 22050) { SDL.audio.freq = 22050; // Take it safe and clamp everything lower than 22kHz to that. } else if (SDL.audio.freq <= 32000) { SDL.audio.freq = 32000; } else if (SDL.audio.freq <= 44100) { SDL.audio.freq = 44100; } else if (SDL.audio.freq <= 48000) { SDL.audio.freq = 48000; } else if (SDL.audio.freq <= 96000) { SDL.audio.freq = 96000; } else { throw 'Unsupported sound frequency ' + SDL.audio.freq + '!'; } if (SDL.audio.channels == 0) { SDL.audio.channels = 1; // In SDL both 0 and 1 mean mono. } else if (SDL.audio.channels < 0 || SDL.audio.channels > 32) { throw 'Unsupported number of audio channels for SDL audio: ' + SDL.audio.channels + '!'; } else if (SDL.audio.channels != 1 && SDL.audio.channels != 2) { // Unsure what SDL audio spec supports. Web Audio spec supports up to 32 channels. console.log('Warning: Using untested number of audio channels ' + SDL.audio.channels); } if (SDL.audio.samples < 1024 || SDL.audio.samples > 524288 /* arbitrary cap */) { throw 'Unsupported audio callback buffer size ' + SDL.audio.samples + '!'; } else if ((SDL.audio.samples & (SDL.audio.samples-1)) != 0) { throw 'Audio callback buffer size ' + SDL.audio.samples + ' must be a power-of-two!'; } var totalSamples = SDL.audio.samples*SDL.audio.channels; SDL.audio.bytesPerSample = (SDL.audio.format == 0x0008 /*AUDIO_U8*/ || SDL.audio.format == 0x8008 /*AUDIO_S8*/) ? 1 : 2; SDL.audio.bufferSize = totalSamples*SDL.audio.bytesPerSample; SDL.audio.buffer = _malloc(SDL.audio.bufferSize); // Create a callback function that will be routinely called to ask more audio data from the user application. SDL.audio.caller = function() { if (!SDL.audio) { return; } Runtime.dynCall('viii', SDL.audio.callback, [SDL.audio.userdata, SDL.audio.buffer, SDL.audio.bufferSize]); SDL.audio.pushAudio(SDL.audio.buffer, SDL.audio.bufferSize); }; SDL.audio.audioOutput = new Audio(); // As a workaround use Mozilla Audio Data API on Firefox until it ships with Web Audio and sound quality issues are fixed. if (typeof(SDL.audio.audioOutput['mozSetup'])==='function') { SDL.audio.audioOutput['mozSetup'](SDL.audio.channels, SDL.audio.freq); // use string attributes on mozOutput for closure compiler SDL.audio.mozBuffer = new Float32Array(totalSamples); SDL.audio.nextPlayTime = 0; SDL.audio.pushAudio = function(ptr, size) { var mozBuffer = SDL.audio.mozBuffer; // The input audio data for SDL audio is either 8-bit or 16-bit interleaved across channels, output for Mozilla Audio Data API // needs to be Float32 interleaved, so perform a sample conversion. if (SDL.audio.format == 0x8010 /*AUDIO_S16LSB*/) { for (var i = 0; i < totalSamples; i++) { mozBuffer[i] = ({{{ makeGetValue('ptr', 'i*2', 'i16', 0, 0) }}}) / 0x8000; } } else if (SDL.audio.format == 0x0008 /*AUDIO_U8*/) { for (var i = 0; i < totalSamples; i++) { var v = ({{{ makeGetValue('ptr', 'i', 'i8', 0, 0) }}}); mozBuffer[i] = ((v >= 0) ? v-128 : v+128) /128; } } // Submit the audio data to audio device. SDL.audio.audioOutput['mozWriteAudio'](mozBuffer); // Compute when the next audio callback should be called. var curtime = Date.now() / 1000.0 - SDL.audio.startTime; if (curtime > SDL.audio.nextPlayTime && SDL.audio.nextPlayTime != 0) { console.log('warning: Audio callback had starved sending audio by ' + (curtime - SDL.audio.nextPlayTime) + ' seconds.'); } var playtime = Math.max(curtime, SDL.audio.nextPlayTime); var buffer_duration = SDL.audio.samples / SDL.audio.freq; SDL.audio.nextPlayTime = playtime + buffer_duration; // Schedule the next audio callback call. SDL.audio.timer = Browser.safeSetTimeout(SDL.audio.caller, 1000.0 * (playtime-curtime)); } } else { // Initialize Web Audio API if we haven't done so yet. Note: Only initialize Web Audio context ever once on the web page, // since initializing multiple times fails on Chrome saying 'audio resources have been exhausted'. if (!SDL.audioContext) { if (typeof(AudioContext) === 'function') { SDL.audioContext = new AudioContext(); } else if (typeof(webkitAudioContext) === 'function') { SDL.audioContext = new webkitAudioContext(); } else { throw 'Web Audio API is not available!'; } } SDL.audio.soundSource = new Array(); // Use an array of sound sources as a ring buffer to queue blocks of synthesized audio to Web Audio API. SDL.audio.nextSoundSource = 0; // Index of the next sound buffer in the ring buffer queue to play. SDL.audio.nextPlayTime = 0; // Time in seconds when the next audio block is due to start. // The pushAudio function with a new audio buffer whenever there is new audio data to schedule to be played back on the device. SDL.audio.pushAudio=function(ptr,sizeBytes) { try { --SDL.audio.numAudioTimersPending; var sizeSamples = sizeBytes / SDL.audio.bytesPerSample; // How many samples fit in the callback buffer? var sizeSamplesPerChannel = sizeSamples / SDL.audio.channels; // How many samples per a single channel fit in the cb buffer? if (sizeSamplesPerChannel != SDL.audio.samples) { throw 'Received mismatching audio buffer size!'; } // Allocate new sound buffer to be played. var source = SDL.audioContext['createBufferSource'](); if (SDL.audio.soundSource[SDL.audio.nextSoundSource]) { SDL.audio.soundSource[SDL.audio.nextSoundSource]['disconnect'](); // Explicitly disconnect old source, since we know it shouldn't be running anymore. } SDL.audio.soundSource[SDL.audio.nextSoundSource] = source; var soundBuffer = SDL.audioContext['createBuffer'](SDL.audio.channels,sizeSamplesPerChannel,SDL.audio.freq); SDL.audio.soundSource[SDL.audio.nextSoundSource]['connect'](SDL.audioContext['destination']); // The input audio data is interleaved across the channels, i.e. [L, R, L, R, L, R, ...] and is either 8-bit or 16-bit as // supported by the SDL API. The output audio wave data for Web Audio API must be in planar buffers of [-1,1]-normalized Float32 data, // so perform a buffer conversion for the data. var numChannels = SDL.audio.channels; for(var i = 0; i < numChannels; ++i) { var channelData = soundBuffer['getChannelData'](i); if (channelData.length != sizeSamplesPerChannel) { throw 'Web Audio output buffer length mismatch! Destination size: ' + channelData.length + ' samples vs expected ' + sizeSamplesPerChannel + ' samples!'; } if (SDL.audio.format == 0x8010 /*AUDIO_S16LSB*/) { for(var j = 0; j < sizeSamplesPerChannel; ++j) { channelData[j] = ({{{ makeGetValue('ptr', '(j*numChannels + i)*2', 'i16', 0, 0) }}}) / 0x8000; } } else if (SDL.audio.format == 0x0008 /*AUDIO_U8*/) { for(var j = 0; j < sizeSamplesPerChannel; ++j) { var v = ({{{ makeGetValue('ptr', 'j*numChannels + i', 'i8', 0, 0) }}}); channelData[j] = ((v >= 0) ? v-128 : v+128) /128; } } } // Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=883675 by setting the buffer only after filling. The order is important here! source['buffer'] = soundBuffer; // Schedule the generated sample buffer to be played out at the correct time right after the previously scheduled // sample buffer has finished. var curtime = SDL.audioContext['currentTime']; // if (curtime > SDL.audio.nextPlayTime && SDL.audio.nextPlayTime != 0) { // console.log('warning: Audio callback had starved sending audio by ' + (curtime - SDL.audio.nextPlayTime) + ' seconds.'); // } var playtime = Math.max(curtime, SDL.audio.nextPlayTime); SDL.audio.soundSource[SDL.audio.nextSoundSource]['start'](playtime); var buffer_duration = sizeSamplesPerChannel / SDL.audio.freq; SDL.audio.nextPlayTime = playtime + buffer_duration; SDL.audio.nextSoundSource = (SDL.audio.nextSoundSource + 1) % 4; var secsUntilNextCall = playtime-curtime; // Queue the next audio frame push to be performed when the previously queued buffer has finished playing. if (SDL.audio.numAudioTimersPending == 0) { var preemptBufferFeedMSecs = buffer_duration/2.0; SDL.audio.timer = Browser.safeSetTimeout(SDL.audio.caller, Math.max(0.0, 1000.0*secsUntilNextCall-preemptBufferFeedMSecs)); ++SDL.audio.numAudioTimersPending; } // If we are risking starving, immediately queue an extra second buffer. if (secsUntilNextCall <= buffer_duration && SDL.audio.numAudioTimersPending <= 1) { ++SDL.audio.numAudioTimersPending; Browser.safeSetTimeout(SDL.audio.caller, 1.0); } } catch(e) { console.log('Web Audio API error playing back audio: ' + e.toString()); } } } if (obtained) { // Report back the initialized audio parameters. {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.freq', 'SDL.audio.freq', 'i32') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.format', 'SDL.audio.format', 'i16') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.channels', 'SDL.audio.channels', 'i8') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.silence', 'SDL.audio.silence', 'i8') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.samples', 'SDL.audio.samples', 'i16') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.callback', 'SDL.audio.callback', '*') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.userdata', 'SDL.audio.userdata', '*') }}}; } SDL.allocateChannels(32); } catch(e) { console.log('Initializing SDL audio threw an exception: "' + e.toString() + '"! Continuing without audio.'); SDL.audio = null; SDL.allocateChannels(0); if (obtained) { {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.freq', 0, 'i32') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.format', 0, 'i16') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.channels', 0, 'i8') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.silence', 0, 'i8') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.samples', 0, 'i16') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.callback', 0, '*') }}}; {{{ makeSetValue('obtained', 'C_STRUCTS.SDL_AudioSpec.userdata', 0, '*') }}}; } } if (!SDL.audio) { return -1; } return 0; }, SDL_PauseAudio: function(pauseOn) { if (!SDL.audio) { return; } if (pauseOn) { if (SDL.audio.timer !== undefined) { clearTimeout(SDL.audio.timer); SDL.audio.numAudioTimersPending = 0; SDL.audio.timer = undefined; } } else if (!SDL.audio.timer) { // Start the audio playback timer callback loop. SDL.audio.numAudioTimersPending = 1; SDL.audio.timer = Browser.safeSetTimeout(SDL.audio.caller, 1); SDL.audio.startTime = Date.now() / 1000.0; // Only used for Mozilla Audio Data API. Not needed for Web Audio API. } SDL.audio.paused = pauseOn; }, SDL_CloseAudio__deps: ['SDL_PauseAudio', 'free'], SDL_CloseAudio: function() { if (SDL.audio) { try{ for(var i = 0; i < SDL.audio.soundSource.length; ++i) { if (!(typeof(SDL.audio.soundSource[i]==='undefined'))) { SDL.audio.soundSource[i].stop(0); } } } catch(e) {} SDL.audio.soundSource = null; _SDL_PauseAudio(1); _free(SDL.audio.buffer); SDL.audio = null; SDL.allocateChannels(0); } }, SDL_LockAudio: function() {}, SDL_UnlockAudio: function() {}, SDL_CreateMutex: function() { return 0 }, SDL_LockMutex: function() {}, SDL_UnlockMutex: function() {}, SDL_mutexP: function() { return 0 }, SDL_mutexV: function() { return 0 }, SDL_DestroyMutex: function() {}, SDL_CreateCond: function() { return 0 }, SDL_CondSignal: function() {}, SDL_CondWait: function() {}, SDL_DestroyCond: function() {}, SDL_StartTextInput: function() { SDL.textInput = true; }, SDL_StopTextInput: function() { SDL.textInput = false; }, // SDL Mixer Mix_Init: function(flags) { if (!flags) return 0; return 8; /* MIX_INIT_OGG */ }, Mix_Quit: function(){}, Mix_OpenAudio: function(frequency, format, channels, chunksize) { SDL.allocateChannels(32); // Just record the values for a later call to Mix_QuickLoad_RAW SDL.mixerFrequency = frequency; SDL.mixerFormat = format; SDL.mixerNumChannels = channels; SDL.mixerChunkSize = chunksize; return 0; }, Mix_CloseAudio: 'SDL_CloseAudio', Mix_AllocateChannels: function(num) { SDL.allocateChannels(num); return num; }, Mix_ChannelFinished: function(func) { SDL.channelFinished = func; }, Mix_Volume: function(channel, volume) { if (channel == -1) { for (var i = 0; i < SDL.numChannels-1; i++) { _Mix_Volume(i, volume); } return _Mix_Volume(SDL.numChannels-1, volume); } return SDL.setGetVolume(SDL.channels[channel], volume); }, Mix_SetPanning: function() { return 0; // error }, Mix_LoadWAV_RW: function(rwopsID, freesrc) { var rwops = SDL.rwops[rwopsID]; if (rwops === undefined) return 0; var filename = ''; var audio; var bytes; if (rwops.filename !== undefined) { filename = PATH.resolve(rwops.filename); var raw = Module["preloadedAudios"][filename]; if (!raw) { if (raw === null) Module.printErr('Trying to reuse preloaded audio, but freePreloadedMediaOnUse is set!'); Runtime.warnOnce('Cannot find preloaded audio ' + filename); // see if we can read the file-contents from the in-memory FS var fileObject = FS.findObject(filename); if (fileObject === null) Module.printErr('Couldn\'t find file for: ' + filename); // We found the file. Load the contents if (fileObject && !fileObject.isFolder && fileObject.read) { bytes = fileObject.contents; } else { return 0; } } if (Module['freePreloadedMediaOnUse']) { Module["preloadedAudios"][filename] = null; } audio = raw; } else if (rwops.bytes !== undefined) { bytes = HEAPU8.subarray(rwops.bytes, rwops.bytes + rwops.count); } else { return 0; } // Here, we didn't find a preloaded audio but we either were passed a filepath for // which we loaded bytes, or we were passed some bytes if (audio === undefined && bytes) { var blob = new Blob([new Uint8Array(bytes)], {type: rwops.mimetype}); var url = URL.createObjectURL(blob); audio = new Audio(); audio.src = url; } var id = SDL.audios.length; // Keep the loaded audio in the audio arrays, ready for playback SDL.audios.push({ source: filename, audio: audio }); return id; }, Mix_QuickLoad_RAW: function(mem, len) { var audio = new Audio(); // Record the number of channels and frequency for later usage audio.numChannels = SDL.mixerNumChannels; audio.frequency = SDL.mixerFrequency; var numSamples = len >> 1; // len is the length in bytes, and the array contains 16-bit PCM values var buffer = new Float32Array(numSamples); for (var i = 0; i < numSamples; ++i) { buffer[i] = ({{{ makeGetValue('mem', 'i*2', 'i16', 0, 0) }}}) / 0x8000; // hardcoded 16-bit audio, signed (TODO: reSign if not ta2?) } // FIXME: doesn't make sense to keep the audio element in the buffer var id = SDL.audios.length; SDL.audios.push({ source: '', audio: audio, buffer: buffer }); return id; }, Mix_FreeChunk: function(id) { SDL.audios[id] = null; }, Mix_ReserveChannels: function(num) { SDL.channelMinimumNumber = num; }, Mix_PlayChannel: function(channel, id, loops) { // TODO: handle loops // Get the audio element associated with the ID var info = SDL.audios[id]; if (!info) return -1; var audio = info.audio; if (!audio) return -1; // If the user asks us to allocate a channel automatically, get the first // free one. if (channel == -1) { for (var i = SDL.channelMinimumNumber; i < SDL.numChannels; i++) { if (!SDL.channels[i].audio) { channel = i; break; } } if (channel == -1) { Module.printErr('All ' + SDL.numChannels + ' channels in use!'); return -1; } } // We clone the audio node to utilize the preloaded audio buffer, since // the browser has already preloaded the audio file. var channelInfo = SDL.channels[channel]; channelInfo.audio = audio = audio.cloneNode(true); audio.numChannels = info.audio.numChannels; audio.frequency = info.audio.frequency; // TODO: handle N loops. Behavior matches Mix_PlayMusic audio.loop = loops != 0; audio['onended'] = function() { // TODO: cache these channelInfo.audio = null; if (SDL.channelFinished) { Runtime.getFuncWrapper(SDL.channelFinished, 'vi')(channel); } } // Either play the element, or load the dynamic data into it if (info.buffer) { var contextCtor = null; if (audio && ('mozSetup' in audio)) { // Audio Data API try { audio['mozSetup'](audio.numChannels, audio.frequency); audio["mozWriteAudio"](info.buffer); } catch (e) { // Workaround for Firefox bug 783052 // ignore this exception! } /* } else if (contextCtor = (window.AudioContext || // WebAudio API window.webkitAudioContext)) { var currentIndex = 0; var numChannels = parseInt(audio.numChannels); var context = new contextCtor(); var source = context.createBufferSource(); source.loop = false; source.buffer = context.createBuffer(numChannels, 1, audio.frequency); var jsNode = context.createJavaScriptNode(2048, numChannels, numChannels); jsNode.onaudioprocess = function(event) { var buffers = new Array(numChannels); for (var i = 0; i < numChannels; ++i) { buffers[i] = event.outputBuffer.getChannelData(i); } var remaining = info.buffer.length - currentIndex; if (remaining > 2048) { remaining = 2048; } for (var i = 0; i < remaining;) { for (var j = 0; j < numChannels; ++j) { buffers[j][i] = info.buffer[currentIndex + i + j] * audio.volume; } i += j; } currentIndex += remaining * numChannels; for (var i = remaining; i < 2048;) { for (var j = 0; j < numChannels; ++j) { buffers[j][i] = 0; // silence } i += j; } }; source.connect(jsNode); jsNode.connect(context.destination); source.noteOn(0); */ } } else { audio.play(); } audio.volume = channelInfo.volume; return channel; }, Mix_PlayChannelTimed: 'Mix_PlayChannel', // XXX ignore Timing Mix_FadingChannel: function(channel) { return 0; // MIX_NO_FADING, TODO }, Mix_HaltChannel: function(channel) { function halt(channel) { var info = SDL.channels[channel]; if (info.audio) { info.audio.pause(); info.audio = null; } if (SDL.channelFinished) { Runtime.getFuncWrapper(SDL.channelFinished, 'vi')(channel); } } if (channel != -1) { halt(channel); } else { for (var i = 0; i < SDL.channels.length; ++i) halt(i); } return 0; }, Mix_HookMusicFinished__deps: ['Mix_HaltMusic'], Mix_HookMusicFinished: function(func) { SDL.hookMusicFinished = func; if (SDL.music.audio) { // ensure the callback will be called, if a music is already playing SDL.music.audio['onended'] = _Mix_HaltMusic; } }, Mix_VolumeMusic: function(volume) { return SDL.setGetVolume(SDL.music, volume); }, Mix_LoadMUS_RW: 'Mix_LoadWAV_RW', Mix_LoadMUS__deps: ['Mix_LoadMUS_RW', 'SDL_RWFromFile', 'SDL_FreeRW'], Mix_LoadMUS: function(filename) { var rwops = _SDL_RWFromFile(filename); var result = _Mix_LoadMUS_RW(rwops); _SDL_FreeRW(rwops); return result; }, Mix_FreeMusic: 'Mix_FreeChunk', Mix_PlayMusic__deps: ['Mix_HaltMusic'], Mix_PlayMusic: function(id, loops) { loops = Math.max(loops, 1); var audio = SDL.audios[id].audio; if (!audio) return 0; audio.loop = loops != 0; // TODO: handle N loops for finite N if (SDL.audios[id].buffer) { audio["mozWriteAudio"](SDL.audios[id].buffer); } else { audio.play(); } audio.volume = SDL.music.volume; audio['onended'] = _Mix_HaltMusic; // will send callback if (SDL.music.audio) { if (!SDL.music.audio.paused) { Module.printErr('Music is already playing. ' + SDL.music.source); } SDL.music.audio.pause(); } SDL.music.audio = audio; return 0; }, Mix_PauseMusic: function() { var audio = SDL.music.audio; if (!audio) return 0; audio.pause(); return 0; }, Mix_ResumeMusic: function() { var audio = SDL.music.audio; if (!audio) return 0; audio.play(); return 0; }, Mix_HaltMusic: function() { var audio = SDL.music.audio; if (!audio) return 0; audio.src = audio.src; // rewind audio.pause(); SDL.music.audio = null; if (SDL.hookMusicFinished) { Runtime.dynCall('v', SDL.hookMusicFinished); } return 0; }, Mix_FadeInMusicPos: 'Mix_PlayMusic', // XXX ignore fading in effect Mix_FadeOutMusic: 'Mix_HaltMusic', // XXX ignore fading out effect Mix_PlayingMusic: function() { return (SDL.music.audio && !SDL.music.audio.paused) ? 1 : 0; }, // http://www.libsdl.org/projects/SDL_mixer/docs/SDL_mixer_38.html#SEC38 // "Note: Does not check if the channel has been paused." Mix_Playing: function(channel) { if (channel === -1) { var count = 0; for (var i = 0; i < SDL.channels.length; i++) { count += _Mix_Playing(i); } return count; } var info = SDL.channels[channel]; if (info && info.audio && !info.audio.paused) { return 1; } return 0; }, Mix_Pause: function(channel) { if (channel === -1) { for (var i = 0; i> 16; y1 = y1 << 16 >> 16; x2 = x2 << 16 >> 16; y2 = y2 << 16 >> 16; var surfData = SDL.surfaces[surf]; assert(!surfData.locked); // but we could unlock and re-lock if we must.. // TODO: if ctx does not change, leave as is, and also do not re-set xStyle etc. var x = x1 < x2 ? x1 : x2; var y = y1 < y2 ? y1 : y2; var w = Math.abs(x2 - x1); var h = Math.abs(y2 - y1); surfData.ctx.save(); surfData.ctx[action + 'Style'] = cssColor; surfData.ctx[action + 'Rect'](x, y, w, h); surfData.ctx.restore(); }, drawLine: function(surf, x1, y1, x2, y2, cssColor) { x1 = x1 << 16 >> 16; y1 = y1 << 16 >> 16; x2 = x2 << 16 >> 16; y2 = y2 << 16 >> 16; var surfData = SDL.surfaces[surf]; assert(!surfData.locked); // but we could unlock and re-lock if we must.. surfData.ctx.save(); surfData.ctx.strokeStyle = cssColor; surfData.ctx.beginPath(); surfData.ctx.moveTo(x1, y1); surfData.ctx.lineTo(x2, y2); surfData.ctx.stroke(); surfData.ctx.restore(); }, // See http://stackoverflow.com/questions/2172798/how-to-draw-an-oval-in-html5-canvas drawEllipse: function(surf, x, y, rx, ry, action, cssColor) { x = x << 16 >> 16; y = y << 16 >> 16; rx = rx << 16 >> 16; ry = ry << 16 >> 16; var surfData = SDL.surfaces[surf]; assert(!surfData.locked); // but we could unlock and re-lock if we must.. surfData.ctx.save(); surfData.ctx.beginPath(); surfData.ctx.translate(x, y); surfData.ctx.scale(rx, ry); surfData.ctx.arc(0, 0, 1, 0, 2 * Math.PI); surfData.ctx.restore(); surfData.ctx.save(); surfData.ctx[action + 'Style'] = cssColor; surfData.ctx[action](); surfData.ctx.restore(); }, // the gfx library uses something different from the rest of SDL... translateColorToCSSRGBA: function(rgba) { return 'rgba(' + (rgba>>>24) + ',' + (rgba>>16 & 0xff) + ',' + (rgba>>8 & 0xff) + ',' + (rgba&0xff) + ')'; } }, boxColor__deps: ['$SDL_gfx'], boxColor: function(surf, x1, y1, x2, y2, color) { return SDL_gfx.drawRectangle(surf, x1, y1, x2, y2, 'fill', SDL_gfx.translateColorToCSSRGBA(color)); }, boxRGBA__deps: ['$SDL_gfx'], boxRGBA: function(surf, x1, y1, x2, y2, r, g, b, a) { return SDL_gfx.drawRectangle(surf, x1, y1, x2, y2, 'fill', SDL.translateRGBAToCSSRGBA(r, g, b, a)); }, rectangleColor__deps: ['$SDL_gfx'], rectangleColor: function(surf, x1, y1, x2, y2, color) { return SDL_gfx.drawRectangle(surf, x1, y1, x2, y2, 'stroke', SDL_gfx.translateColorToCSSRGBA(color)); }, rectangleRGBA__deps: ['$SDL_gfx'], rectangleRGBA: function(surf, x1, y1, x2, y2, r, g, b, a) { return SDL_gfx.drawRectangle(surf, x1, y1, x2, y2, 'stroke', SDL.translateRGBAToCSSRGBA(r, g, b, a)); }, ellipseColor__deps: ['$SDL_gfx'], ellipseColor: function(surf, x, y, rx, ry, color) { return SDL_gfx.drawEllipse(surf, x, y, rx, ry, 'stroke', SDL_gfx.translateColorToCSSRGBA(color)); }, ellipseRGBA__deps: ['$SDL_gfx'], ellipseRGBA: function(surf, x, y, rx, ry, r, g, b, a) { return SDL_gfx.drawEllipse(surf, x, y, rx, ry, 'stroke', SDL.translateRGBAToCSSRGBA(r, g, b, a)); }, filledEllipseColor__deps: ['$SDL_gfx'], filledEllipseColor: function(surf, x, y, rx, ry, color) { return SDL_gfx.drawEllipse(surf, x, y, rx, ry, 'fill', SDL_gfx.translateColorToCSSRGBA(color)); }, filledEllipseRGBA__deps: ['$SDL_gfx'], filledEllipseRGBA: function(surf, x, y, rx, ry, r, g, b, a) { return SDL_gfx.drawEllipse(surf, x, y, rx, ry, 'fill', SDL.translateRGBAToCSSRGBA(r, g, b, a)); }, lineColor__deps: ['$SDL_gfx'], lineColor: function(surf, x1, y1, x2, y2, color) { return SDL_gfx.drawLine(surf, x1, y1, x2, y2, SDL_gfx.translateColorToCSSRGBA(color)); }, lineRGBA__deps: ['$SDL_gfx'], lineRGBA: function(surf, x1, y1, x2, y2, r, g, b, a) { return SDL_gfx.drawLine(surf, x1, y1, x2, y2, SDL.translateRGBAToCSSRGBA(r, g, b, a)); }, pixelRGBA__deps: ['boxRGBA'], pixelRGBA: function(surf, x1, y1, r, g, b, a) { // This cannot be fast, to render many pixels this way! _boxRGBA(surf, x1, y1, x1, y1, r, g, b, a); }, // GL SDL_GL_SetAttribute: function(attr, value) { console.log('TODO: SDL_GL_SetAttribute'); }, SDL_GL_GetProcAddress__deps: ['emscripten_GetProcAddress'], SDL_GL_GetProcAddress: function(name_) { return _emscripten_GetProcAddress(Pointer_stringify(name_)); }, SDL_GL_SwapBuffers: function() {}, // SDL 2 SDL_GL_ExtensionSupported: function(extension) { return Module.ctx.getExtension(extension) | 0; }, SDL_DestroyWindow: function(window) {}, SDL_DestroyRenderer: function(renderer) {}, SDL_GetWindowFlags: function(x, y) { if (Browser.isFullScreen) { return 1; } return 0; }, SDL_GL_SwapWindow: function(window) {}, SDL_GL_MakeCurrent: function(window, context) {}, SDL_GL_DeleteContext: function(context) {}, SDL_GL_SetSwapInterval: function(state) {}, SDL_SetWindowTitle: function(window, title) { if (title) document.title = Pointer_stringify(title); }, SDL_GetWindowSize: function(window, width, height){ var w = Module['canvas'].width; var h = Module['canvas'].height; if (width) {{{ makeSetValue('width', '0', 'w', 'i32') }}}; if (height) {{{ makeSetValue('height', '0', 'h', 'i32') }}}; }, SDL_LogSetOutputFunction: function(callback, userdata) {}, SDL_SetWindowFullscreen: function(window, fullscreen) { if (Browser.isFullScreen) { Module['canvas'].cancelFullScreen(); return 1; } else { return 0; } }, SDL_GetWindowFlags: function() {}, SDL_ClearError: function() {}, SDL_getenv: 'getenv', // TODO SDL_SetGamma: function(r, g, b) { return -1; }, SDL_SetGammaRamp: function(redTable, greenTable, blueTable) { return -1; }, // Joysticks SDL_NumJoysticks: function() { return 0; }, SDL_JoystickName: function(deviceIndex) { return 0; }, SDL_JoystickOpen: function(deviceIndex) { return 0; }, SDL_JoystickOpened: function(deviceIndex) { return 0; }, SDL_JoystickIndex: function(joystick) { return 0; }, SDL_JoystickNumAxes: function(joystick) { return 0; }, SDL_JoystickNumBalls: function(joystick) { return 0; }, SDL_JoystickNumHats: function(joystick) { return 0; }, SDL_JoystickNumButtons: function(joystick) { return 0; }, SDL_JoystickUpdate: function() {}, SDL_JoystickEventState: function(state) { return 0; }, SDL_JoystickGetAxis: function(joystick, axis) { return 0; }, SDL_JoystickGetHat: function(joystick, hat) { return 0; }, SDL_JoystickGetBall: function(joystick, ball, dxptr, dyptr) { return -1; }, SDL_JoystickGetButton: function(joystick, button) { return 0; }, SDL_JoystickClose: function(joystick) {}, // Misc SDL_InitSubSystem: function(flags) { return 0 }, SDL_RWFromConstMem: function(mem, size) { var id = SDL.rwops.length; // TODO: recycle ids when they are null SDL.rwops.push({ bytes: mem, count: size }); return id; }, SDL_RWFromMem: 'SDL_RWFromConstMem', SDL_RWFromFile: function(_name, mode) { var id = SDL.rwops.length; // TODO: recycle ids when they are null var name = Pointer_stringify(_name) SDL.rwops.push({ filename: name, mimetype: Browser.getMimetype(name) }); return id; }, SDL_FreeRW: function(rwopsID) { SDL.rwops[rwopsID] = null; while (SDL.rwops.length > 0 && SDL.rwops[SDL.rwops.length-1] === null) { SDL.rwops.pop(); } }, SDL_EnableUNICODE: function(on) { var ret = SDL.unicode || 0; SDL.unicode = on; return ret; }, SDL_AddTimer: function(interval, callback, param) { return window.setTimeout(function() { Runtime.dynCall('iii', callback, [interval, param]); }, interval); }, SDL_RemoveTimer: function(id) { window.clearTimeout(id); return true; }, SDL_CreateThread: function() { throw 'SDL threads cannot be supported in the web platform because they assume shared state. See emscripten_create_worker etc. for a message-passing concurrency model that does let you run code in another thread.' }, SDL_WaitThread: function() { throw 'SDL_WaitThread' }, SDL_GetThreadID: function() { throw 'SDL_GetThreadID' }, SDL_ThreadID: function() { throw 'SDL_ThreadID' }, SDL_AllocRW: function() { throw 'SDL_AllocRW: TODO' }, SDL_CondBroadcast: function() { throw 'SDL_CondBroadcast: TODO' }, SDL_CondWaitTimeout: function() { throw 'SDL_CondWaitTimeout: TODO' }, SDL_WM_IconifyWindow: function() { throw 'SDL_WM_IconifyWindow TODO' }, Mix_SetPostMix: function() { Runtime.warnOnce('Mix_SetPostMix: TODO') }, Mix_QuerySpec: function() { throw 'Mix_QuerySpec: TODO' }, Mix_FadeInChannelTimed: function() { throw 'Mix_FadeInChannelTimed' }, Mix_FadeOutChannel: function() { throw 'Mix_FadeOutChannel' }, Mix_Linked_Version: function() { throw 'Mix_Linked_Version: TODO' }, SDL_SaveBMP_RW: function() { throw 'SDL_SaveBMP_RW: TODO' }, SDL_WM_SetIcon: function() { /* This function would set the application window icon surface, which doesn't apply for web canvases, so a no-op. */ }, SDL_HasRDTSC: function() { return 0; }, SDL_HasMMX: function() { return 0; }, SDL_HasMMXExt: function() { return 0; }, SDL_Has3DNow: function() { return 0; }, SDL_Has3DNowExt: function() { return 0; }, SDL_HasSSE: function() { return 0; }, SDL_HasSSE2: function() { return 0; }, SDL_HasAltiVec: function() { return 0; } }; autoAddDeps(LibrarySDL, '$SDL'); mergeInto(LibraryManager.library, LibrarySDL);