最近在学习Cocos2d-x相关教程并用Cocos2d-x做一个跳棋游戏。

首先做跳棋的第一步是素材的准备。

需要准备的素材有:

1·游戏背景图片

2·棋盘图片(棋盘加工)

3·棋盘背景图片

4·棋子的制作

5·按钮的制作

在制作素材的过程中我用到了PhotoShop技术来制作和加工图片。今天来跟大家分享怎么对棋盘加工及

棋子和按钮的制作。

一、棋盘的加工


这个是从网上下载下来的简单的跳棋棋盘图片 这个是最后在游戏中的效果图



1、棋格的制作

打开PhotoShop点击左上角的新建,大小按照自己的意愿,我们先要将我们新建的图层解 锁,双击右下角部分第一个图层然后点击确定,这样图层就解锁了,这下我们就可以对图层进行操作了。


a 长按工具中的橡皮工具选择魔术橡皮擦工具点击图片把背景颜色清除掉。



b画圆,在图一最下部分两个框点击第一个框设置颜色,(同上长按)如图二选择椭

圆选框工具,按住Shift在图片中点击鼠标左键移动相应的距离松开,然后选择图三中漆桶工

再点击圆形区域就会为圆形区域着色。然后点击字母C双击圆形区域。效果如图四



c增加效果 如图一选择内阴影,设置如图二,效果如图三




d 将新建的图保存成png格式并插入到棋盘中。选中棋格移动到相应的位置,选中棋

格并按住Alt移动鼠标可以实现棋格的拷贝。

二、棋子的制作

效果图

a新建图形、如何画圆形、如何着色同棋格的制作。

b在配置内阴影时的配置如图




c新建图层,在新建图层中画椭圆大小位置如图一,在寻找油漆桶工具的选项中选择渐

变工具操作如图二,再在图层中画椭圆大小如图三,用渐变工具操作如图四,效果如图五。


d使用模糊工具,对上一步所有的边线进行模糊处理效果如图二




三、按钮的制作

效果图

a按钮的轮廓同棋格的制作过程(由一个长方形和两个圆形叠加而成),内阴影配置如图

一,加入90度的投影效果,效果如图二.


b 选择矩形选框工具在按钮中上方画一个矩形并在矩形各两边叠加一个椭圆并配色如图一

,选择椭圆选框工具画椭圆并用渐变工具渐变效果如图二。



c选择模糊工具对边线进行模糊处理,效果如图。


