Godot 与前端交互

导出为 WASM 的 Godot 项目, 可以通过 JavaScriptBridge 与前端进行交互.
比如可以借助前端技术实现 UI, 这样就可以实现 UI 与游戏引擎的分离.

详情请参考官方教程.

Godot 调用 JS

现在前端创建一个全局的 JS 函数:

function helloFromGodot() {
    console.log("Hello from Godot!")
}

然后 Godot 直接通过获取 window 对象来调用前端的 JS 函数 (helloFromGodot):

var window = JavaScriptBridge.get_interface("window")
window.helloFromGodot()

JS 调用 Godot

Godot 创建一个 JS 函数 (helloFromJs), 并将其回调绑定到一个 GDScript 函数:

var _hello_from_js_callback_ref = JavaScriptBridge.create_callback(_hello_from_js)

func _ready():
    var window = JavaScriptBridge.get_interface("window")
    window.helloFromJs = _hello_from_js_callback_ref

func _hello_from_js() -> void:
    print("Hello from JS!")

前端直接调用该 JS 函数:

window.helloFromJs()

评论