京 东 价：
[定价：￥]
PLUS会员专享价
支　　持：
重　　量：
选择系列：
搭配赠品：
服务支持：
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
Cocos2d-x 3.x游戏开发之旅
商品介绍加载中...
扫一扫，精彩好书免费看
京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。
凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和，请您放心购买！
注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
权利声明：京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。
注：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
印刷版次不同，印刷时间和版次以实物为准。
价格说明：
京东价：京东价为商品的销售价，是您最终决定是否购买商品的依据。
划线价：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。
折扣：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。
异常问题：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
加载中，请稍候...
浏览了该商品的用户还浏览了
加载中，请稍候...
七日畅销榜
新书热卖榜
iframe(src='///ns.html?id=GTM-T947SH', height='0', width='0', style='display: visibility:')& & &Cocos2d-x中的图像是通过精灵类来显示的。在Cocos2d-x中游戏中的每一个角色、怪物、道具都可以理解成是一个精灵，游戏背景作为一种特殊的单位将其理解成是一个精灵也没有什么不妥。在源文件本章目录下的项目ChapterThree03就展示了使用Cocos2d-x实现简单游戏开始界面的方法，主要就是通过精灵类来显示图像，其关键代码如范例3-5所示。
【范例3-5&在Cocos2d-x中显示图像】
Size size = Director::getInstance()-&getVisibleSize();
//获取屏幕尺寸
//背景图像
auto* background = Sprite::create(&background.jpg&);
//创建精灵类，背景图片为background.jpg
background-&setPosition(size.width/2,size.height/2);
//让背景图像居中显示
background-&setScale(0.7f);
//让背景图片缩小尺寸
addChild(background,0);
//将背景图片加入到场景中
//屏幕右侧的三个按钮
auto* button1 = Sprite::create(&button.png&);
//按钮的素材图片为button.png
button1-&setPosition(550, size.height / 2);
//第一个按钮的位置
button1-&setScale(0.6f);
//设置按钮大小
addChild(button1,1);
//将第一个按钮加入到场景中
auto* button2 = Sprite::create(&button.png&);
//第二个按钮
button2-&setPosition(550, size.height / 2-60);
button2-&setScale(0.6f);
addChild(button2,1);
//将第二个按钮加入到场景中
auto* button3 = Sprite::create(&button.png&);
//第三个按钮
button3-&setPosition(550, size.height / 2 - 120);
button3-&setScale(0.6f);
addChild(button3,1);
//将第三个按钮加入到场景中
//左侧的古风人物
auto* renwu = Sprite::create(&renwu.png&);
//创建精灵类，人物素材存放在renwu.png中
renwu-&setPosition(0,0);
//设置人物位置
renwu-&setAnchorPoint(Vec2(0,0));
//设置精灵锚点
renwu-&setScale(0.5f);
addChild(renwu,2);
//将人物加入到场景中
运行之后的效果如图所示。
图3-5&利用精灵类实现的游戏开始界面
& & &可以到该项目的Resources目录下查看该范例所使用的素材如图3-6所示。一共有3张图片分别是用来作为背景图片的background.jpg、按钮图片button.png和左侧人物图片renwu.png。可以看出图3-5所示的界面实际上就是这3张素材以一定的规律叠放在一起的结果。而范例3-5所实现的正是这样的一个功能。
图3-6&范例3-5中用到的素材
& & 在范例3-5的第01行首先获取了当前屏幕的尺寸存放在变量size中，然后创建了一个精灵类的对象background，其中create方法的参数就是所需要素材的文件名，如范例第02行所示。接下来要做的就是使用addChild方法将该精灵对象加入到场景中去，如范例第06行所示。
& & 但是在本范例除了要将图片显示出来，还要实现图片位置的变化，以及缩放等功能，因此还要看看第04、05行处的内容。第04行中使用setPosition方法设置了背景图片所在的位置，在默认情况下，Cocos2d-x中元素的锚点位于图片最中央的部分，因此setPosition中的参数表示图片的中点与屏幕的左下角在x、y两个方向的位移。
& & 至于第05行中使用的setScale则是直接使用一个float类型的小数来设置图片缩放的倍数，由于本范例中背景图片的大小是可以知道的，而窗口宽度（屏幕宽度）则被设置为了640*360，因此可以保证整个屏幕都被背景图像占满，而在实际开发中自然还会遇到屏幕适配的问题，这将在本章后续的内容中进行讲解。
& & 第08~19行则是使用了类似的方法将3个按钮加入到场景中，并设置了一定的位移和缩放。第21~25行的作用是将人物图像加入到场景中，不难看到相对之前所使用的代码，该部分新使用了一个setAnchorPoint方法。该方法的作用是设置当前对象的锚点，如第23行所示。它将人物图像的锚点设置在了其最左下角的位置，此后再使用setPosition方法时，其中的参数就变成了图像的左下角与屏幕左下角的相对位置。
推荐一本学Cocos2d-x最新版的新书《Cocos2d-x游戏开发实战精解》，清华出版，必属精品！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：2714次
排名：千里之外
(1)(1)(5)(5)}