码迷,mamicode.com
首页 > 其他好文 > 详细

Unity3D ARPG游戏开发《最初的幻想》之GUI背包系统实现

时间:2014-08-14 13:42:38      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:http   os   io   数据   ar   2014   art   问题   

昨天做了角色暴击…GUI浮动提示栏。现在的话,终于该继续前天被残忍打断的物品栏之类的GUI界面了!

首先还是把“属性”、“物品”、“技能”、“系统设置”几个按钮放上去罢。

我是这样设计的:

bubuko.com,布布扣

美工方面确实不是俺的长处,资源也都是用的DaikonGUI自带的。

新建一个Panel,用于盛放这几个按钮,Anchor设置为Right和Bottom即可。

然后再将这个Panel命名为“MyBottomBar”,在这个Panel中新建四个按钮,放上相应的图标即可。如果为了好看点,还可以设置Havor状态的显示,我就设置了一下Havor状态的颜色。它们的Anchor都设置为Right和Verticle。

名字根据相应的作用,分别命名位为:Bag、AttibuteWindow、Skill和System。

bubuko.com,布布扣

在这里,还可以在相应的ToolTip中输入相应的提示语句:

bubuko.com,布布扣

然后吧,就先来做物品栏吧。

再屏幕中选择一个合适的空白处,点击新建一个Panel,背景设为Fantasy Atlas中最像窗口的图片,然后再在这个Panel中添加一个Drag Handle,在Drag Handle中新建一个Label,内容就是“物品”。

因为这是个窗口,所以也可以再为其添加一个Resize Handle,使其可以拖动改变大小。

如图:

bubuko.com,布布扣

然后再为其中间添加一个ScrollPanel,作为显示物品的主窗体,最下面添加一个Buttom,选择合适的图片,并写上“关闭”两个大字:

bubuko.com,布布扣

接下来,在中间的物品窗口右边,添加一个ScrollBar,Anchor为Left和Verticle即可。在这个ScrollBar之中,分别建立两个Sliced图片,并命名为Track和Thumb,最后将这两个图片拖到ScrollBar上,即可完成ScrollBar的建立。

bubuko.com,布布扣

最后再把这个ScrollBar拖给中间的ScrollPanel的Verticle滚动条,即可。其中我还设置了一些窗口的Layout:

bubuko.com,布布扣

窗口大体创建出来了,下一步,就是为打开和关闭这个窗口添加功能以及一些动画了。

动画事件之类的都是添加在主窗口之上。首先为其添加一个Tween中的Vector2,这个用于改变其大小,只需要在EndValue点击“Assign current value”即可。

然后是改变位置的动画。添加一个Tween中的Vector3,选择“RelativePosition”,先点击一下EndValue中的“Assign current value”,然后把窗口移动到右上角,再点击StartValue中的 “Assign …..”,这样就记录这个动画了。如图: 不错的游戏编程网www.cgzhw.com 里面很多好的教程可以学习。

bubuko.com,布布扣

最后的话,因为包裹按钮只有一个,为了方便,在这里还可以添加一个“Tween Group”。为Group添加两个Item。将先前添加的两个Tween动画都拖进这个组,如图:

bubuko.com,布布扣

然后,就是包裹按钮方面的了。点击先前做好的包裹按钮,添加一个EventBinding(事件绑定),数据源为自身被点击,而目标事件就是先前的TweenGroup脚本中的Play:

bubuko.com,布布扣

这下子运行游戏的话,点击包裹图标,就会看见物品窗口从屏幕外飞进来。

然后是飞出的动画,这个弄一个位置变化的动画就行了吧。再次为主窗口添加一个Tween动画中的Vector3动画,命名为FlyOut,然后在StartValue记录屏幕中的当前位置,然后把窗口远远拖动到左边看不见的位置,记录EndValue。

然后为窗口中的关闭按钮添加一个EventBinding,事件为点击按钮,目标则是窗口播放TweenVector3中的FlyOut的动画。

bubuko.com,布布扣

运行游戏,点击包裹,窗口将会从右上方飞进来,点击关闭按钮,窗口则会从左边飞出去。这个窗口的界面因素就差不多了。

然后,下面就又到了脚本时间了!

包裹GUI终于把数据同步的问题解决了!不过现在不是一丁半点地晚了,具体情况还是明天记载罢。

Unity3D ARPG游戏开发《最初的幻想》之GUI背包系统实现,布布扣,bubuko.com

Unity3D ARPG游戏开发《最初的幻想》之GUI背包系统实现

标签:http   os   io   数据   ar   2014   art   问题   

原文地址:http://www.cnblogs.com/cgzhw/p/3912167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!