Cocos2d-x制作跳棋第一步: 素材的准备的更多相关文章

  1. ios – CAShapeLayer动画路径毛刺/闪烁(从椭圆到矩形和背面)

    当我创建一个显式动画来将CAShapeLayer的路径值从椭圆更改为矩形时,我遇到了一个问题.在我的画布控制器中,我设置了一个基本的CAShapeLayer并将其添加到根视图的图层:然后,当我为路径设置动画时,在动画的最后几帧中,当形状变为矩形时会出现奇怪的毛刺/闪烁,而在前几帧中,当动画远离矩形时,会出现奇怪的毛刺/闪烁.动画设置如下:我尝试了很多不同的东西,比如锁定/解锁CATransaction,玩各种填充模式等等……

  2. 早期Swift中Cocos2D初始化代码的重构

    但是遗憾的是Swift2.2中还是不支持Type的class属性关键字,只能用static,我们期待Swift3的改进吧!

  3. 手把手教你swift项目添加cocos2dx-lua

    去倒杯水吧,这个过程会很久。。。至此,工程已经全部配置完毕,你已经解决一个大Boss了;今天就到这里吧,之后我们再续如何用swift调用lua手把手教你swift项目添加cocos2dx-lua

  4. 手把手教你swift项目集成cocos2dx-js模块

    前几天在swift项目中集成了Lua模块,使得在swift工程中用Lua写游戏逻辑成为了可能,具体工程及配置见手把手教你swift项目添加cocos2dx-lua,由于公司最近要把js做的小游戏集成到iOS原生应用中,于是我们将解锁另外一个场景,好了,下面开始;同样的,首先你得有一个swift项目我们从头开始,建立一个swift项目;我们默认你已经可以自己创建一个全新的swift项目了,这很简单,不是么?

  5. android – 使用marquee ellipsize在TextView上设置textIsSelectable会添加椭圆

    我的应用程序中的屏幕可能会将非常长的字符串发布到TextView中.对于这种情况,我有android:ellipsize=“marquee”设置,因此文本将在TextView上进行选取.但是,我已经决定我也希望这个文本可以选择.在大多数情况下,这没有问题.文本小于TextView,用户可以选择它.但是,如果我有textIsSelectable属性,并且文本大于TextView,则文本将拾取椭圆而不是完整字符串.它仍然是大帐篷,但它不再显示全文.它切断它并显示一个椭圆.有没有办法让文本可选并仍然保持整个字符

  6. android – 尝试在Cocos2d-X C中设置一个带整数的CCLabelTTF作为它的字符串的一部分

    所以在使用Cocos2d的Objective-C中,我使用带有格式的NSMutableString将变量(得分)放入字符串中.我拿这个字符串并使用cclabel将它放在屏幕上.使用Cocos2D-x,我很难找到获得此结果的方法.一个简单的例子就是很棒.谢谢!

  7. android – 在画布上的文本周围绘制一个椭圆形状

    我想在Canvas上的文本周围画一个椭圆形,我正在使用drawwText()方法在Canvas上显示3个文本.现在,当我单击特定文本时,我需要在该文本周围绘制一个椭圆,当我们单击另一个文本时,椭圆形状应该出现在单击的文本上.为此,给我一些代码建议.谢谢你提前解决方法使用drawoval方法()..这里是方法的签名..RectF是绘制矩形的类…其构造函数定义如下…你可以使它的对象如下现在在drawoval方法中传递此对象…

  8. 详解nodejs微信公众号开发——5.素材管理接口

    这篇文章主要介绍了详解nodejs微信公众号开发——5.素材管理接口,非常具有实用价值,需要的朋友可以参考下

  9. javascript椭圆旋转相册实现代码

    支持自动和手动两种模式:自动模式下自动旋转展示,手动模式下通过鼠标选择当前图片,或通过提供的接口选择上一张/下一张图片

  10. 详解使用php调用微信接口上传永久素材

    这篇文章主要介绍了详解使用php调用微信接口上传永久素材,

随机推荐

  1. 【cocos2d-x 3.x 学习笔记】对象内存管理

    Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存,但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数,所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义:在cocos2d-x中创建对象通常有两种方式:这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式,为了避免误用第一种方式,一般将构造函数设为protected或private。参考资料:[1]cocos2d-x高级开发教程2.3节[

  2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

    由于编码的不同,在cocos2dx中的Label控件中如果放入中文字,往往会出现乱码。为了方便使用,我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样,以后在需要用到中文字的地方,就先include这个头文件然后调用ChineseWord函数,获取一串中文字符串。

  3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

    在前面,我们已经在GameLayer中利用随机数初始化了一个StarMatrix,如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

  4. cocos2dx3.x 新手打包APK注意事项!

    这个在编译的时候就可以发现了比较好弄这只是我遇到的,其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

  5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

    如果你看完之前的,那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏,包括星星消除的时候要加到获得分数上,消去剩下两两不相连的星星的时候的加分政策等,因此如果前面没有做这一块的,最好回去搞一搞。

  6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

    needClear是一个flag,当游戏判断不能再继续后,这个flag变为true,开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片,也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时,为了实现星星爆裂散落的效果,使用了cocos2d提供的粒子特效引擎对于粒子特效不了

  7. 02 Cocos2D-x引擎win7环境搭建及创建项目

    官网有搭建的文章,直接转载记录。环境搭建:本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建:一、通过命令创建项目前面搭建好环境后,怎样创建自己的Cocos2d-x项目呢?先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如:成功后,找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

  8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

    一个游戏,声音也是非常的重要,其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了,本系列教程到此结束,第一次写教程如有不对请见谅或指教,谢谢大家。最后附上整个项目的源代码点击打开链接

  9. 03 Helloworld

    程序都有一个入口点,在C++就是main函数了,打开main.cpp,代码如下:123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

  10. MenuItemImage*图标菜单创建注意事项

    学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解,这本书错误一大把,本着探索求知勇于发现错误改正错误的精神,我跟着书上的例子一起调试,当学习到场景切换这个小节的时候,出了个错误,卡了我好几个小时。

返回
顶部