4.Godot图片素材的获取和编辑

游戏开发中经常遇到图片素材的需求

1. 图片素材的准备
  • 术语:Sprite 精灵,游戏开发中指一张图片
  • 来源不明的图片,切勿在商业用途使用,以免引起版权风险。
1. 在学习阶段,可以百度或者从一些资源网站获取,这种方式只能用在学习交流但是无法商用
2. 在正式工作时,公司会有专门的美术人员提供素材
3. 比较大的资源素材商店是是Unity Store
4. 独立开发者可以外包给第三方团队完成
5. 可以从一些素材网站获取正版授权的图片素材,还有一些免版权的网站一样可以获取到
6. 到一些个人外包网站如万能的淘宝或者猪八戒网,外包给大学生或其他找副业赚钱的人
  • 推荐几个国外比较好的资源网站,国内的资源网站现在还比较稀缺,需要科学上网
  • 一般人很难即精通程序也精通美术,这两种的思维方式不一样。上帝为你打开了一扇门,他同时也很可能关闭了一扇窗户
  • 2D 图片的要求:
1 背景图片,一般为 JPG
2 人物、道具等其他图片,一般为PNG ,背景透明

PS处理一张图片,去掉背景,做成可用的素材
![[Pasted image 20240414154931.png]]

![[Pasted image 20240414155851.png]]

用魔棒工具选中白色背景
点击delete
![[Pasted image 20240414155939.png]]

![[Pasted image 20240414155959.png]]

快速导出为png
导入godot
![[Pasted image 20240414160255.png]]

可以发现png素材和jpg素材的不同

2. 图片的切割
  • 一个 PNG 图片中,可能包含多个素材,使用时需要切割一下
    • 第一种方式,将图片用ps之类的工具切割好以后,重新导入godot中使用
    • 第二种方式,导入godot中通过Region指定使用的图片,做间接切割
  • 一个图片未经切割时,则只包含一个 Sprite素材
    ![[Pasted image 20240414161720.png]]

点击Region,点击启用
点击编辑区域
![[Pasted image 20240414162116.png]]

选择自动裁剪
再点击图片就可以了
![[Pasted image 20240414162320.png]]

xy指位置,w指宽,h指高
![[Pasted image 20240414162438.png]]

先关闭region,测量一下,
![[Pasted image 20240414162615.png]]

region就是区域的意思,使用区域,就是用切割的方式使用这张图片里包含的图片

3. 图片的合并
  • 有时图片太多不好管理,想合并成一整张图片去使用
    • 第一种方式,将图片用ps之类的工具合并好以后,重新导入godot中使用
    • 第二种方式,在godot中选中多张资源,然后已AtlasTexture的方式重写reimport
  • 重写reimport导入过后,也可以把之前的图片删除掉,已节省游戏的包体积和目录文件
    ![[Pasted image 20240414163419.png]]

先选中要合并的图片
在上方的导入中选TextureAtlas
![[Pasted image 20240414163605.png]]

点击地址,填入文件名字
![[Pasted image 20240414163637.png]]

点击重新导入,点击确定
![[Pasted image 20240414163718.png]]

等编辑器重启之后,就得到一张合成后的图片
具体使用可以使用切割的方式

4. 图片与渲染器
  • godot是基于节点的,节点有不同的种类,不同种类的节点代表了不同的功能
  • Sprite节点继承于Node2D节点,所以包含Node2D节点的所有属性
  • Sprite节点,用于显示一个Sprite,把一张图片渲染出来
  • 节点的种类表示一种功能,而 Sprite 的功能就是显示图片
1 添加一个对象,显示图片1
2 观察 Sprite 的属性值
3 让 Sprite Renderer 更换显示另一张图片,通过拖拽方式或者通过选择文件的方式
4 通过创建一个节点的方式创建Sprite节点

![[Pasted image 20240414164435.png]]

创建一个sprite节点
![[Pasted image 20240414164516.png]]

将左下角的icon.svg拖到右边Texture选项的后边

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值