关于如何在 Godot 4 中使用 Navmesh 2d 的快速教程！

点击观看：

关于如何在 Godot 4 中设置Multiplayer多人游戏的快速教程！

第一部分：点击观看：

第二部分：点击观看：

Godot 4 游戏引擎的拖动对象教程！

点击观看：

一个常见的问题：如何处理角色身体和刚体之间的交互。适用于 2D 和 3D。
文字版本和代码链接：https://kidscancode.org/godot_recipes/4.x/physics/character_vs_rigid/

点击观看：

关于如何通过 Godot 4 中的脚本更改材质（2D 和 3D）的快速教程！

点击观看：

欢迎来到“从零到塞尔达”的第七课，我们将在其中实现一些在游戏中进行战斗所需的东西。

点击观看：

欢迎来到《从零到塞尔达》的第六课，我们将讨论一些有史以来最伟大的电子游戏坏人，并制作我们自己的坏人！

灵感和基于神经科学的方法：借鉴宫本茂的创意遗产和基于神经科学的方法，我们将继续以易于理解的方式呈现复杂的游戏开发理念，旨在促进理解和长期记忆保留。无论您是要提高游戏开发技能还是探索经典游戏背后的艺术灵感，第 6 课都能为您提供现代 ARPG 开发所需的技术理解和创意见解。

点击观看：

欢迎来到“从零到塞尔达”的第 5 课，我们将在其中实现 Y 排序，对我们的图块地图进行一些改进，并讨论您可以在自己的游戏中使用的《塞尔达传说》中的门控技术。
灵感和基于神经科学的方法：借鉴宫本茂的创意遗产和基于神经科学的方法，我们将继续以易于理解的方式呈现复杂的游戏开发理念，旨在促进理解和长期记忆保留。无论您是要提高游戏开发技能还是探索经典游戏背后的艺术灵感，第 5 课都能为您提供现代 ARPG 开发所需的技术理解和创意见解。

点击观看：

欢迎来到《从零到塞尔达》的第四课，我们通过引入物理层、创建碰撞形状以及探索非线性进展的概念来加深我们的 Godot 4 ARPG 开发经验。
物理层和碰撞形状：本课程中我们的旅程从将物理层集成到游戏世界开始，允许对象之间进行真实的交互。我们将逐步创建碰撞形状来管理游戏中不同元素之间的交互方式。
非线性进展探索：我们将深入探讨非线性进展的概念，这一设计原则为玩家提供游戏内的多种路径和选择，从而营造更加身临其境和灵活的游戏体验。
灵感和神经科学方法：借鉴宫本茂的创意遗产和我们基于神经科学的方法论，我们将继续以易于理解的方式呈现复杂的游戏开发理念，旨在促进理解和长期记忆保留。无论您是要提高游戏开发技能还是探索经典游戏背后的艺术灵感，第 4 课都能为您提供现代 ARPG 开发所需的技术理解和创意见解。

点击观看：

欢迎来到《从零到塞尔达》的第三课，我们将继续完成 Godot 4 ARPG 开发之旅，完成角色动画并设置相机。
本课程还特别探讨了宫本茂的童年冒险经历如何激发了《塞尔达传说》的创作灵感。完成动画：我们将完成角色动画，确保它们流畅且响应灵敏。摄像机设置：接下来，我们将重点关注摄像机，将其设置为跟随玩家并提供游戏世界的引人入胜的动态视图。
本课程继续我们基于神经科学的方法，以易于理解的方式呈现复杂的概念，以增强学习和记忆力。无论您是学生、教师还是有抱负的游戏开发者，本课程提供了有关游戏开发的技术和创意方面的宝贵见解。

点击观看：

