游戏开发中经常遇到图片素材的需求
1. 图片素材的准备
- 术语:Sprite 精灵,游戏开发中指一张图片
- 来源不明的图片,切勿在商业用途使用,以免引起版权风险。
1. 在学习阶段,可以百度或者从一些资源网站获取,这种方式只能用在学习交流但是无法商用
2. 在正式工作时,公司会有专门的美术人员提供素材
3. 比较大的资源素材商店是是Unity Store
4. 独立开发者可以外包给第三方团队完成
5. 可以从一些素材网站获取正版授权的图片素材,还有一些免版权的网站一样可以获取到
6. 到一些个人外包网站如万能的淘宝或者猪八戒网,外包给大学生或其他找副业赚钱的人
- 推荐几个国外比较好的资源网站,国内的资源网站现在还比较稀缺,需要科学上网 - Untiy Store ,最大的游戏资源网站,可以使用里面的2D图片资源
- craftpix ,国外的一家提供高品质的优质和免费的2D游戏资产的网站
- game dev market ,内容涉及2D、3D、音频和GUI素材,也可以作为一个寻找素材的补充
- kenney ,国外一家做游戏创意原型的资源站
- Fiverr ,一个综合的数字服务提供平台,可以直接在里面找到为我们工作的人,然后他们会提供一些我们定制的服务。
- 同人誌・同人ゲーム・同人ボイス・ASMRのダウンロードなら「DLsite 同人」
 
- 一般人很难即精通程序也精通美术,这两种的思维方式不一样。上帝为你打开了一扇门,他同时也很可能关闭了一扇窗户
- 2D 图片的要求:
1 背景图片,一般为 JPG
2 人物、道具等其他图片,一般为PNG ,背景透明
PS处理一张图片,去掉背景,做成可用的素材
 ![![[Pasted image 20240414154931.png]]](https://img-blog.csdnimg.cn/direct/2f9d00c40f1a4a85bbbd2e895a0ea680.png)
![![[Pasted image 20240414155851.png]]](https://img-blog.csdnimg.cn/direct/1b8a0750f3674075add72844221d91b4.png)
用魔棒工具选中白色背景
 点击delete
 ![![[Pasted image 20240414155939.png]]](https://img-blog.csdnimg.cn/direct/7a525399f02b46a082e0a4868cd4ec5e.png)
![![[Pasted image 20240414155959.png]]](https://img-blog.csdnimg.cn/direct/e672b351b6534a73b6c336ef8efd8b78.png)
快速导出为png
 导入godot
 ![![[Pasted image 20240414160255.png]]](https://img-blog.csdnimg.cn/direct/0e2d72891eb54e4c88cf00c07a20d912.png)
可以发现png素材和jpg素材的不同
2. 图片的切割
- 一个 PNG 图片中,可能包含多个素材,使用时需要切割一下 - 第一种方式,将图片用ps之类的工具切割好以后,重新导入godot中使用
- 第二种方式,导入godot中通过Region指定使用的图片,做间接切割
 
- 一个图片未经切割时,则只包含一个 Sprite素材
 ![![[Pasted image 20240414161720.png]]](https://img-blog.csdnimg.cn/direct/4ee2396fcda246bba82cdd091e97ba11.png) 
点击Region,点击启用
 点击编辑区域
 ![![[Pasted image 20240414162116.png]]](https://img-blog.csdnimg.cn/direct/f207a44e0ab14196a7ceb82f657f0fc4.png)
选择自动裁剪
 再点击图片就可以了
 ![![[Pasted image 20240414162320.png]]](https://img-blog.csdnimg.cn/direct/963ecb0446ba4ed7b74af2bbcae040e5.png)
xy指位置,w指宽,h指高
 ![![[Pasted image 20240414162438.png]]](https://img-blog.csdnimg.cn/direct/4a6cbea1e8434a55bd9687f87059df1c.png)
先关闭region,测量一下,
 ![![[Pasted image 20240414162615.png]]](https://img-blog.csdnimg.cn/direct/3614fd3f04e0436c92bb829726ad002a.png)
region就是区域的意思,使用区域,就是用切割的方式使用这张图片里包含的图片
3. 图片的合并
- 有时图片太多不好管理,想合并成一整张图片去使用 - 第一种方式,将图片用ps之类的工具合并好以后,重新导入godot中使用
- 第二种方式,在godot中选中多张资源,然后已AtlasTexture的方式重写reimport
 
- 重写reimport导入过后,也可以把之前的图片删除掉,已节省游戏的包体积和目录文件
 ![![[Pasted image 20240414163419.png]]](https://img-blog.csdnimg.cn/direct/3436df48a15a4dd8b8967ada48863bc0.png) 
先选中要合并的图片
 在上方的导入中选TextureAtlas
 ![![[Pasted image 20240414163605.png]]](https://img-blog.csdnimg.cn/direct/fcbb5b1af90148c8837bd1cab6e8892e.png)
点击地址,填入文件名字
 ![![[Pasted image 20240414163637.png]]](https://img-blog.csdnimg.cn/direct/246a643c18834d46a3d119e82f1c6d6f.png)
点击重新导入,点击确定
 ![![[Pasted image 20240414163718.png]]](https://img-blog.csdnimg.cn/direct/3ebf748b1221403580380ddcf09db322.png)
等编辑器重启之后,就得到一张合成后的图片
 具体使用可以使用切割的方式
4. 图片与渲染器
- godot是基于节点的,节点有不同的种类,不同种类的节点代表了不同的功能
- Sprite节点继承于Node2D节点,所以包含Node2D节点的所有属性
- Sprite节点,用于显示一个Sprite,把一张图片渲染出来
- 节点的种类表示一种功能,而 Sprite 的功能就是显示图片
1 添加一个对象,显示图片1
2 观察 Sprite 的属性值
3 让 Sprite Renderer 更换显示另一张图片,通过拖拽方式或者通过选择文件的方式
4 通过创建一个节点的方式创建Sprite节点
![![[Pasted image 20240414164435.png]]](https://img-blog.csdnimg.cn/direct/c5c72193d16d4282af66fe8ca1af24bd.png)
创建一个sprite节点
 ![![[Pasted image 20240414164516.png]]](https://img-blog.csdnimg.cn/direct/0185e58d373b43e794ee15482a081f24.png)
将左下角的icon.svg拖到右边Texture选项的后边