godotengine
/
godot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Canvas resize callback, to update buffer size.

This commit is contained in:
Fabio Alessandrelli 2020-06-15 12:19:07 +02:00
parent 806b23208f
commit b146bf2528
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
platform/javascript/os_javascript.cpp
View File

@ -96,6 +96,16 @@ static Point2 compute_position_in_canvas(int x, int y) {
static bool cursor_inside_canvas = true; static bool cursor_inside_canvas = true;
extern "C" EMSCRIPTEN_KEEPALIVE void _canvas_resize_callback() {
OS_JavaScript *os = OS_JavaScript::get_singleton();
int canvas_width;
int canvas_height;
// Update the framebuffer size.
emscripten_get_canvas_element_size(os->canvas_id.utf8().get_data(), &canvas_width, &canvas_height);
emscripten_set_canvas_element_size(os->canvas_id.utf8().get_data(), canvas_width, canvas_height);
Main::force_redraw();
}
EM_BOOL OS_JavaScript::fullscreen_change_callback(int p_event_type, const EmscriptenFullscreenChangeEvent *p_event, void *p_user_data) { EM_BOOL OS_JavaScript::fullscreen_change_callback(int p_event_type, const EmscriptenFullscreenChangeEvent *p_event, void *p_user_data) {
OS_JavaScript *os = get_singleton(); OS_JavaScript *os = get_singleton();
@ -1052,6 +1062,12 @@ Error OS_JavaScript::initialize(const VideoMode &p_desired, int p_video_driver,
Module.listeners['drop'] = Module.drop_handler; // Defined in native/utils.js Module.listeners['drop'] = Module.drop_handler; // Defined in native/utils.js
canvas.addEventListener('dragover', Module.listeners['dragover'], false); canvas.addEventListener('dragover', Module.listeners['dragover'], false);
canvas.addEventListener('drop', Module.listeners['drop'], false); canvas.addEventListener('drop', Module.listeners['drop'], false);
// Resize
const resize_callback = cwrap('_canvas_resize_callback', null, []);
Module.resize_observer = new window['ResizeObserver'](function(elements) {
resize_callback();
});
Module.resize_observer.observe(canvas);
// Quit request // Quit request
Module['request_quit'] = function() { Module['request_quit'] = function() {
send_notification(notifications[notifications.length - 1]); send_notification(notifications[notifications.length - 1]);
@ -1142,14 +1158,17 @@ void OS_JavaScript::delete_main_loop() {
void OS_JavaScript::finalize_async() { void OS_JavaScript::finalize_async() {
EM_ASM({ EM_ASM({
const canvas = Module['canvas'];
Object.entries(Module.listeners).forEach(function(kv) { Object.entries(Module.listeners).forEach(function(kv) {
if (kv[0] == 'paste') { if (kv[0] == 'paste') {
window.removeEventListener(kv[0], kv[1], true); window.removeEventListener(kv[0], kv[1], true);
} else { } else {
Module['canvas'].removeEventListener(kv[0], kv[1]); canvas.removeEventListener(kv[0], kv[1]);
} }
}); });
Module.listeners = {}; Module.listeners = {};
Module.resize_observer.unobserve(canvas);
delete Module.resize_observer;
}); });
audio_driver_javascript.finish_async(); audio_driver_javascript.finish_async();
} }