欢迎来到《从零到塞尔达》的第二课，我们将在 Godot 4 ARPG 项目中将玩家角色带入生活。
在本课程中，我们将重点关注三个关键组件：添加玩家角色、创建空闲动画以及通过脚本实现基本运动。玩家角色：我们首先将主角引入游戏世界。空闲动画：接下来，我们将创建一个空闲动画，即使在静止不动时也能让我们的角色充满活力。基本动作：最后，我们将深入研究脚本来为我们的角色启用基本动作。
本课程采用基于神经科学的方法设计，确保以有助于理解和记忆的方式呈现内容。无论你是跟随学生、跟随老师，或者是游戏开发爱好者，本课程将为您提供创建动态和交互式玩家角色的基本技能。

点击观看：

欢迎来到《从零到塞尔达》的第一课，这是一个使用 Godot 4 的综合 ARPG 教程系列。
本系列旨在带您从新手成长为合格的游戏开发人员，能够创建自己的动作角色扮演游戏，让人想起《塞尔达传说》，经典的《塞尔达》系列。在第一课中，我们将为我们的游戏奠定基础。我们将介绍 Godot 4 引擎的基础知识，建立我们的项目，并开始了解游戏设计和开发的基本原理。我们还将深入研究创建游戏世界和玩家角色的初始步骤。

本系列以基于神经科学的教学方法为基础，确保每节课的结构都能优化您对材料的理解和记忆。无论你是学生、老师，无论是爱好者还是爱好者，本系列旨在帮助您掌握创建自己的 ARPG 所需的技能和知识。

图块资产下载：https://analogstudios.itch.io/fantasy

点击观看：

完整代码（MIT）下载：https://github.com/uheartbeast/FSM-Tutorial

点击观看：

在本视频中，您将学习如何为您的游戏设计一个迷人的自毁平台，在您的角色和平台之间创建无缝交互，实现动态震动效果以增强游戏玩法，通过令人惊叹的粒子效果提升玩家体验 优化和优化微调你的自毁机制。
我们将把您的技能提升到一个新的水平！在这个令人兴奋的教程中，我们将通过向您展示如何制作令人惊叹的自毁平台来深入了解动态游戏世界。这一独特的添加将为您的游戏机制增添令人难忘的元素。

时间戳：
0:00 - 简介
0:15 - 设置场景
1:05 - 编写脚本
2:19 - 添加粒子
3:34 - 通过代码控制粒子

点击观看：

在本教程中，我们将深入研究如何检测特定区域中的玩家并做出相应反应。在本视频中，我们将在玩家进入被配置为检测玩家自己的 Area2D 的 Area2D 时显示动画精灵。我试图使这个解决方案尽可能动态，因此对于提示区域场景的每个实例，节点和职责是分开的。

资产下载：https://arnovandoesburg.nl/hints_assets.zip

点击观看：

时间戳：
00:00 - 00:34 简介
00：34 - 01:28 项目设置
01:28 - 02:50 网格大小 | Auto Atlas
02:50 - 06:57 Autotiles（土路/草地路）
06:57 - 12:28 图层 | 平铺概率
12:28 - 15:19 树（物理碰撞）
15:19 - 17:53 树（SingleTile/Autotile）
17:53 - 22:57 Autotiles（沥青/水路）
22:57 - 26:49 2D 导航
26:49 - 27:51 结论

点击观看：

在Godot4游戏引擎中使用多线程的快速教程！

点击观看：

从头开始在 Godot 4 中制作原型平台横向卷轴游戏，然后使用 Grid Builder 插件添加对象放置。
网格构建插件:https://chris-tutorials.itch.io/grid-building-godot
素材资源包：https://pixelfrog-assets.itch.io/pixel-adventure-1
00:00:31 - 导入图块集
00:01:15 - 关卡构建的图块集设置
00:04:58 - 地形自动平铺
00:08:07 - 平台游戏角色快速入门
00:15:24 - 基本平台游戏玩家脚本
00:25:48- 平铺背景
00:27:35 - 在脚本中设置播放动画
00:32:03 - 放置更多平铺类型
00:32:37 - 单向平台和玩家下拉
00:36:26 - 扩展关卡界限
00:38 :22 - 制作犀牛角色
00:46:46 - 犀牛敌人脚本
00:52:07 - 制作盒子对象
00:57:37 - 构建系统节点设置
01:04:04 - 使场景对象可放置
01:13:10 - 放置选择 UI
01:17:44 - 放置盒子和犀牛
01:19:46 - 生成图块碰撞指示器
01:26:25- 有效放置图块规则
01:33:38 - 草莓拾取作为可放置对象
01:45:20 - 教程总结

