os_javascript.cpp 43 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447
  1. /*************************************************************************/
  2. /* os_javascript.cpp */
  3. /*************************************************************************/
  4. /* This file is part of: */
  5. /* GODOT ENGINE */
  6. /* https://godotengine.org */
  7. /*************************************************************************/
  8. /* Copyright (c) 2007-2020 Juan Linietsky, Ariel Manzur. */
  9. /* Copyright (c) 2014-2020 Godot Engine contributors (cf. AUTHORS.md). */
  10. /* */
  11. /* Permission is hereby granted, free of charge, to any person obtaining */
  12. /* a copy of this software and associated documentation files (the */
  13. /* "Software"), to deal in the Software without restriction, including */
  14. /* without limitation the rights to use, copy, modify, merge, publish, */
  15. /* distribute, sublicense, and/or sell copies of the Software, and to */
  16. /* permit persons to whom the Software is furnished to do so, subject to */
  17. /* the following conditions: */
  18. /* */
  19. /* The above copyright notice and this permission notice shall be */
  20. /* included in all copies or substantial portions of the Software. */
  21. /* */
  22. /* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, */
  23. /* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF */
  24. /* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.*/
  25. /* IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY */
  26. /* CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, */
  27. /* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE */
  28. /* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
  29. /*************************************************************************/
  30. #include "os_javascript.h"
  31. #include "core/io/file_access_buffered_fa.h"
  32. #include "core/io/json.h"
  33. #include "drivers/gles2/rasterizer_gles2.h"
  34. #include "drivers/gles3/rasterizer_gles3.h"
  35. #include "drivers/unix/dir_access_unix.h"
  36. #include "drivers/unix/file_access_unix.h"
  37. #include "main/main.h"
  38. #include "servers/visual/visual_server_raster.h"
  39. #ifndef NO_THREADS
  40. #include "servers/visual/visual_server_wrap_mt.h"
  41. #endif
  42. #include <emscripten.h>
  43. #include <png.h>
  44. #include <stdlib.h>
  45. #include "dom_keys.inc"
  46. #define DOM_BUTTON_LEFT 0
  47. #define DOM_BUTTON_MIDDLE 1
  48. #define DOM_BUTTON_RIGHT 2
  49. #define DOM_BUTTON_XBUTTON1 3
  50. #define DOM_BUTTON_XBUTTON2 4
  51. // Window (canvas)
  52. static void focus_canvas() {
  53. /* clang-format off */
  54. EM_ASM({
  55. Module['canvas'].focus();
  56. });
  57. /* clang-format on */
  58. }
  59. static bool is_canvas_focused() {
  60. /* clang-format off */
  61. return EM_ASM_INT({
  62. return document.activeElement == Module['canvas'];
  63. });
  64. /* clang-format on */
  65. }
  66. static Point2 compute_position_in_canvas(int x, int y) {
  67. OS_JavaScript *os = OS_JavaScript::get_singleton();
  68. int canvas_x = EM_ASM_INT({
  69. return Module['canvas'].getBoundingClientRect().x;
  70. });
  71. int canvas_y = EM_ASM_INT({
  72. return Module['canvas'].getBoundingClientRect().y;
  73. });
  74. int canvas_width;
  75. int canvas_height;
  76. emscripten_get_canvas_element_size(os->canvas_id.utf8().get_data(), &canvas_width, &canvas_height);
  77. double element_width;
  78. double element_height;
  79. emscripten_get_element_css_size(os->canvas_id.utf8().get_data(), &element_width, &element_height);
  80. return Point2((int)(canvas_width / element_width * (x - canvas_x)),
  81. (int)(canvas_height / element_height * (y - canvas_y)));
  82. }
  83. bool OS_JavaScript::check_size_force_redraw() {
  84. int canvas_width;
  85. int canvas_height;
  86. emscripten_get_canvas_element_size(canvas_id.utf8().get_data(), &canvas_width, &canvas_height);
  87. if (last_width != canvas_width || last_height != canvas_height) {
  88. last_width = canvas_width;
  89. last_height = canvas_height;
  90. // Update the framebuffer size and for redraw.
  91. emscripten_set_canvas_element_size(canvas_id.utf8().get_data(), canvas_width, canvas_height);
  92. return true;
  93. }
  94. return false;
  95. }
  96. static bool cursor_inside_canvas = true;
  97. EM_BOOL OS_JavaScript::fullscreen_change_callback(int p_event_type, const EmscriptenFullscreenChangeEvent *p_event, void *p_user_data) {
  98. OS_JavaScript *os = get_singleton();
  99. // Empty ID is canvas.
  100. String target_id = String::utf8(p_event->id);
  101. if (target_id.empty() || target_id == "canvas") {
  102. // This event property is the only reliable data on
  103. // browser fullscreen state.
  104. os->video_mode.fullscreen = p_event->isFullscreen;
  105. if (os->video_mode.fullscreen) {
  106. os->entering_fullscreen = false;
  107. } else {
  108. // Restoring maximized window now will cause issues,
  109. // so delay until main_loop_iterate.
  110. os->just_exited_fullscreen = true;
  111. }
  112. }
  113. return false;
  114. }
  115. void OS_JavaScript::set_video_mode(const VideoMode &p_video_mode, int p_screen) {
  116. video_mode = p_video_mode;
  117. }
  118. OS::VideoMode OS_JavaScript::get_video_mode(int p_screen) const {
  119. return video_mode;
  120. }
  121. Size2 OS_JavaScript::get_screen_size(int p_screen) const {
  122. EmscriptenFullscreenChangeEvent ev;
  123. EMSCRIPTEN_RESULT result = emscripten_get_fullscreen_status(&ev);
  124. ERR_FAIL_COND_V(result != EMSCRIPTEN_RESULT_SUCCESS, Size2());
  125. return Size2(ev.screenWidth, ev.screenHeight);
  126. }
  127. void OS_JavaScript::set_window_size(const Size2 p_size) {
  128. windowed_size = p_size;
  129. if (video_mode.fullscreen) {
  130. window_maximized = false;
  131. set_window_fullscreen(false);
  132. } else {
  133. if (window_maximized) {
  134. emscripten_exit_soft_fullscreen();
  135. window_maximized = false;
  136. }
  137. emscripten_set_canvas_element_size(canvas_id.utf8().get_data(), p_size.x, p_size.y);
  138. }
  139. }
  140. Size2 OS_JavaScript::get_window_size() const {
  141. int canvas[2];
  142. emscripten_get_canvas_element_size(canvas_id.utf8().get_data(), canvas, canvas + 1);
  143. return Size2(canvas[0], canvas[1]);
  144. }
  145. void OS_JavaScript::set_window_maximized(bool p_enabled) {
  146. if (video_mode.fullscreen) {
  147. window_maximized = p_enabled;
  148. set_window_fullscreen(false);
  149. } else if (!p_enabled) {
  150. emscripten_exit_soft_fullscreen();
  151. window_maximized = false;
  152. } else if (!window_maximized) {
  153. // Prevent calling emscripten_enter_soft_fullscreen mutltiple times,
  154. // this would hide page elements permanently.
  155. EmscriptenFullscreenStrategy strategy;
  156. strategy.scaleMode = EMSCRIPTEN_FULLSCREEN_SCALE_STRETCH;
  157. strategy.canvasResolutionScaleMode = EMSCRIPTEN_FULLSCREEN_CANVAS_SCALE_STDDEF;
  158. strategy.filteringMode = EMSCRIPTEN_FULLSCREEN_FILTERING_DEFAULT;
  159. strategy.canvasResizedCallback = NULL;
  160. emscripten_enter_soft_fullscreen(canvas_id.utf8().get_data(), &strategy);
  161. window_maximized = p_enabled;
  162. }
  163. }
  164. bool OS_JavaScript::is_window_maximized() const {
  165. return window_maximized;
  166. }
  167. void OS_JavaScript::set_window_fullscreen(bool p_enabled) {
  168. if (p_enabled == video_mode.fullscreen) {
  169. return;
  170. }
  171. // Just request changes here, if successful, logic continues in
  172. // fullscreen_change_callback.
  173. if (p_enabled) {
  174. if (window_maximized) {
  175. // Soft fullsreen during real fullscreen can cause issues, so exit.
  176. // This must be called before requesting full screen.
  177. emscripten_exit_soft_fullscreen();
  178. }
  179. EmscriptenFullscreenStrategy strategy;
  180. strategy.scaleMode = EMSCRIPTEN_FULLSCREEN_SCALE_STRETCH;
  181. strategy.canvasResolutionScaleMode = EMSCRIPTEN_FULLSCREEN_CANVAS_SCALE_STDDEF;
  182. strategy.filteringMode = EMSCRIPTEN_FULLSCREEN_FILTERING_DEFAULT;
  183. strategy.canvasResizedCallback = NULL;
  184. EMSCRIPTEN_RESULT result = emscripten_request_fullscreen_strategy(canvas_id.utf8().get_data(), false, &strategy);
  185. ERR_FAIL_COND_MSG(result == EMSCRIPTEN_RESULT_FAILED_NOT_DEFERRED, "Enabling fullscreen is only possible from an input callback for the HTML5 platform.");
  186. ERR_FAIL_COND_MSG(result != EMSCRIPTEN_RESULT_SUCCESS, "Enabling fullscreen is only possible from an input callback for the HTML5 platform.");
  187. // Not fullscreen yet, so prevent "windowed" canvas dimensions from
  188. // being overwritten.
  189. entering_fullscreen = true;
  190. } else {
  191. // No logic allowed here, since exiting w/ ESC key won't use this function.
  192. ERR_FAIL_COND(emscripten_exit_fullscreen() != EMSCRIPTEN_RESULT_SUCCESS);
  193. }
  194. }
  195. bool OS_JavaScript::is_window_fullscreen() const {
  196. return video_mode.fullscreen;
  197. }
  198. void OS_JavaScript::get_fullscreen_mode_list(List<VideoMode> *p_list, int p_screen) const {
  199. Size2 screen = get_screen_size();
  200. p_list->push_back(OS::VideoMode(screen.width, screen.height, true));
  201. }
  202. bool OS_JavaScript::get_window_per_pixel_transparency_enabled() const {
  203. if (!is_layered_allowed()) {
  204. return false;
  205. }
  206. return transparency_enabled;
  207. }
  208. void OS_JavaScript::set_window_per_pixel_transparency_enabled(bool p_enabled) {
  209. if (!is_layered_allowed()) {
  210. return;
  211. }
  212. transparency_enabled = p_enabled;
  213. }
  214. // Keys
  215. template <typename T>
  216. static void dom2godot_mod(T *emscripten_event_ptr, Ref<InputEventWithModifiers> godot_event) {
  217. godot_event->set_shift(emscripten_event_ptr->shiftKey);
  218. godot_event->set_alt(emscripten_event_ptr->altKey);
  219. godot_event->set_control(emscripten_event_ptr->ctrlKey);
  220. godot_event->set_metakey(emscripten_event_ptr->metaKey);
  221. }
  222. static Ref<InputEventKey> setup_key_event(const EmscriptenKeyboardEvent *emscripten_event) {
  223. Ref<InputEventKey> ev;
  224. ev.instance();
  225. ev->set_echo(emscripten_event->repeat);
  226. dom2godot_mod(emscripten_event, ev);
  227. ev->set_scancode(dom_code2godot_scancode(emscripten_event->code, emscripten_event->key));
  228. String unicode = String::utf8(emscripten_event->key);
  229. // Check if empty or multi-character (e.g. `CapsLock`).
  230. if (unicode.length() != 1) {
  231. // Might be empty as well, but better than nonsense.
  232. unicode = String::utf8(emscripten_event->charValue);
  233. }
  234. if (unicode.length() == 1) {
  235. ev->set_unicode(unicode[0]);
  236. }
  237. return ev;
  238. }
  239. EM_BOOL OS_JavaScript::keydown_callback(int p_event_type, const EmscriptenKeyboardEvent *p_event, void *p_user_data) {
  240. OS_JavaScript *os = get_singleton();
  241. Ref<InputEventKey> ev = setup_key_event(p_event);
  242. ev->set_pressed(true);
  243. if (ev->get_unicode() == 0 && keycode_has_unicode(ev->get_scancode())) {
  244. // Defer to keypress event for legacy unicode retrieval.
  245. os->deferred_key_event = ev;
  246. // Do not suppress keypress event.
  247. return false;
  248. }
  249. os->input->parse_input_event(ev);
  250. // Resume audio context after input in case autoplay was denied.
  251. os->resume_audio();
  252. return true;
  253. }
  254. EM_BOOL OS_JavaScript::keypress_callback(int p_event_type, const EmscriptenKeyboardEvent *p_event, void *p_user_data) {
  255. OS_JavaScript *os = get_singleton();
  256. os->deferred_key_event->set_unicode(p_event->charCode);
  257. os->input->parse_input_event(os->deferred_key_event);
  258. return true;
  259. }
  260. EM_BOOL OS_JavaScript::keyup_callback(int p_event_type, const EmscriptenKeyboardEvent *p_event, void *p_user_data) {
  261. Ref<InputEventKey> ev = setup_key_event(p_event);
  262. ev->set_pressed(false);
  263. get_singleton()->input->parse_input_event(ev);
  264. return ev->get_scancode() != KEY_UNKNOWN && ev->get_scancode() != 0;
  265. }
  266. // Mouse
  267. Point2 OS_JavaScript::get_mouse_position() const {
  268. return input->get_mouse_position();
  269. }
  270. int OS_JavaScript::get_mouse_button_state() const {
  271. return input->get_mouse_button_mask();
  272. }
  273. EM_BOOL OS_JavaScript::mouse_button_callback(int p_event_type, const EmscriptenMouseEvent *p_event, void *p_user_data) {
  274. OS_JavaScript *os = get_singleton();
  275. Ref<InputEventMouseButton> ev;
  276. ev.instance();
  277. ev->set_pressed(p_event_type == EMSCRIPTEN_EVENT_MOUSEDOWN);
  278. ev->set_position(compute_position_in_canvas(p_event->clientX, p_event->clientY));
  279. ev->set_global_position(ev->get_position());
  280. dom2godot_mod(p_event, ev);
  281. switch (p_event->button) {
  282. case DOM_BUTTON_LEFT: ev->set_button_index(BUTTON_LEFT); break;
  283. case DOM_BUTTON_MIDDLE: ev->set_button_index(BUTTON_MIDDLE); break;
  284. case DOM_BUTTON_RIGHT: ev->set_button_index(BUTTON_RIGHT); break;
  285. case DOM_BUTTON_XBUTTON1: ev->set_button_index(BUTTON_XBUTTON1); break;
  286. case DOM_BUTTON_XBUTTON2: ev->set_button_index(BUTTON_XBUTTON2); break;
  287. default: return false;
  288. }
  289. if (ev->is_pressed()) {
  290. double diff = emscripten_get_now() - os->last_click_ms;
  291. if (ev->get_button_index() == os->last_click_button_index) {
  292. if (diff < 400 && Point2(os->last_click_pos).distance_to(ev->get_position()) < 5) {
  293. os->last_click_ms = 0;
  294. os->last_click_pos = Point2(-100, -100);
  295. os->last_click_button_index = -1;
  296. ev->set_doubleclick(true);
  297. }
  298. } else {
  299. os->last_click_button_index = ev->get_button_index();
  300. }
  301. if (!ev->is_doubleclick()) {
  302. os->last_click_ms += diff;
  303. os->last_click_pos = ev->get_position();
  304. }
  305. }
  306. int mask = os->input->get_mouse_button_mask();
  307. int button_flag = 1 << (ev->get_button_index() - 1);
  308. if (ev->is_pressed()) {
  309. // Since the event is consumed, focus manually. The containing iframe,
  310. // if exists, may not have focus yet, so focus even if already focused.
  311. focus_canvas();
  312. mask |= button_flag;
  313. } else if (mask & button_flag) {
  314. mask &= ~button_flag;
  315. } else {
  316. // Received release event, but press was outside the canvas, so ignore.
  317. return false;
  318. }
  319. ev->set_button_mask(mask);
  320. os->input->parse_input_event(ev);
  321. // Resume audio context after input in case autoplay was denied.
  322. os->resume_audio();
  323. // Prevent multi-click text selection and wheel-click scrolling anchor.
  324. // Context menu is prevented through contextmenu event.
  325. return true;
  326. }
  327. EM_BOOL OS_JavaScript::mousemove_callback(int p_event_type, const EmscriptenMouseEvent *p_event, void *p_user_data) {
  328. OS_JavaScript *os = get_singleton();
  329. int input_mask = os->input->get_mouse_button_mask();
  330. Point2 pos = compute_position_in_canvas(p_event->clientX, p_event->clientY);
  331. // For motion outside the canvas, only read mouse movement if dragging
  332. // started inside the canvas; imitating desktop app behaviour.
  333. if (!cursor_inside_canvas && !input_mask)
  334. return false;
  335. Ref<InputEventMouseMotion> ev;
  336. ev.instance();
  337. dom2godot_mod(p_event, ev);
  338. ev->set_button_mask(input_mask);
  339. ev->set_position(pos);
  340. ev->set_global_position(ev->get_position());
  341. ev->set_relative(Vector2(p_event->movementX, p_event->movementY));
  342. os->input->set_mouse_position(ev->get_position());
  343. ev->set_speed(os->input->get_last_mouse_speed());
  344. os->input->parse_input_event(ev);
  345. // Don't suppress mouseover/-leave events.
  346. return false;
  347. }
  348. static const char *godot2dom_cursor(OS::CursorShape p_shape) {
  349. switch (p_shape) {
  350. case OS::CURSOR_ARROW:
  351. default:
  352. return "auto";
  353. case OS::CURSOR_IBEAM: return "text";
  354. case OS::CURSOR_POINTING_HAND: return "pointer";
  355. case OS::CURSOR_CROSS: return "crosshair";
  356. case OS::CURSOR_WAIT: return "progress";
  357. case OS::CURSOR_BUSY: return "wait";
  358. case OS::CURSOR_DRAG: return "grab";
  359. case OS::CURSOR_CAN_DROP: return "grabbing";
  360. case OS::CURSOR_FORBIDDEN: return "no-drop";
  361. case OS::CURSOR_VSIZE: return "ns-resize";
  362. case OS::CURSOR_HSIZE: return "ew-resize";
  363. case OS::CURSOR_BDIAGSIZE: return "nesw-resize";
  364. case OS::CURSOR_FDIAGSIZE: return "nwse-resize";
  365. case OS::CURSOR_MOVE: return "move";
  366. case OS::CURSOR_VSPLIT: return "row-resize";
  367. case OS::CURSOR_HSPLIT: return "col-resize";
  368. case OS::CURSOR_HELP: return "help";
  369. }
  370. }
  371. static void set_css_cursor(const char *p_cursor) {
  372. /* clang-format off */
  373. EM_ASM({
  374. Module['canvas'].style.cursor = UTF8ToString($0);
  375. }, p_cursor);
  376. /* clang-format on */
  377. }
  378. static bool is_css_cursor_hidden() {
  379. /* clang-format off */
  380. return EM_ASM_INT({
  381. return Module['canvas'].style.cursor === 'none';
  382. });
  383. /* clang-format on */
  384. }
  385. void OS_JavaScript::set_cursor_shape(CursorShape p_shape) {
  386. ERR_FAIL_INDEX(p_shape, CURSOR_MAX);
  387. if (get_mouse_mode() == MOUSE_MODE_VISIBLE) {
  388. if (cursors[p_shape] != "") {
  389. Vector<String> url = cursors[p_shape].split("?");
  390. set_css_cursor(("url(\"" + url[0] + "\") " + url[1] + ", auto").utf8());
  391. } else {
  392. set_css_cursor(godot2dom_cursor(p_shape));
  393. }
  394. }
  395. cursor_shape = p_shape;
  396. }
  397. void OS_JavaScript::set_custom_mouse_cursor(const RES &p_cursor, CursorShape p_shape, const Vector2 &p_hotspot) {
  398. if (p_cursor.is_valid()) {
  399. Map<CursorShape, Vector<Variant> >::Element *cursor_c = cursors_cache.find(p_shape);
  400. if (cursor_c) {
  401. if (cursor_c->get()[0] == p_cursor && cursor_c->get()[1] == p_hotspot) {
  402. set_cursor_shape(p_shape);
  403. return;
  404. }
  405. cursors_cache.erase(p_shape);
  406. }
  407. Ref<Texture> texture = p_cursor;
  408. Ref<AtlasTexture> atlas_texture = p_cursor;
  409. Ref<Image> image;
  410. Size2 texture_size;
  411. Rect2 atlas_rect;
  412. if (texture.is_valid()) {
  413. image = texture->get_data();
  414. if (image.is_valid()) {
  415. image->duplicate();
  416. }
  417. }
  418. if (!image.is_valid() && atlas_texture.is_valid()) {
  419. texture = atlas_texture->get_atlas();
  420. atlas_rect.size.width = texture->get_width();
  421. atlas_rect.size.height = texture->get_height();
  422. atlas_rect.position.x = atlas_texture->get_region().position.x;
  423. atlas_rect.position.y = atlas_texture->get_region().position.y;
  424. texture_size.width = atlas_texture->get_region().size.x;
  425. texture_size.height = atlas_texture->get_region().size.y;
  426. } else if (image.is_valid()) {
  427. texture_size.width = texture->get_width();
  428. texture_size.height = texture->get_height();
  429. }
  430. ERR_FAIL_COND(!texture.is_valid());
  431. ERR_FAIL_COND(p_hotspot.x < 0 || p_hotspot.y < 0);
  432. ERR_FAIL_COND(texture_size.width > 256 || texture_size.height > 256);
  433. ERR_FAIL_COND(p_hotspot.x > texture_size.width || p_hotspot.y > texture_size.height);
  434. image = texture->get_data();
  435. ERR_FAIL_COND(!image.is_valid());
  436. image = image->duplicate();
  437. if (atlas_texture.is_valid())
  438. image->crop_from_point(
  439. atlas_rect.position.x,
  440. atlas_rect.position.y,
  441. texture_size.width,
  442. texture_size.height);
  443. if (image->get_format() != Image::FORMAT_RGBA8) {
  444. image->convert(Image::FORMAT_RGBA8);
  445. }
  446. png_image png_meta;
  447. memset(&png_meta, 0, sizeof png_meta);
  448. png_meta.version = PNG_IMAGE_VERSION;
  449. png_meta.width = texture_size.width;
  450. png_meta.height = texture_size.height;
  451. png_meta.format = PNG_FORMAT_RGBA;
  452. PoolByteArray png;
  453. size_t len;
  454. PoolByteArray::Read r = image->get_data().read();
  455. ERR_FAIL_COND(!png_image_write_get_memory_size(png_meta, len, 0, r.ptr(), 0, NULL));
  456. png.resize(len);
  457. PoolByteArray::Write w = png.write();
  458. ERR_FAIL_COND(!png_image_write_to_memory(&png_meta, w.ptr(), &len, 0, r.ptr(), 0, NULL));
  459. w = PoolByteArray::Write();
  460. r = png.read();
  461. char *object_url;
  462. /* clang-format off */
  463. EM_ASM({
  464. var PNG_PTR = $0;
  465. var PNG_LEN = $1;
  466. var PTR = $2;
  467. var png = new Blob([HEAPU8.slice(PNG_PTR, PNG_PTR + PNG_LEN)], { type: 'image/png' });
  468. var url = URL.createObjectURL(png);
  469. var length_bytes = lengthBytesUTF8(url) + 1;
  470. var string_on_wasm_heap = _malloc(length_bytes);
  471. setValue(PTR, string_on_wasm_heap, '*');
  472. stringToUTF8(url, string_on_wasm_heap, length_bytes);
  473. }, r.ptr(), len, &object_url);
  474. /* clang-format on */
  475. r = PoolByteArray::Read();
  476. String url = String::utf8(object_url) + "?" + itos(p_hotspot.x) + " " + itos(p_hotspot.y);
  477. /* clang-format off */
  478. EM_ASM({ _free($0); }, object_url);
  479. /* clang-format on */
  480. if (cursors[p_shape] != "") {
  481. /* clang-format off */
  482. EM_ASM({
  483. URL.revokeObjectURL(UTF8ToString($0).split('?')[0]);
  484. }, cursors[p_shape].utf8().get_data());
  485. /* clang-format on */
  486. cursors[p_shape] = "";
  487. }
  488. cursors[p_shape] = url;
  489. Vector<Variant> params;
  490. params.push_back(p_cursor);
  491. params.push_back(p_hotspot);
  492. cursors_cache.insert(p_shape, params);
  493. } else if (cursors[p_shape] != "") {
  494. /* clang-format off */
  495. EM_ASM({
  496. URL.revokeObjectURL(UTF8ToString($0).split('?')[0]);
  497. }, cursors[p_shape].utf8().get_data());
  498. /* clang-format on */
  499. cursors[p_shape] = "";
  500. cursors_cache.erase(p_shape);
  501. }
  502. set_cursor_shape(cursor_shape);
  503. }
  504. void OS_JavaScript::set_mouse_mode(OS::MouseMode p_mode) {
  505. ERR_FAIL_COND_MSG(p_mode == MOUSE_MODE_CONFINED, "MOUSE_MODE_CONFINED is not supported for the HTML5 platform.");
  506. if (p_mode == get_mouse_mode())
  507. return;
  508. if (p_mode == MOUSE_MODE_VISIBLE) {
  509. // set_css_cursor must be called before set_cursor_shape to make the cursor visible
  510. set_css_cursor(godot2dom_cursor(cursor_shape));
  511. set_cursor_shape(cursor_shape);
  512. emscripten_exit_pointerlock();
  513. } else if (p_mode == MOUSE_MODE_HIDDEN) {
  514. set_css_cursor("none");
  515. emscripten_exit_pointerlock();
  516. } else if (p_mode == MOUSE_MODE_CAPTURED) {
  517. EMSCRIPTEN_RESULT result = emscripten_request_pointerlock("canvas", false);
  518. ERR_FAIL_COND_MSG(result == EMSCRIPTEN_RESULT_FAILED_NOT_DEFERRED, "MOUSE_MODE_CAPTURED can only be entered from within an appropriate input callback.");
  519. ERR_FAIL_COND_MSG(result != EMSCRIPTEN_RESULT_SUCCESS, "MOUSE_MODE_CAPTURED can only be entered from within an appropriate input callback.");
  520. // set_css_cursor must be called before set_cursor_shape to make the cursor visible
  521. set_css_cursor(godot2dom_cursor(cursor_shape));
  522. set_cursor_shape(cursor_shape);
  523. }
  524. }
  525. OS::MouseMode OS_JavaScript::get_mouse_mode() const {
  526. if (is_css_cursor_hidden())
  527. return MOUSE_MODE_HIDDEN;
  528. EmscriptenPointerlockChangeEvent ev;
  529. emscripten_get_pointerlock_status(&ev);
  530. return (ev.isActive && String::utf8(ev.id) == "canvas") ? MOUSE_MODE_CAPTURED : MOUSE_MODE_VISIBLE;
  531. }
  532. // Wheel
  533. EM_BOOL OS_JavaScript::wheel_callback(int p_event_type, const EmscriptenWheelEvent *p_event, void *p_user_data) {
  534. ERR_FAIL_COND_V(p_event_type != EMSCRIPTEN_EVENT_WHEEL, false);
  535. if (!is_canvas_focused()) {
  536. if (cursor_inside_canvas) {
  537. focus_canvas();
  538. } else {
  539. return false;
  540. }
  541. }
  542. InputDefault *input = get_singleton()->input;
  543. Ref<InputEventMouseButton> ev;
  544. ev.instance();
  545. ev->set_position(input->get_mouse_position());
  546. ev->set_global_position(ev->get_position());
  547. ev->set_shift(input->is_key_pressed(KEY_SHIFT));
  548. ev->set_alt(input->is_key_pressed(KEY_ALT));
  549. ev->set_control(input->is_key_pressed(KEY_CONTROL));
  550. ev->set_metakey(input->is_key_pressed(KEY_META));
  551. if (p_event->deltaY < 0)
  552. ev->set_button_index(BUTTON_WHEEL_UP);
  553. else if (p_event->deltaY > 0)
  554. ev->set_button_index(BUTTON_WHEEL_DOWN);
  555. else if (p_event->deltaX > 0)
  556. ev->set_button_index(BUTTON_WHEEL_LEFT);
  557. else if (p_event->deltaX < 0)
  558. ev->set_button_index(BUTTON_WHEEL_RIGHT);
  559. else
  560. return false;
  561. // Different browsers give wildly different delta values, and we can't
  562. // interpret deltaMode, so use default value for wheel events' factor.
  563. int button_flag = 1 << (ev->get_button_index() - 1);
  564. ev->set_pressed(true);
  565. ev->set_button_mask(input->get_mouse_button_mask() | button_flag);
  566. input->parse_input_event(ev);
  567. ev->set_pressed(false);
  568. ev->set_button_mask(input->get_mouse_button_mask() & ~button_flag);
  569. input->parse_input_event(ev);
  570. return true;
  571. }
  572. // Touch
  573. bool OS_JavaScript::has_touchscreen_ui_hint() const {
  574. /* clang-format off */
  575. return EM_ASM_INT({
  576. return 'ontouchstart' in window;
  577. });
  578. /* clang-format on */
  579. }
  580. EM_BOOL OS_JavaScript::touch_press_callback(int p_event_type, const EmscriptenTouchEvent *p_event, void *p_user_data) {
  581. OS_JavaScript *os = get_singleton();
  582. Ref<InputEventScreenTouch> ev;
  583. ev.instance();
  584. int lowest_id_index = -1;
  585. for (int i = 0; i < p_event->numTouches; ++i) {
  586. const EmscriptenTouchPoint &touch = p_event->touches[i];
  587. if (lowest_id_index == -1 || touch.identifier < p_event->touches[lowest_id_index].identifier)
  588. lowest_id_index = i;
  589. if (!touch.isChanged)
  590. continue;
  591. ev->set_index(touch.identifier);
  592. ev->set_position(compute_position_in_canvas(touch.clientX, touch.clientY));
  593. os->touches[i] = ev->get_position();
  594. ev->set_pressed(p_event_type == EMSCRIPTEN_EVENT_TOUCHSTART);
  595. os->input->parse_input_event(ev);
  596. }
  597. // Resume audio context after input in case autoplay was denied.
  598. os->resume_audio();
  599. return true;
  600. }
  601. EM_BOOL OS_JavaScript::touchmove_callback(int p_event_type, const EmscriptenTouchEvent *p_event, void *p_user_data) {
  602. OS_JavaScript *os = get_singleton();
  603. Ref<InputEventScreenDrag> ev;
  604. ev.instance();
  605. int lowest_id_index = -1;
  606. for (int i = 0; i < p_event->numTouches; ++i) {
  607. const EmscriptenTouchPoint &touch = p_event->touches[i];
  608. if (lowest_id_index == -1 || touch.identifier < p_event->touches[lowest_id_index].identifier)
  609. lowest_id_index = i;
  610. if (!touch.isChanged)
  611. continue;
  612. ev->set_index(touch.identifier);
  613. ev->set_position(compute_position_in_canvas(touch.clientX, touch.clientY));
  614. Point2 &prev = os->touches[i];
  615. ev->set_relative(ev->get_position() - prev);
  616. prev = ev->get_position();
  617. os->input->parse_input_event(ev);
  618. }
  619. return true;
  620. }
  621. // Gamepad
  622. EM_BOOL OS_JavaScript::gamepad_change_callback(int p_event_type, const EmscriptenGamepadEvent *p_event, void *p_user_data) {
  623. InputDefault *input = get_singleton()->input;
  624. if (p_event_type == EMSCRIPTEN_EVENT_GAMEPADCONNECTED) {
  625. String guid = "";
  626. if (String::utf8(p_event->mapping) == "standard")
  627. guid = "Default HTML5 Gamepad";
  628. input->joy_connection_changed(p_event->index, true, String::utf8(p_event->id), guid);
  629. } else {
  630. input->joy_connection_changed(p_event->index, false, "");
  631. }
  632. return true;
  633. }
  634. void OS_JavaScript::process_joypads() {
  635. int joypad_count = emscripten_get_num_gamepads();
  636. for (int joypad = 0; joypad < joypad_count; joypad++) {
  637. EmscriptenGamepadEvent state;
  638. EMSCRIPTEN_RESULT query_result = emscripten_get_gamepad_status(joypad, &state);
  639. // Chromium reserves gamepads slots, so NO_DATA is an expected result.
  640. ERR_CONTINUE(query_result != EMSCRIPTEN_RESULT_SUCCESS &&
  641. query_result != EMSCRIPTEN_RESULT_NO_DATA);
  642. if (query_result == EMSCRIPTEN_RESULT_SUCCESS && state.connected) {
  643. int button_count = MIN(state.numButtons, 18);
  644. int axis_count = MIN(state.numAxes, 8);
  645. for (int button = 0; button < button_count; button++) {
  646. float value = state.analogButton[button];
  647. if (String::utf8(state.mapping) == "standard" && (button == JOY_ANALOG_L2 || button == JOY_ANALOG_R2)) {
  648. InputDefault::JoyAxis joy_axis;
  649. joy_axis.min = 0;
  650. joy_axis.value = value;
  651. input->joy_axis(joypad, button, joy_axis);
  652. } else {
  653. input->joy_button(joypad, button, value);
  654. }
  655. }
  656. for (int axis = 0; axis < axis_count; axis++) {
  657. InputDefault::JoyAxis joy_axis;
  658. joy_axis.min = -1;
  659. joy_axis.value = state.axis[axis];
  660. input->joy_axis(joypad, axis, joy_axis);
  661. }
  662. }
  663. }
  664. }
  665. bool OS_JavaScript::is_joy_known(int p_device) {
  666. return input->is_joy_mapped(p_device);
  667. }
  668. String OS_JavaScript::get_joy_guid(int p_device) const {
  669. return input->get_joy_guid_remapped(p_device);
  670. }
  671. // Video
  672. int OS_JavaScript::get_video_driver_count() const {
  673. return VIDEO_DRIVER_MAX;
  674. }
  675. const char *OS_JavaScript::get_video_driver_name(int p_driver) const {
  676. switch (p_driver) {
  677. case VIDEO_DRIVER_GLES3:
  678. return "GLES3";
  679. case VIDEO_DRIVER_GLES2:
  680. return "GLES2";
  681. }
  682. ERR_FAIL_V_MSG(NULL, "Invalid video driver index: " + itos(p_driver) + ".");
  683. }
  684. // Audio
  685. int OS_JavaScript::get_audio_driver_count() const {
  686. return 1;
  687. }
  688. const char *OS_JavaScript::get_audio_driver_name(int p_driver) const {
  689. return "JavaScript";
  690. }
  691. // Clipboard
  692. extern "C" EMSCRIPTEN_KEEPALIVE void update_clipboard(const char *p_text) {
  693. // Only call set_clipboard from OS (sets local clipboard)
  694. OS::get_singleton()->OS::set_clipboard(p_text);
  695. }
  696. void OS_JavaScript::set_clipboard(const String &p_text) {
  697. OS::set_clipboard(p_text);
  698. /* clang-format off */
  699. int err = EM_ASM_INT({
  700. var text = UTF8ToString($0);
  701. if (!navigator.clipboard || !navigator.clipboard.writeText)
  702. return 1;
  703. navigator.clipboard.writeText(text).catch(function(e) {
  704. // Setting OS clipboard is only possible from an input callback.
  705. console.error("Setting OS clipboard is only possible from an input callback for the HTML5 plafrom. Exception:", e);
  706. });
  707. return 0;
  708. }, p_text.utf8().get_data());
  709. /* clang-format on */
  710. ERR_FAIL_COND_MSG(err, "Clipboard API is not supported.");
  711. }
  712. String OS_JavaScript::get_clipboard() const {
  713. /* clang-format off */
  714. EM_ASM({
  715. try {
  716. navigator.clipboard.readText().then(function (result) {
  717. ccall('update_clipboard', 'void', ['string'], [result]);
  718. }).catch(function (e) {
  719. // Fail graciously.
  720. });
  721. } catch (e) {
  722. // Fail graciously.
  723. }
  724. });
  725. /* clang-format on */
  726. return this->OS::get_clipboard();
  727. }
  728. // Lifecycle
  729. int OS_JavaScript::get_current_video_driver() const {
  730. return video_driver_index;
  731. }
  732. void OS_JavaScript::initialize_core() {
  733. OS_Unix::initialize_core();
  734. FileAccess::make_default<FileAccessBufferedFA<FileAccessUnix> >(FileAccess::ACCESS_RESOURCES);
  735. }
  736. Error OS_JavaScript::initialize(const VideoMode &p_desired, int p_video_driver, int p_audio_driver) {
  737. /* clang-format off */
  738. swap_ok_cancel = EM_ASM_INT({
  739. const win = (['Windows', 'Win64', 'Win32', 'WinCE']);
  740. const plat = navigator.platform || "";
  741. if (win.indexOf(plat) !== -1) {
  742. return 1;
  743. }
  744. return 0;
  745. }) == 1;
  746. /* clang-format on */
  747. EmscriptenWebGLContextAttributes attributes;
  748. emscripten_webgl_init_context_attributes(&attributes);
  749. attributes.alpha = GLOBAL_GET("display/window/per_pixel_transparency/allowed");
  750. attributes.antialias = false;
  751. attributes.explicitSwapControl = true;
  752. ERR_FAIL_INDEX_V(p_video_driver, VIDEO_DRIVER_MAX, ERR_INVALID_PARAMETER);
  753. if (p_desired.layered) {
  754. set_window_per_pixel_transparency_enabled(true);
  755. }
  756. bool gles3 = true;
  757. if (p_video_driver == VIDEO_DRIVER_GLES2) {
  758. gles3 = false;
  759. }
  760. bool gl_initialization_error = false;
  761. while (true) {
  762. if (gles3) {
  763. if (RasterizerGLES3::is_viable() == OK) {
  764. attributes.majorVersion = 2;
  765. RasterizerGLES3::register_config();
  766. RasterizerGLES3::make_current();
  767. break;
  768. } else {
  769. if (GLOBAL_GET("rendering/quality/driver/fallback_to_gles2")) {
  770. p_video_driver = VIDEO_DRIVER_GLES2;
  771. gles3 = false;
  772. continue;
  773. } else {
  774. gl_initialization_error = true;
  775. break;
  776. }
  777. }
  778. } else {
  779. if (RasterizerGLES2::is_viable() == OK) {
  780. attributes.majorVersion = 1;
  781. RasterizerGLES2::register_config();
  782. RasterizerGLES2::make_current();
  783. break;
  784. } else {
  785. gl_initialization_error = true;
  786. break;
  787. }
  788. }
  789. }
  790. webgl_ctx = emscripten_webgl_create_context(canvas_id.utf8().get_data(), &attributes);
  791. if (emscripten_webgl_make_context_current(webgl_ctx) != EMSCRIPTEN_RESULT_SUCCESS) {
  792. gl_initialization_error = true;
  793. }
  794. if (gl_initialization_error) {
  795. OS::get_singleton()->alert("Your browser does not support any of the supported WebGL versions.\n"
  796. "Please update your browser version.",
  797. "Unable to initialize Video driver");
  798. return ERR_UNAVAILABLE;
  799. }
  800. video_driver_index = p_video_driver;
  801. video_mode = p_desired;
  802. // fullscreen_change_callback will correct this if the request is successful.
  803. video_mode.fullscreen = false;
  804. // Emscripten only attempts fullscreen requests if the user input callback
  805. // was registered through one its own functions, so request manually for
  806. // start-up fullscreen.
  807. if (p_desired.fullscreen) {
  808. /* clang-format off */
  809. EM_ASM({
  810. const canvas = Module['canvas'];
  811. (canvas.requestFullscreen || canvas.msRequestFullscreen ||
  812. canvas.mozRequestFullScreen || canvas.mozRequestFullscreen ||
  813. canvas.webkitRequestFullscreen
  814. ).call(canvas);
  815. });
  816. /* clang-format on */
  817. }
  818. /* clang-format off */
  819. if (EM_ASM_INT({ return Module['resizeCanvasOnStart'] })) {
  820. /* clang-format on */
  821. set_window_size(Size2(video_mode.width, video_mode.height));
  822. } else {
  823. set_window_size(get_window_size());
  824. }
  825. AudioDriverManager::initialize(p_audio_driver);
  826. visual_server = memnew(VisualServerRaster());
  827. #ifndef NO_THREADS
  828. visual_server = memnew(VisualServerWrapMT(visual_server, false));
  829. #endif
  830. input = memnew(InputDefault);
  831. EMSCRIPTEN_RESULT result;
  832. CharString id = canvas_id.utf8().get_data();
  833. #define EM_CHECK(ev) \
  834. if (result != EMSCRIPTEN_RESULT_SUCCESS) \
  835. ERR_PRINTS("Error while setting " #ev " callback: Code " + itos(result))
  836. #define SET_EM_CALLBACK(target, ev, cb) \
  837. result = emscripten_set_##ev##_callback(target, NULL, true, &cb); \
  838. EM_CHECK(ev)
  839. #define SET_EM_WINDOW_CALLBACK(ev, cb) \
  840. result = emscripten_set_##ev##_callback(EMSCRIPTEN_EVENT_TARGET_WINDOW, NULL, false, &cb); \
  841. EM_CHECK(ev)
  842. #define SET_EM_CALLBACK_NOTARGET(ev, cb) \
  843. result = emscripten_set_##ev##_callback(NULL, true, &cb); \
  844. EM_CHECK(ev)
  845. // These callbacks from Emscripten's html5.h suffice to access most
  846. // JavaScript APIs. For APIs that are not (sufficiently) exposed, EM_ASM
  847. // is used below.
  848. SET_EM_CALLBACK(id.get_data(), mousedown, mouse_button_callback)
  849. SET_EM_WINDOW_CALLBACK(mousemove, mousemove_callback)
  850. SET_EM_WINDOW_CALLBACK(mouseup, mouse_button_callback)
  851. SET_EM_CALLBACK(id.get_data(), wheel, wheel_callback)
  852. SET_EM_CALLBACK(id.get_data(), touchstart, touch_press_callback)
  853. SET_EM_CALLBACK(id.get_data(), touchmove, touchmove_callback)
  854. SET_EM_CALLBACK(id.get_data(), touchend, touch_press_callback)
  855. SET_EM_CALLBACK(id.get_data(), touchcancel, touch_press_callback)
  856. SET_EM_CALLBACK(id.get_data(), keydown, keydown_callback)
  857. SET_EM_CALLBACK(id.get_data(), keypress, keypress_callback)
  858. SET_EM_CALLBACK(id.get_data(), keyup, keyup_callback)
  859. SET_EM_CALLBACK(EMSCRIPTEN_EVENT_TARGET_DOCUMENT, fullscreenchange, fullscreen_change_callback)
  860. SET_EM_CALLBACK_NOTARGET(gamepadconnected, gamepad_change_callback)
  861. SET_EM_CALLBACK_NOTARGET(gamepaddisconnected, gamepad_change_callback)
  862. #undef SET_EM_CALLBACK_NOTARGET
  863. #undef SET_EM_CALLBACK
  864. #undef EM_CHECK
  865. /* clang-format off */
  866. EM_ASM({
  867. // Bind native event listeners.
  868. // Module.listeners, and Module.drop_handler are defined in native/utils.js
  869. const canvas = Module['canvas'];
  870. const send_notification = cwrap('send_notification', null, ['number']);
  871. const notifications = arguments;
  872. (['mouseover', 'mouseleave', 'focus', 'blur']).forEach(function(event, index) {
  873. Module.listeners.add(canvas, event, send_notification.bind(null, notifications[index]), true);
  874. });
  875. // Clipboard
  876. const update_clipboard = cwrap('update_clipboard', null, ['string']);
  877. Module.listeners.add(window, 'paste', function(evt) {
  878. update_clipboard(evt.clipboardData.getData('text'));
  879. }, false);
  880. // Drag an drop
  881. Module.listeners.add(canvas, 'dragover', function(ev) {
  882. // Prevent default behavior (which would try to open the file(s))
  883. ev.preventDefault();
  884. }, false);
  885. Module.listeners.add(canvas, 'drop', Module.drop_handler, false);
  886. },
  887. MainLoop::NOTIFICATION_WM_MOUSE_ENTER,
  888. MainLoop::NOTIFICATION_WM_MOUSE_EXIT,
  889. MainLoop::NOTIFICATION_WM_FOCUS_IN,
  890. MainLoop::NOTIFICATION_WM_FOCUS_OUT
  891. );
  892. /* clang-format on */
  893. visual_server->init();
  894. return OK;
  895. }
  896. bool OS_JavaScript::get_swap_ok_cancel() {
  897. return swap_ok_cancel;
  898. }
  899. void OS_JavaScript::swap_buffers() {
  900. emscripten_webgl_commit_frame();
  901. }
  902. void OS_JavaScript::set_main_loop(MainLoop *p_main_loop) {
  903. main_loop = p_main_loop;
  904. input->set_main_loop(p_main_loop);
  905. }
  906. MainLoop *OS_JavaScript::get_main_loop() const {
  907. return main_loop;
  908. }
  909. void OS_JavaScript::resume_audio() {
  910. if (audio_driver_javascript) {
  911. audio_driver_javascript->resume();
  912. }
  913. }
  914. bool OS_JavaScript::main_loop_iterate() {
  915. if (is_userfs_persistent() && sync_wait_time >= 0) {
  916. int64_t current_time = get_ticks_msec();
  917. int64_t elapsed_time = current_time - last_sync_check_time;
  918. last_sync_check_time = current_time;
  919. sync_wait_time -= elapsed_time;
  920. if (sync_wait_time < 0) {
  921. /* clang-format off */
  922. EM_ASM(
  923. FS.syncfs(function(error) {
  924. if (error) { err('Failed to save IDB file system: ' + error.message); }
  925. });
  926. );
  927. /* clang-format on */
  928. }
  929. }
  930. if (emscripten_sample_gamepad_data() == EMSCRIPTEN_RESULT_SUCCESS)
  931. process_joypads();
  932. if (just_exited_fullscreen) {
  933. if (window_maximized) {
  934. EmscriptenFullscreenStrategy strategy;
  935. strategy.scaleMode = EMSCRIPTEN_FULLSCREEN_SCALE_STRETCH;
  936. strategy.canvasResolutionScaleMode = EMSCRIPTEN_FULLSCREEN_CANVAS_SCALE_STDDEF;
  937. strategy.filteringMode = EMSCRIPTEN_FULLSCREEN_FILTERING_DEFAULT;
  938. strategy.canvasResizedCallback = NULL;
  939. emscripten_enter_soft_fullscreen(canvas_id.utf8().get_data(), &strategy);
  940. } else {
  941. emscripten_set_canvas_element_size(canvas_id.utf8().get_data(), windowed_size.width, windowed_size.height);
  942. }
  943. emscripten_set_canvas_element_size(canvas_id.utf8().get_data(), windowed_size.width, windowed_size.height);
  944. just_exited_fullscreen = false;
  945. }
  946. int canvas[2];
  947. emscripten_get_canvas_element_size(canvas_id.utf8().get_data(), canvas, canvas + 1);
  948. video_mode.width = canvas[0];
  949. video_mode.height = canvas[1];
  950. if (!window_maximized && !video_mode.fullscreen && !just_exited_fullscreen && !entering_fullscreen) {
  951. windowed_size.width = canvas[0];
  952. windowed_size.height = canvas[1];
  953. }
  954. return Main::iteration();
  955. }
  956. void OS_JavaScript::delete_main_loop() {
  957. memdelete(main_loop);
  958. }
  959. void OS_JavaScript::finalize_async() {
  960. EM_ASM({
  961. Module.listeners.clear();
  962. });
  963. if (audio_driver_javascript) {
  964. audio_driver_javascript->finish_async();
  965. }
  966. }
  967. void OS_JavaScript::finalize() {
  968. memdelete(input);
  969. visual_server->finish();
  970. emscripten_webgl_commit_frame();
  971. memdelete(visual_server);
  972. emscripten_webgl_destroy_context(webgl_ctx);
  973. if (audio_driver_javascript) {
  974. memdelete(audio_driver_javascript);
  975. }
  976. }
  977. // Miscellaneous
  978. Error OS_JavaScript::execute(const String &p_path, const List<String> &p_arguments, bool p_blocking, ProcessID *r_child_id, String *r_pipe, int *r_exitcode, bool read_stderr, Mutex *p_pipe_mutex) {
  979. Array args;
  980. for (const List<String>::Element *E = p_arguments.front(); E; E = E->next()) {
  981. args.push_back(E->get());
  982. }
  983. String json_args = JSON::print(args);
  984. /* clang-format off */
  985. int failed = EM_ASM_INT({
  986. const json_args = UTF8ToString($0);
  987. const args = JSON.parse(json_args);
  988. if (Module["onExecute"]) {
  989. Module["onExecute"](args);
  990. return 0;
  991. }
  992. return 1;
  993. }, json_args.utf8().get_data());
  994. /* clang-format on */
  995. ERR_FAIL_COND_V_MSG(failed, ERR_UNAVAILABLE, "OS::execute() must be implemented in Javascript via 'engine.setOnExecute' if required.");
  996. return OK;
  997. }
  998. Error OS_JavaScript::kill(const ProcessID &p_pid) {
  999. ERR_FAIL_V_MSG(ERR_UNAVAILABLE, "OS::kill() is not available on the HTML5 platform.");
  1000. }
  1001. int OS_JavaScript::get_process_id() const {
  1002. ERR_FAIL_V_MSG(0, "OS::get_process_id() is not available on the HTML5 platform.");
  1003. }
  1004. extern "C" EMSCRIPTEN_KEEPALIVE void send_notification(int p_notification) {
  1005. if (p_notification == MainLoop::NOTIFICATION_WM_MOUSE_ENTER || p_notification == MainLoop::NOTIFICATION_WM_MOUSE_EXIT) {
  1006. cursor_inside_canvas = p_notification == MainLoop::NOTIFICATION_WM_MOUSE_ENTER;
  1007. }
  1008. MainLoop *loop = OS_JavaScript::get_singleton()->get_main_loop();
  1009. if (loop)
  1010. loop->notification(p_notification);
  1011. }
  1012. bool OS_JavaScript::_check_internal_feature_support(const String &p_feature) {
  1013. if (p_feature == "HTML5" || p_feature == "web")
  1014. return true;
  1015. #ifdef JAVASCRIPT_EVAL_ENABLED
  1016. if (p_feature == "JavaScript")
  1017. return true;
  1018. #endif
  1019. return false;
  1020. }
  1021. void OS_JavaScript::alert(const String &p_alert, const String &p_title) {
  1022. /* clang-format off */
  1023. EM_ASM({
  1024. window.alert(UTF8ToString($0));
  1025. }, p_alert.utf8().get_data());
  1026. /* clang-format on */
  1027. }
  1028. void OS_JavaScript::set_window_title(const String &p_title) {
  1029. /* clang-format off */
  1030. EM_ASM({
  1031. document.title = UTF8ToString($0);
  1032. }, p_title.utf8().get_data());
  1033. /* clang-format on */
  1034. }
  1035. void OS_JavaScript::set_icon(const Ref<Image> &p_icon) {
  1036. ERR_FAIL_COND(p_icon.is_null());
  1037. Ref<Image> icon = p_icon;
  1038. if (icon->is_compressed()) {
  1039. icon = icon->duplicate();
  1040. ERR_FAIL_COND(icon->decompress() != OK);
  1041. }
  1042. if (icon->get_format() != Image::FORMAT_RGBA8) {
  1043. if (icon == p_icon)
  1044. icon = icon->duplicate();
  1045. icon->convert(Image::FORMAT_RGBA8);
  1046. }
  1047. png_image png_meta;
  1048. memset(&png_meta, 0, sizeof png_meta);
  1049. png_meta.version = PNG_IMAGE_VERSION;
  1050. png_meta.width = icon->get_width();
  1051. png_meta.height = icon->get_height();
  1052. png_meta.format = PNG_FORMAT_RGBA;
  1053. PoolByteArray png;
  1054. size_t len;
  1055. PoolByteArray::Read r = icon->get_data().read();
  1056. ERR_FAIL_COND(!png_image_write_get_memory_size(png_meta, len, 0, r.ptr(), 0, NULL));
  1057. png.resize(len);
  1058. PoolByteArray::Write w = png.write();
  1059. ERR_FAIL_COND(!png_image_write_to_memory(&png_meta, w.ptr(), &len, 0, r.ptr(), 0, NULL));
  1060. w = PoolByteArray::Write();
  1061. r = png.read();
  1062. /* clang-format off */
  1063. EM_ASM({
  1064. var PNG_PTR = $0;
  1065. var PNG_LEN = $1;
  1066. var png = new Blob([HEAPU8.slice(PNG_PTR, PNG_PTR + PNG_LEN)], { type: "image/png" });
  1067. var url = URL.createObjectURL(png);
  1068. var link = document.getElementById('-gd-engine-icon');
  1069. if (link === null) {
  1070. link = document.createElement('link');
  1071. link.rel = 'icon';
  1072. link.id = '-gd-engine-icon';
  1073. document.head.appendChild(link);
  1074. }
  1075. link.href = url;
  1076. }, r.ptr(), len);
  1077. /* clang-format on */
  1078. }
  1079. String OS_JavaScript::get_executable_path() const {
  1080. return OS::get_executable_path();
  1081. }
  1082. Error OS_JavaScript::shell_open(String p_uri) {
  1083. // Open URI in a new tab, browser will deal with it by protocol.
  1084. /* clang-format off */
  1085. EM_ASM({
  1086. window.open(UTF8ToString($0), '_blank');
  1087. }, p_uri.utf8().get_data());
  1088. /* clang-format on */
  1089. return OK;
  1090. }
  1091. String OS_JavaScript::get_name() const {
  1092. return "HTML5";
  1093. }
  1094. bool OS_JavaScript::can_draw() const {
  1095. return true; // Always?
  1096. }
  1097. String OS_JavaScript::get_user_data_dir() const {
  1098. return "/userfs";
  1099. };
  1100. String OS_JavaScript::get_cache_path() const {
  1101. return "/home/web_user/.cache";
  1102. }
  1103. String OS_JavaScript::get_config_path() const {
  1104. return "/home/web_user/.config";
  1105. }
  1106. String OS_JavaScript::get_data_path() const {
  1107. return "/home/web_user/.local/share";
  1108. }
  1109. OS::PowerState OS_JavaScript::get_power_state() {
  1110. WARN_PRINT_ONCE("Power management is not supported for the HTML5 platform, defaulting to POWERSTATE_UNKNOWN");
  1111. return OS::POWERSTATE_UNKNOWN;
  1112. }
  1113. int OS_JavaScript::get_power_seconds_left() {
  1114. WARN_PRINT_ONCE("Power management is not supported for the HTML5 platform, defaulting to -1");
  1115. return -1;
  1116. }
  1117. int OS_JavaScript::get_power_percent_left() {
  1118. WARN_PRINT_ONCE("Power management is not supported for the HTML5 platform, defaulting to -1");
  1119. return -1;
  1120. }
  1121. void OS_JavaScript::file_access_close_callback(const String &p_file, int p_flags) {
  1122. OS_JavaScript *os = get_singleton();
  1123. if (os->is_userfs_persistent() && p_file.begins_with("/userfs") && p_flags & FileAccess::WRITE) {
  1124. os->last_sync_check_time = OS::get_singleton()->get_ticks_msec();
  1125. // Wait five seconds in case more files are about to be closed.
  1126. os->sync_wait_time = 5000;
  1127. }
  1128. }
  1129. void OS_JavaScript::set_idb_available(bool p_idb_available) {
  1130. idb_available = p_idb_available;
  1131. }
  1132. bool OS_JavaScript::is_userfs_persistent() const {
  1133. return idb_available;
  1134. }
  1135. OS_JavaScript *OS_JavaScript::get_singleton() {
  1136. return static_cast<OS_JavaScript *>(OS::get_singleton());
  1137. }
  1138. OS_JavaScript::OS_JavaScript(int p_argc, char *p_argv[]) {
  1139. List<String> arguments;
  1140. for (int i = 1; i < p_argc; i++) {
  1141. arguments.push_back(String::utf8(p_argv[i]));
  1142. }
  1143. set_cmdline(p_argv[0], arguments);
  1144. last_click_button_index = -1;
  1145. last_click_ms = 0;
  1146. last_click_pos = Point2(-100, -100);
  1147. last_width = 0;
  1148. last_height = 0;
  1149. window_maximized = false;
  1150. entering_fullscreen = false;
  1151. just_exited_fullscreen = false;
  1152. transparency_enabled = false;
  1153. main_loop = NULL;
  1154. visual_server = NULL;
  1155. audio_driver_javascript = NULL;
  1156. swap_ok_cancel = false;
  1157. idb_available = false;
  1158. sync_wait_time = -1;
  1159. if (AudioDriverJavaScript::is_available()) {
  1160. audio_driver_javascript = memnew(AudioDriverJavaScript);
  1161. AudioDriverManager::add_driver(audio_driver_javascript);
  1162. }
  1163. Vector<Logger *> loggers;
  1164. loggers.push_back(memnew(StdLogger));
  1165. _set_logger(memnew(CompositeLogger(loggers)));
  1166. FileAccessUnix::close_notification_func = file_access_close_callback;
  1167. }