cocos2d-x 之闲扯UI制作

来源:互联网 发布:手机测经纬度软件 编辑:程序博客网 时间:2024/06/06 04:34

有一阵子没来更新博客了,因为这几天都比较忙啊,什么LOL无线活力模式又开启了啊,双倍金币活动又来了啊。。。

好吧,生活就是应当劳逸结合,以逸待劳,最好能不劳而获,但是这明显是不可能的,正所谓人丑就应该多读书,没错,我不会告诉你我这几天去图书馆自闭了。。


这要说道前几天一位大神给看了一下他们做的一款类似山寨萝卜的游戏,然后萌生了也想动手做一个的念头,于是手贱解压了一下,两眼放光有木有,多么齐全的资源啊,然后在扣扣上问了一下能不能用一下资源,好吧人没同意,虽然我长得像好人,而且又那么帅,但这不是重点,窃取别人的资源总是不好,主要是我觉得如果要写游戏,需要的是激情,没错,没有激情是一件非常可怕的事,老夫老妻通常会出现这种状况(咦。。。我为什么会突然说这个),而且写游戏最重要的还是创意一个好的idea说不定哪天就日进5W刀,然后赢取白富美,出任ceo,从此走向人生巅峰。。。


===============================================


总之这都不是很重要啦,趁着现在还有时间,准备自己去搞一款游戏出来,找工作好使。。闲话不扯啦,先看一下今天做的一张图,其实就是


1张背景图 + 1个文字logo(拿ps设计的) + 4个图片按钮(画图+ps)



有木有觉得很高端。。。。


虽然我自己也觉着。哈哈


恩,然后,现在来看一下这个图是怎么出来的。。


首先,注意到左上角有一个这样子的图片么


恩,这其实是我自己画的~~(主要是找半天找不到合适的资源,都是被逼出来的),自己动手,丰衣足食么~~


恩,打开画图工具,画这样子一张图应该不难吧,就是3个圈圈+v型线条,然后填充颜色(先放大再画,比较不容易变形)



然后就是保存了。。


然后你会发现这个时候图片的背景是白色的有木有,一般我们做资源图片需要的是透明背景


然后打开ps,打开这张图片,然后


(1)双击图层,先解锁


(2)选择魔术橡皮擦,选择图片白色的地方擦一下,哈哈,然后背景就透明了(别喷,我ps水平也就刚好够用)


大概就像这样子


(3)然后选择菜单栏上有个图像的,可以设置图像大小和画布大小,还可以裁切,把透明的部分裁切掉



4)然后就是设置图像大小,这里我设置成65x65像素,然后保存为png格式,恩,然后出来就这样子


大概就是这样子,所以小伙伴们,以后木有美工又木有的时候就自己动手吧,不要抱怨了~~


其他我就不分析了,做法是类似的,你们可以以小见大。。


最后做完的时候导入cocostudio 里面就ok啦~~


不会使用cocosudio请参考  cocos2dx 3.0 简单使用 CocoStudio UI Editor


===============================================


感觉这篇有点短啊,好吧,我承认我就是来凑字数的,最近估计不会常更新博客了,因为要看基础(面试老是要问这些问题好无奈),又开始写这游戏了,有点忙,,恩,就这样。。

0 0