Stardew Valley Unity 从头开始还原星露谷物语：移动界面（一）

发布时间：2024-09-21浏览：30

很多朋友对于Stardew Valley Unity 从头开始还原星露谷物语：移动界面（一）和不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

当然，这些只是玩笑而已。星露谷物语丰富的角色互动事件、有趣的耕作和建筑系统，以及独特的春夏秋冬节日和大量的复活节彩蛋，让玩家一进入就能够快速融入这个可爱的小镇。听着小曲，经过一天的冒险，带着路边采摘的野花回家。当你在路上遇到你喜欢的人时，把花送给她，知道她对你多了一份爱。晚上，我去我家门前钓鱼，然后回家摸我的宠物睡觉。这样充实而快乐的生活让我感叹，比起城市或者乡村，还不如在星露谷物语里当一只老鼠呢~

夏末，记得看月光水母翩翩起舞~

作为一款2D像素游戏，首先就是动作自然。我在网上找到的《星露谷物语》素材包中的人物精灵还是比较有条理的。我选择阿比盖尔作为主角。

使用前需要对材质进行设置。过滤器模式设置为点。默认选项设置为非压缩图像质量。同时，图集参数Pixels Per Unit修改为16（具体根据图集中字符长度确定）。最后，使用SpriteEditor中的Grid By Cell Size方法将图集划分为16 * 16像素的图像，Abigail的素材就准备好了：

接下来，创建角色的移动动画。星露谷物语中人物的移动方向有八个：上、下、左、左、左上、左下、右上、右下。事实上，显示的动画只有四个方向：上、下、左、右，而这个集合已经包含在材质中。对于动作，我们可以直接使用Unity的动画系统来创建各个方向的移动动画：

10秒快速制作动画！

同时在代码中编写一个方向枚举类来做好准备。这看似繁琐，但星露谷物语中几乎所有的操作都与方向有关。需要获取角色当前的精确方向，所以我选择了这种相对繁琐的方法。控制动画：

公共枚举方向{下，上，左，右，下左，下右，上左，上右，站立}

然后我们开始创建动画状态机。星露谷物语中角色的日常状态是站立和行走，每个状态包含四个方向，因此我们可以选择混合树来管理这些方向的过渡：

创建两棵新的混合树

每个混合树包含四个方向的动画

星露谷物语中角色的移动没有加速过程，直接匀速移动，所以我们直接将类型设置为1D，通过检测按钮按下+长按事件来控制动画转换：

公共无效UniformMove() { Vector2 位置=变换. 位置； switch (GetDirection()) { case Direction.Down: 位置.y=位置.y + -Speed * Time.deltaTime;休息； case Direction.Up: 位置.y=位置.y + 速度* Time.deltaTime;休息； case Direction.Left: 位置.x=位置.x + -速度* Time.deltaTime;休息； case Direction.Right: 位置.x=位置.x + 速度* Time.deltaTime;休息； case Direction.DownLeft: 位置.y=位置.y + -Speed * Time.deltaTime * TurnSpeed;位置.x=位置.x + -速度* Time.deltaTime * TurnSpeed;休息； case Direction.DownRight: 位置.y=位置.y + -Speed * Time.deltaTime * TurnSpeed;位置.x=位置.x + 速度* Time.deltaTime * TurnSpeed;休息； case Direction.UpLeft: 位置.y=位置.y + 速度* Time.deltaTime * TurnSpeed ;位置.x=位置.x + -速度* Time.deltaTime * TurnSpeed;休息； case Direction.UpRight: 位置.y=位置.y + 速度* Time.deltaTime * TurnSpeed;位置.x=位置.x + 速度* Time.deltaTime * TurnSpeed;休息；案例方向.Stand: 突破；默认：中断； }rigidbody2D.MovePosition(位置); }

当角色在游戏中选择某个物品时，会有举起该物品并一起行走的动作，并且该物品还会有上下的动画。只需在状态机中创建一个新层来执行项目动画。最终效果如下：

这样角色的移动就暂时完成了，以后添加新的动画就更方便了。接下来完成角色的状态栏背包。首先，我还从精灵图集中找到了面板材质。当需要添加或删除项目时，面板会自动排列，因此我选择使用Unity自带的UI控件Scrollview来完成此操作。项目在水平方向上逐渐增加，所以我们直接删除滚动条，并在Viewport中添加一个Horizontal组件：

然后根据您的需要创建项目的模板预制件，并在水平中测试项目之间的适当间距。当需要添加或删除项目时，您不需要自己调整布局。效果如下：

这里有的朋友可能注意到了，不同物品的信息面板的大小也不同。星露谷物语中的物品很多，对应的描述文字数量也不同。因此，当我们生成不同的item时，我们需要根据文本的数量来确定panel的宽度。具体代码如下：

//构造信息显示面板，参数传入的info包含描述信息public void SetDesPanel(ItemInfo info) { //加载字体并获取描述文本Font font=Resources.Load('Font/Arial'); int 字体大小=18;字符串文本=信息.描述； //获取此文本的总字符长度font.RequestCharactersInTexture(text, fontsize, FontStyle.Normal);角色信息角色信息；浮动宽度=0f； for (int i=0; i text.Length; i++) { //Debug.Log('字符长度'); font.GetCharacterInfo(text[i], out characterInfo, fontsize);宽度+=字符信息.advance; } //设置信息面板的长宽if (width=253 width 173) { DisplayPanel.rectTransform.sizeDelta=new Vector2(width, 245); } else if (width 173) { DisplayPanel.rectTransform.sizeDelta=new Vector2(173, 245); } else { int line=(int )(宽度/253); //Debug.Log('行数'+line ); DisplayPanel.rectTransform.sizeDelta=new Vector2(300, 245+line*27); } }

同时，我们必须保证信息面板始终渲染在item后面，这样才不会被item图标遮挡，所以将其parent设置为Inventory_Tabs，与Viewport处于同一级别：

DisplayPanel.transform.SetParent(inventory_Tabs.transform,false);

最后一个关键点是选择项目并进行操作。这与数据的读取相结合。这部分我会放在下一篇文章中，最后放一张当前进度的图：分别包括来自Excel表格和json。基于Tilemap加载物品信息、数据存储以及地面上个别植物的小动画（有点麻烦）。目前施工尚未完成，暂不启动项目，敬请期待~

欢迎加入快乐游戏开发群：1082025059

对游戏开发感兴趣的童鞋可以点击这里了解更多：http://levelpp.com/