游戏开发中经常遇到图片素材的需求
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://i-blog.csdnimg.cn/blog_migrate/74d05274fe075be38ff4b93ed47e8288.png)
![![[Pasted image 20240414155851.png]]](https://i-blog.csdnimg.cn/blog_migrate/180f1ed62443f3ecf42c36c07eec4c04.png)
用魔棒工具选中白色背景
点击delete
![![[Pasted image 20240414155939.png]]](https://i-blog.csdnimg.cn/blog_migrate/873332e75305e10f3f461a3ebfde8c01.png)
![![[Pasted image 20240414155959.png]]](https://i-blog.csdnimg.cn/blog_migrate/72162b4f4356df781b34f15a097b99a6.png)
快速导出为png
导入godot
![![[Pasted image 20240414160255.png]]](https://i-blog.csdnimg.cn/blog_migrate/a1278d5a58812a8683bff254e5b6c0f5.png)
可以发现png素材和jpg素材的不同
2. 图片的切割
- 一个 PNG 图片中,可能包含多个素材,使用时需要切割一下
- 第一种方式,将图片用ps之类的工具切割好以后,重新导入godot中使用
- 第二种方式,导入godot中通过Region指定使用的图片,做间接切割
- 一个图片未经切割时,则只包含一个 Sprite素材
![![[Pasted image 20240414161720.png]]](https://i-blog.csdnimg.cn/blog_migrate/87b28d9c865e86d7ed62bcc54a52cc01.png)
点击Region,点击启用
点击编辑区域
![![[Pasted image 20240414162116.png]]](https://i-blog.csdnimg.cn/blog_migrate/4fb8a6a547777b37e142e798a95059b1.png)
选择自动裁剪
再点击图片就可以了
![![[Pasted image 20240414162320.png]]](https://i-blog.csdnimg.cn/blog_migrate/459bfef7da39308459f9a3ee44f341cc.png)
xy指位置,w指宽,h指高
![![[Pasted image 20240414162438.png]]](https://i-blog.csdnimg.cn/blog_migrate/8634daacc118bae9f797a15532e2bb4d.png)
先关闭region,测量一下,
![![[Pasted image 20240414162615.png]]](https://i-blog.csdnimg.cn/blog_migrate/14f1ec1d3b2c0d47cee44e3b31becf3d.png)
region就是区域的意思,使用区域,就是用切割的方式使用这张图片里包含的图片
3. 图片的合并
- 有时图片太多不好管理,想合并成一整张图片去使用
- 第一种方式,将图片用ps之类的工具合并好以后,重新导入godot中使用
- 第二种方式,在godot中选中多张资源,然后已AtlasTexture的方式重写reimport
- 重写reimport导入过后,也可以把之前的图片删除掉,已节省游戏的包体积和目录文件
![![[Pasted image 20240414163419.png]]](https://i-blog.csdnimg.cn/blog_migrate/e7fdb6f1dc1e938b9d07d362a1de98c6.png)
先选中要合并的图片
在上方的导入中选TextureAtlas
![![[Pasted image 20240414163605.png]]](https://i-blog.csdnimg.cn/blog_migrate/b84a133dc6db99d3dadde1129241e930.png)
点击地址,填入文件名字
![![[Pasted image 20240414163637.png]]](https://i-blog.csdnimg.cn/blog_migrate/22a7047d39af02be1d03eee7195de548.png)
点击重新导入,点击确定
![![[Pasted image 20240414163718.png]]](https://i-blog.csdnimg.cn/blog_migrate/75c19ceec72e71330953026390d91b42.png)
等编辑器重启之后,就得到一张合成后的图片
具体使用可以使用切割的方式
4. 图片与渲染器
- godot是基于节点的,节点有不同的种类,不同种类的节点代表了不同的功能
- Sprite节点继承于Node2D节点,所以包含Node2D节点的所有属性
- Sprite节点,用于显示一个Sprite,把一张图片渲染出来
- 节点的种类表示一种功能,而 Sprite 的功能就是显示图片
1 添加一个对象,显示图片1
2 观察 Sprite 的属性值
3 让 Sprite Renderer 更换显示另一张图片,通过拖拽方式或者通过选择文件的方式
4 通过创建一个节点的方式创建Sprite节点
![![[Pasted image 20240414164435.png]]](https://i-blog.csdnimg.cn/blog_migrate/358a649a02fe5580f263508973bcad84.png)
创建一个sprite节点
![![[Pasted image 20240414164516.png]]](https://i-blog.csdnimg.cn/blog_migrate/56faecfe1eaf9ac7f60dc984ee9948b1.png)
将左下角的icon.svg拖到右边Texture选项的后边
该博客围绕Godot游戏引擎展开,介绍了游戏开发中图片素材的处理方法。包括推荐国外图片素材资源网站,阐述2D图片准备、切割、合并的方式,以及图片与渲染器的关系,如Sprite节点用于显示图片等信息技术相关内容。
1643

被折叠的 条评论
为什么被折叠?



