一个全栈设计师的游戏浓缩心得

用户头像
深圳/UI设计师/10年前/857浏览
一个全栈设计师的游戏浓缩心得
用户头像
skave

全栈设计师:懂代码,会编程,写得了前端,做得了数据库,懂后台程序,画得了UI,改得了BUG。。。

5年FLASH开发,2年WEB,3年游戏开发的设计师的鸟心得~~

Skave 原创----------

转载请注明,谢谢

------------------------------------------------------------------------

先放上自己一个人独立开发的游戏截图。。。。欢迎程序猴子和各种有兴趣的美术鸡来加入跟我。。

毕竟一个人做游戏太累,策划,UI,等等。。。。。

11e257bbc0eb0000018c1bcafb4b.jpg


有很多新人设计师不知道除了设计。做游戏,还要学什么。其实要学的东西太多。


我先统一说下,本人以前做游戏都是FLASH,现在移动端满天下,FLASH受限于IOS,而FLASH在IOS只能打包AIR,但是效率和在行业里受鄙视率,目前已经没多少人用了。


于是酷友我花了一个兴趣学会了EGRET。也叫白鹭,是目前比较流行的H5游戏开发引擎。


有人可能认为游戏引擎是给程序员用的。但是大部分也是给设计师用的。


如果要想做游戏,我推荐你们必须学会其中一种游戏引擎。。


下面先介绍下几款比较主流的游戏引擎。。



首先是COCOS2D


a54c57bbb7010000012e7e8fad44.jpg


也就是这个鸟玩意,这个接口很强大,不过大部分是C++写客户端和服务端的,当然服务端也有LUA的,客户端也可以JS等,这里不多说。不然很多设计师一头雾水。


下面我要说到的是这里面几款设计师必须要学到的东西。


首先是 COCOS的UI编辑器,这个基本都是给UI设计师干的事情。如果你要说你只会做图。对不起。一般你工资高不到哪去。如果你GET到了这个技能,你能在你水平上多要5K工资。COCOS是基本上用来做2D游戏非常多的。


824257bbb8900000018c1bed5ebf.jpg


上面这个图,给一般PS的人一看就明白了。


所谓的做好UI,然后再在这个编辑器里把东西拼好,就直接可以给程序用了。

你们所要做的。就是了解控件,比如 哪些是按钮,哪些是输入框等各种东西。。。。


然后就是COCOS的粒子编辑器,这个网上有教程,也非常简单,不再多说


最后就是COCOS的动画编辑器,其实后来版本的COCOS编辑器自身就集成了可以在编辑器里做类似FLASH的TWEEN动画,如果对于FLASH操作有点基础的。这个上手就很快了。



----------------------------------------------分割------------------------------------



COCOS介绍完,下面介绍款可以做3D的,U3D,unity3d,当然这个也可以用来做2D游戏,如果对于做3D游戏有兴趣的同学们可以学习这个,但是如果用这个做2D游戏,记得就是一个面,注意好2D和3D的切换,


U3D我个人感觉布局的操作体验,还有UI适配性,都比COCOS要强一些,还有些特色,比如做好一个头部,你可以拖成一个组件,下次可以直接拖进来使用等等。


U3D还有个我特别喜欢的地方就是可以直接播放效果,不像COCOS还要每次导出放到代码里看效果。也可能是我用的不习惯。


U3D其实操作界面跟COCOS大同小异,只是做3D的时候XYZ操作类似3D MAX。


031757bbbaea0000012e7e931570.jpg


----------------------------------------------分割------------------------------------



最后推荐的是我最近弄的EGRET,这个一下下来就一个引擎,具体还要到工具里面下


推荐安装的其实3个就够了。就是骨骼编辑器,粒子编辑器和WING。


008257bbbb250000018c1b1aafc2.jpg



先说下 WING。


这个里面新出的EXML皮肤。。

其实就是给UI设计师做的工作。其实也非常简单了。甚至比COCOS和U3D都简单


227957bbbba50000018c1b447289.jpg


然后是骨骼编辑器。

就是2D骨骼。。

这个我下期会出个详细的教学视频给大家,这个其实看上去复杂。做起来倒挺简单,但要做细致难。

无非就是把人物各种部位抠出来。然后再在这里面拼好。用时间轴做跟FLASH一样的动画。。



d8c857bbbc210000018c1bff092c.jpg


-------------------


需要的可以找我要部分源文件,我免费分享给大家。谢谢


32
举报
|
11
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
海底世界插画
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
平面设计 吊牌设计
平面书法字手写
城市园林平面布局航拍
城阙凡花
平面插画情侣/矢量
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
中国传统纹样创新图案设计
学习,优惠券,平面,海报
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
平面男孩喝咖啡插画设计
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
空的平台平面和自然景观
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
课程海报,平面素材
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
你可能喜欢
大家都在看
登录注册