你可知道， Godot 4 有一个新的寻路类 AStarGrid2D，它对于在 2D 网格中进行寻路非常有效（无论是在内存使用还是性能方面）。这是在使用 AStar 进行网格拓扑之后添加的。

Godot 游戏简介

　　Godot 是一款免费开源的游戏制作引擎。它也非常轻量级，整个安装包不到 100M，却又功能齐全，易于上手。作为一个后期之秀，Godot 并未得到多少关注，尤其是中文的社区资料就比较少。但如果你在 github 上搜索 “game” 或者 “game engine”，按照星标数排序，就能看到 Godot 以 43.7k star 排名第一，紧随其后的分别是 pixijs（34.7k star）和 phaser （30.7k star）。

　　它的引擎整个是开源的，并且是 MIT 协议，这也就意味着你可以在它的代码上改一改，就可以宣布自己做了个游戏引擎，要拿出去商用也都是可以的。引擎制作的游戏可以导出到多个平台，如 Windows、Linux、Android、iOS、Web 等等。

　　Canvas、WebGL、WebAssembly

　　现如今如果要在以浏览器内核运行游戏，你就会频繁听到以上这些概念。他们都与 JavaScript 有点关系，但彼此又不太相同。Canvas 其实是 HTML5 的一部分，可以用脚本去控制一些 2D 元素的渲染。而 WebGL 则脱胎于 OpenGL，是一套图形的 API 标准，可以在 Web 端渲染 3D 的图像。WebGL 是 OpenGL 的 web 实现，主要用于在浏览器上展示 3D 图形的底层图形技术。

　　这样，网页端游戏的第一大类实现，就是基于 WebGL 的，例如微信小程序、Cocos Creator、Pixijs 等。

　　拿微信小游戏举例，它其实是封装了一层 runtime 环境，从底层操作系统开始，封装出了一层 Javascript API，它和 WebGL 长得一样。上层的使用者（如 Cocos ）就基于这层接口做开发。但这个 runtime 又是一层阉割版的浏览器内核，它实现 HTML5 的部分内容。如果要操作原生 DOM，这在 chrome 里是可以，但在小程序的 runtime 里就不行。参考 https://forum.cocos.org/t/faq/54842

　　而 WebAssembly 则可以看作是汇编版的 JavaScript，弥补 JavaScript 在执行效率上的缺陷。可以通过 Emscripten 这样的工具，直接从 C/C++ 程序编译出可以在网页端运行的二进制代码。参考 https://developer.mozilla.org/zh-CN/docs/WebAssembly/Concepts


　　这也就意味着，如果以 C++ 写的引擎代码，可以直接编译到网页端运行，以 JS 作为胶水来粘合。这就形成了网页端游戏的第二大类实现，我们说它是基于 WebAssembly 的，把游戏引擎搬到了网页中，例如 Unity、Godot 等。这里的引擎有 WebGL 的部分，也有其他的（例如物理系统等等）。

　　【包的导出】

　　在 Godot 中导出到网页的操作是比较容易的，选择 Project -> Export，添加 HTML5 的导出模板即可。在添加之后，工具栏上也会出现一个按钮，点击之后可以直接在网页端预览效果，十分地方便。

　　打开导出的文件，主要会包含 index.html、index.pck、index.wasm，还有一些 js 的胶水文件。index.pck 是场景、素材、资源文件的打包，而 index.wasm 即是游戏的引擎文件。占据主要大小的是后两者。

　　【关于 pck 文件及优化】

