godot_wry：构建跨平台浏览器和GUI的强大工具

godot_wry：构建跨平台浏览器和GUI的强大工具

godot_wry 🌐 Cross-platform WebView extension for Godot 4 项目地址: https://gitcode.com/gh_mirrors/go/godot_wry

项目介绍

godot_wry 是一个开源的Godot引擎扩展，它集成了 WRY —— 一个跨平台的Webview渲染库。通过这个扩展，开发者可以在Godot中使用原生Webview来构建浏览器和GUI界面，利用HTML、CSS和JavaScript技术实现丰富的用户交互体验。

项目技术分析

godot_wry 旨在利用Godot引擎的强大功能和Webview的跨平台特性，为游戏和应用程序开发者提供一个灵活的工具，用于集成网页内容。以下是项目的一些技术亮点：

• 原生Webview集成：无需额外依赖，直接使用操作系统的原生Webview组件。
• 多平台支持：在Windows、Mac、Linux等平台上均有不同程度的支持，且计划扩展到移动平台。
• 脚本互操作性：支持JavaScript与GDScript之间的消息传递，允许在网页和Godot逻辑之间进行数据交换和事件处理。
• 键盘事件转发：可以实现键盘输入事件在Godot和Webview之间的转发。

项目及技术应用场景

godot_wry 的应用场景非常广泛，尤其是在以下方面：

1. 游戏开发：开发者可以创建具有网页风格的用户界面，或者集成在线内容到游戏中，例如游戏内商店、帮助文档或社交媒体分享界面。
2. 应用程序开发：适用于创建包含复杂交互界面的应用程序，例如仪表盘、数据可视化工具或企业管理系统。
3. 教育工具：可以用于构建交互式教育软件，集成多媒体内容和动态网页元素，提高学习体验。

项目特点

godot_wry 的几个主要特点如下：

• 无额外依赖：利用系统原生组件，无需安装额外的依赖库。
• 跨平台兼容性：支持多个操作系统平台，提高了项目的可移植性。
• 强大的脚本集成：JavaScript和GDScript之间的无缝集成，使得开发更加灵活。
• 易用性：通过简单的API和节点系统，开发者可以快速上手并集成到项目中。

以下是一个使用 godot_wry 的示例：

在 godot_wry 的帮助下，开发者可以轻松创建类似于上图的复杂用户界面。

开始使用

安装 godot_wry 后，在Godot编辑器中创建新节点时，你会看到 WebView 节点位于 Node → CanvasItem → Control 下。你可以根据需要编辑其属性和布局。

API 使用示例

godot_wry 允许在Webview和Godot之间发送消息。例如，你可以从一个HTML按钮点击发送一个 play 消息，然后Godot可以监听这个消息并开始游戏。

$WebView.post_message("Hello from Godot!")

window.ipc.postMessage("Hello from JavaScript!");

func _on_web_view_ipc_message(message):
	print("Just got a message from the webview: %s" % message)

document.addEventListener("message", (event) => {
  console.log("Just got a message from Godot:", event.detail);
});

注意事项

• Webview在窗口中直接渲染，这意味着它不能在3D网格上渲染，且总是渲染在游戏的顶部。
• 使用系统原生Webview可能会导致不同平台之间的行为不一致。
• 此扩展不检查依赖项，因此需要你确保所有依赖项已安装并正确处理缺少的库。

总之，godot_wry 为Godot开发者提供了一个强大的工具，用于在项目中集成Web内容，无论是游戏还是应用程序开发，都能带来更加丰富的用户体验。通过上述特点和功能，godot_wry 无疑是Godot开发者的一个值得一试的选择。

godot_wry 🌐 Cross-platform WebView extension for Godot 4 项目地址: https://gitcode.com/gh_mirrors/go/godot_wry