当前位置: 首页 > news >正文

Unity横板动作游戏 - 素材导入和整理

导入素材

编辑器布局

点击每个窗口右上角的三个点可以有更多的窗口选项。

image-20240727064735126

在屏幕的右上角有一个菜单可以保存布局或读取已经报错的布局。

image-20240727064859894

工具按钮

编辑器上的工具按钮在启动的时候是蓝色的,在不启动的时候是灰色的。

image-20240727064952526

这个按钮将会决定场景中的物体是以锚点显示还是以中心点显示。

image-20240727065039413

常用的工具按钮可以拖拽到场景的最上方。

image-20240727065151003

通过 Hierarchy 窗口左上角的+可以创建一些我们想要的物体。

image-20240727065237786

可以通过更改Gizmose来修改小工具的显示,最简单的就是点击关闭或者启动。还可以在下拉菜单中修改大小等诸多属性。

image-20240727065347075

游戏素材的准备

最关键的当然是我们的游戏素材,Unity 中有两种方式找到我们的素材:Unity 官方素材商店或者本地。我们使用第二种方法。

素材提供:

人物 https://brullov.itch.io/generic-char-asset

场景 https://anokolisa.itch.io/sidescroller-pixelart-sprites-asset-pack-forest-16x16

将下载好的素材拖到 Unity 项目中的 Assets文件夹中。

更改设置

选择 Editor > Preferences: 找到 Create Objects Origin 并勾选。

勾选后,每次创建一个新的物体,坐标就是(0, 0, 0),否则物体将是随机坐标,不好找。

image-20240727065911213

可以更改 Colors 中的 Playmode tint来修改启动游戏时编辑器的主色调,提醒你现在编辑的内容是会重置的。

在游戏启动时进行的编辑都会在关闭游戏时重置,并不会保存。

image-20240727070100468

图像缩放

点击TransformScale左边的小链接可以将缩放设置为等比例缩放,也就是锁定。

image-20240727070319387

设置图片素材

图中框出了对于一个图片素材,首先需要修改的三个属性。

  • Pixels Per Unit
  • Filter Mode
  • Compression

image-20240727070559157

我们将Pixels Per Unit修改为16,将Filter Mode修改为Point (no filter),将Compression修改为None,然后我将依次讲解三个修改这么做的原因。

Pixels Per Unit

像素最小单元,这个属性代表 Unity 场景中每一个小方格的大小,这个属性是根据素材来决定的。例如,本游戏中每个素材都采用的16x16的像素绘制,那么在素材包中默认每个小方格的大小也就是我们素材的单位就是16,所以修改这个属性表示我们图像素材的最小方格单位。

image-20240727070921709

Filter Mode

过滤模式,在像素游戏中,我们不添加任何的过滤。这个选项有点类似 Godot 中的渲染模式,在 Godot 中我们总是希望像素游戏选择 Nearest,这里有点不同。

Compression

图像压缩,我们的像素游戏的图像不大,不吃性能,在压缩就真成马赛克了,所以不压缩来保证图像的质量。

都设置好后我们点击Apply来保存设置。

image-20240727071408362

对于项目中所有的图片,我们都需要来这样设置。

设置人物图像(设置图像集)

我们的人物是一个图像,里面包含了人物的动画信息。点击 Sprite Editor 可以通过 Unity 查看这个图像。

image-20240727071641417

这是一个图集,所以我们需要设置Sprite ModeMultiple。其他设置和所有的图像一样,这是唯一的区别。

image-20240727071940465

切割图像集

通常我们不选择自动切割来创作动画,因为自动切割的位置比较随意,在处理单张图像的时候还可以,但是动画会出很多问题,不利于开发。

在本项目中呢,人物图集的数量是固定的,水平方向上有8个精灵,垂直方向上有11个精灵图。

image-20240727072144707

切割

所以我们根据数量进行切割精灵集,选择Grid By Cell Count。在Column & Row中键入C: 8, R: 11

image-20240727072234828

锚点

我们希望人物的锚点处于人物脚底,所以将Pivot设置为Bottom,并再次进行切割。

image-20240727072537931

点击右上角的Apply进行保存应用。

image-20240727072637642

同时,不要忘记再次在检查器窗口中点击Apply ,来保存图像的更改。

image-20240727072703758

窗口标题上的*表示没有保存,这时请不要忘记保存。

切割好的图片,下拉菜单后会有很多图片。可以将他直接拖入场景窗口,来简单的显示我们的玩家。

image-20240727072923846

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 月薪竟然高达60k,AI大模型凭什么?
  • 手摸手教你前端和后端是如何实现导出 Excel 的?
  • Python 爬虫项目实战(一):破解网易云 VIP 免费下载付费歌曲
  • uniapp h5支付(支付宝和微信支付)
  • [ Socket学习 ] 第一章:网络基础知识
  • 常用排序算法的实现与介绍
  • Pyinstaller打包OSError: could not get source code【终极解决】
  • [Meachines] [Easy] Admirer Adminer远程Mysql反向+Python三方库函数劫持权限提升
  • C++面试---小米
  • 食源送系统项目的测试
  • 服务重启脚本
  • 从实现第一个ArkTs应用开始入门
  • C#中ToString()在windows和linux的差异
  • MySQLl的存储引擎
  • 二进制部署k8s集群之CoreDNS部署及多master节点负载均衡以及高可用(下)
  • 【前端学习】-粗谈选择器
  • const let
  • co模块的前端实现
  • css系列之关于字体的事
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • docker-consul
  • ECS应用管理最佳实践
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • gops —— Go 程序诊断分析工具
  • JDK 6和JDK 7中的substring()方法
  • Mocha测试初探
  • NSTimer学习笔记
  • PHP的Ev教程三(Periodic watcher)
  • Redis字符串类型内部编码剖析
  • uva 10370 Above Average
  • Vue.js源码(2):初探List Rendering
  • Web设计流程优化:网页效果图设计新思路
  • 从零到一:用Phaser.js写意地开发小游戏(Chapter 3 - 加载游戏资源)
  • ------- 计算机网络基础
  • 记录一下第一次使用npm
  • 数组大概知多少
  • 提醒我喝水chrome插件开发指南
  • 学习ES6 变量的解构赋值
  • 学习笔记TF060:图像语音结合,看图说话
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • # Redis 入门到精通(九)-- 主从复制(1)
  • #13 yum、编译安装与sed命令的使用
  • #define,static,const,三种常量的区别
  • ${factoryList }后面有空格不影响
  • ()、[]、{}、(())、[[]]等各种括号的使用
  • (bean配置类的注解开发)学习Spring的第十三天
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节(封装和窗体)
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (附源码)springboot 智能停车场系统 毕业设计065415
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (精确度,召回率,真阳性,假阳性)ACC、敏感性、特异性等 ROC指标
  • (每日一问)设计模式:设计模式的原则与分类——如何提升代码质量?
  • (七)c52学习之旅-中断
  • (十二)devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置