2020-12-14 08:43:08 -05:00
|
|
|
# godot-html-js-int-demo
|
|
|
|
|
|
2020-12-16 09:32:38 -05:00
|
|
|
Demo of integrating a Godot HTML5 exported game with its host page.
|
|
|
|
|
|
2020-12-16 22:31:51 -05:00
|
|
|
Uses a simple clicker game and a custom web shell to interact with the hosted
|
|
|
|
|
page.
|
2020-12-16 09:32:38 -05:00
|
|
|
|
2020-12-16 22:31:51 -05:00
|
|
|
[Working demo page][demo]
|
|
|
|
|
|
2020-12-16 23:17:25 -05:00
|
|
|
## Setup
|
|
|
|
|
|
|
|
|
|
* Requires Godot 3.2.x
|
|
|
|
|
* Use OpenGL ES 2.0 to allow for the HTML5 export.
|
|
|
|
|
|
|
|
|
|
The custom JS and styling (outside of the fixed size template provided by the
|
|
|
|
|
Godot devs) can be found between the `<!-- Start of Custom Game block -->` and
|
|
|
|
|
`<!-- End of Custom Game block -->` comment codes in [fixed-size.html](fixed-size.html).
|
|
|
|
|
|
|
|
|
|
## Extra Notes
|
|
|
|
|
|
|
|
|
|
* [Calling JS from the HTML5 Export][js-from-godot]
|
|
|
|
|
* [Using a Custom HTML Shell][custom-html-shell]
|
|
|
|
|
* [Custom Fixed Size Shell template][custom-fixed-size-template]
|
|
|
|
|
|
|
|
|
|
[demo]: https://games.birch-tree.net/godot-html-js-integration-demo/
|
|
|
|
|
[js-from-godot]: https://docs.godotengine.org/en/stable/getting_started/workflow/export/exporting_for_web.html#calling-javascript-from-script
|
|
|
|
|
[custom-html-shell]: https://docs.godotengine.org/en/stable/tutorials/platform/customizing_html5_shell.html#doc-customizing-html5-shell
|
|
|
|
|
[custom-fixed-size-template]: https://github.com/godotengine/godot/blob/master/misc/dist/html/fixed-size.html
|
2020-12-17 10:55:29 -05:00
|
|
|
|
|
|
|
|
## Credits
|
|
|
|
|
|
|
|
|
|
* [Fonts by Kenney](https://opengameart.org/content/kenney-fonts)
|
