The addon now supports exposing Godot nodes to the webview. It reflects methods/signals/properties.

An HTML slider that directly operates on a property:

<h2>rotate cube</h2>
<input oninput="onSliderChange(this.value)" type="range" [...]>
<div id="valueDisplay">Value: 0</div>

<script>
  function onSliderChange(value) {
    document.getElementById("valueDisplay").textContent = "value: " + value;
    const [x, y, z] = $g.cube.rotation.value;
    $g.cube.rotation.value = [x, (value/2) / 100, value / 100];
  }
</script>

In the above example, we expose a MeshInstance3D:

$WebView.set_context_node("cube", $some_cube)

Which is then available through $g.cube in javascript.

Documentation

We call this feature "Context objects" (documentation).

Downloads

This feature took significant effort, and we hope you like it.

Visit the downloads page and grab yourself a release build.

For help or feedback, reach out via: - Discord - Github issue tracker

Sander Ferdinand