　　一般来说，pck 文件中会包含场景（.tscn）、脚本（.gd），还有资源（.jpg, .ttf）等。代码和场景都还好，一般占大头的是图片等资源。对于特别大的图片，可以选中图片资源、双击，切换到 Import 选项卡，在 Compression 的模式中选择 Lossy（有损）：


　　更多的导入选项可以参考文档
　　https://docs.godotengine.org/en/stable/getting_started/workflow/assets/importing_images.html

　　【关于 wasm 文件及优化】

　　默认导出的 wasm 大概有 18M 左右（可能随版本会有差异），里面包含了整个引擎的所有功能。换句话说，哪怕只是做了一个空的项目，导出的 wasm 也是一样的，因为 wasm 就相当于一个 exe 执行文件。其实并非所有的引擎功能都是需要的，例如只是做个 2D 游戏的话，3D 部分的代码就不需要了。

　　Godot 提供了通用模板的方式，允许使用者按照他自己的实际情况来开/关某些模块。也就是说，你可以通过重新编译源代码的方式，来生成你自己专属的 wasm。官方文档其实写的很详细了，但是第一次看还是会蛮头大的，这里面其实还是有很多潜在坑的。

　　如果想要自己定制引擎，首先需要在 github 上克隆最新的仓库代码，并且切换到指定的分支。

　　#Get Godot repogit clone https://github.com/godotengine/godot.gitcd godot# List remote branch and checkout one of them (e.g. 3.4)git branch -rgit checkout 3.4

　　然后参考这个教程 https://docs.godotengine.org/en/stable/development/compiling/compiling_for_web.html，按照顺序按照 Emscripten 、Python 和 Scons。

　　安装 Emscripten 的时候参考官网通过代码来安装，只需要执行：

　　# Get the emsdk repo

　　git clone https

　　://github.com/emscripten-core/emsdk.git# Enter that directory

　　cd emsdk

　　# Download and install the latest SDK tools.

　　python emsdk

.

　　py install latest

　　# Make the "latest" SDK "active" for the current user. (writes .emscripten file)

　　python emsdk

.

　　py activate latest

　　# Activate PATH and other environment variables in the current terminal

　　source

　　./emsdk_env.sh

　　默认的 Emscripten 安装脚本有点问题，尤其是在先前已经安装过 python 的情况下，这里根据自己的情况改，然后使用 pip install scons 安装 scons

　　然后就可以按照之前的文档去进行构建了，可以先运行 scons platform=list 查看有哪些打包环境可用。（对于导出到网页端来说，如果不安装 emsdk，就无法进行到下一步）

　　最简单的，可以用 scons platform=javascript tools=no target=release 来打包一个 Release 环境的包。

　　那么，如何针对性的选择要开启/关闭哪些功能呢，可以参考文档上的说明，但更快的方式是，使用一个 custom.py 模板。进入到下面这个页面 https://godot-build-options-generator.github.io/ ，在左侧勾选你需要或者不需要的模块，就可以在右侧生成一个 python 文件：


　　把这个文件丢到引擎的源代码根目录，再运行 scons 的时候，就能够识别到了。它会在 bin 目录下生成一个 zip 文件。这个文件需要放置到导出窗口下的 Custom Template，如下图所示，在每次导出前配置即可。


　　使用的定制模板导出的文件大小，就会在把 3d 模块、视频播放等一些不必要模块去掉以后，生成的 wasm 大小可以压缩到 10M 以内，优化了一半大小。（这里需要注意的是，如果开启了图片有损压缩，那就需要把 webP 功能打开，不然会 error）

　　进一步优化

　　同时，如果在服务端能够开启 gzip 压缩，则能够进一步地减小包传送的大小，经过测试，10M 左右的包在开启压缩以后，只传送了 2.8M 的数据，只有原来的 1/3 大小了，如下：


　　小结

　　以上便是，在用 Godot 引擎导出到网页端的一些具体的实践。通过上面的操作，可以显著降低导出包的大小，希望能对你有所帮助。