From 454b5f46fa3c78f245234b5c17bff5e8fba7c48d Mon Sep 17 00:00:00 2001
From: jaysunxiao <jaysunxiao.gmail.com>
Date: Sat, 4 Dec 2021 17:30:34 +0800
Subject: [PATCH] doc

---
 doc/demo01_hello/2.editor.md          |  8 ++---
 doc/demo01_hello/4.resource.md        | 49 +++++++++++++++++++++++++++
 scene/demo10_animation/animation.tscn |  2 +-
 3 files changed, 54 insertions(+), 5 deletions(-)
 create mode 100644 doc/demo01_hello/4.resource.md

diff --git a/doc/demo01_hello/2.editor.md b/doc/demo01_hello/2.editor.md
index c842cf2..8c8f31f 100644
--- a/doc/demo01_hello/2.editor.md
+++ b/doc/demo01_hello/2.editor.md
@@ -171,10 +171,10 @@ Scale Mode 对象的缩放
 
 # 7. 节点操作的工具，多节点选择，轴心点，平滑，尺子
 
-- 多节点选择工具，show a list
-- 轴心点工具
-- 平滑工具
-- 尺子工具
+- 多节点选择工具，show a list，主要用来精确选择层叠在一起的节点
+- 轴心点工具，移动轴心点，和选择工具中的快捷键V有同样的作用
+- 平滑工具，固定场景
+- 尺子工具，量图片或者节点的像素
 
 # 8. 智能对齐Snap和锁定节点
 
diff --git a/doc/demo01_hello/4.resource.md b/doc/demo01_hello/4.resource.md
new file mode 100644
index 0000000..59adc68
--- /dev/null
+++ b/doc/demo01_hello/4.resource.md
@@ -0,0 +1,49 @@
+# 1. 图片素材的准备
+
+- 术语：Sprite 精灵，游戏开发中指一张图片
+
+```
+1. 在学习阶段，可以百度或者从一些资源网站获取，这种方式只能用在学习交流但是无法商用
+2. 在正式工作时，公司会有专门的美术人员提供素材
+3. 比较大的资源素材商店是是Unity Store
+4. 独立开发者可以外包给第三方团队完成
+5. 可以从一些素材网站获取正版授权的图片素材，还有一些免版权的网站一样可以获取到
+```
+
+- 一般人很难即精通程序也精通美术，这两种的思维方式不一样
+- 上帝为你打开了一扇门，他同时也很可能关闭了一扇窗户
+
+- 2D 图片的要求：
+
+```
+1 背景图片，一般为 JPG
+2 人物、道具等其他图片，一般为PNG ，背景透明
+```
+
+- 演示：PS处理一张图片，去掉背景，做成可用的素材
+
+# 2. 图片的切割
+
+- 一个 PNG 图片中，可能包含多个素材，使用时需要切割一下
+- 一个图片未经切割时，则只包含一个 Sprite素材
+
+# 3. 图片的合并
+
+- 在godot中选中多张资源，然后已AtlasTexture的方式重写reimport
+- 重写导入过后，也可以把之前的图片删除掉，已节省游戏的包体积和目录文件
+
+# 4. 图片与渲染器
+
+- godot是基于节点的，节点有不同的种类，不同种类的节点代表了不同的功能
+- Sprite节点继承于Node2D节点，所以包含Node2D节点的所有属性
+- Sprite节点，用于显示一个Sprite，把一张图片渲染出来
+- 节点的种类表示一种功能，而 Sprite 的功能就是显示图片，后面还会说
+
+- 演示和练习：
+
+```
+1 添加一个对象，显示图片1
+2 观察 Sprite 的属性值
+3 让 Sprite Renderer 更换显示另一张图片，通过拖拽方式或者通过选择文件的方式
+4 通过创建一个节点的方式创建Sprite节点
+```
diff --git a/scene/demo10_animation/animation.tscn b/scene/demo10_animation/animation.tscn
index 19c87e6..0fec0b5 100644
--- a/scene/demo10_animation/animation.tscn
+++ b/scene/demo10_animation/animation.tscn
@@ -139,7 +139,7 @@ __meta__ = {
 
 [node name="AnimatedSprite" type="AnimatedSprite" parent="Animation_5"]
 frames = SubResource( 3 )
-frame = 5
+frame = 7
 playing = true
 
 [connection signal="timeout" from="Animation_1/Sprite/Timer" to="Animation_1/Sprite" method="_on_Timer_timeout"]