Quick-Cocos2d-x 学习手册（一）：游戏元素

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Quick-Cocos2d-x 学习手册（一）：游戏元素，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

从2D引擎整体角度去看Quick-Cocos2d-x。第一篇是游戏元素，游戏中最多出现的图片、动画声音等元素。游戏开发贯穿始末的东西，必须从这里说起了。


UIImage

@H_301_27@
cc.ui.UIImage. new ( "40.png" )
:pos(display.cx,display.cy)
:addTo(self)
1
2
3


ScaleUIImage

@H_301_27@
cc.ui.UIImage. new ( "40.png" )
:setLayoutSize(80,80)
:pos(display.cx,display.cy)
:addTo(self)
1
2
3
4



Scale9UIImage

@H_301_27@
cc.ui.UIImage. new ( "slice30.png" ,{scale9= true })
:setLayoutSize(120,display.cy)
:addTo(self)
1
2
3
4


TTF文本

@H_301_27@
cc.ui.UILabel. new ({
text= "这是一行TTF文字" ,
size=16,
color=display.COLOR_BLACK,
})
:pos(display.cx,display.cy)
:addTo(self)
1
2
3
4
5
6
7


Atlas文本

@H_301_27@
atlasLabel=CCLabelAtlas:create(
"AtlasLabel" , "tuffy_bold_italic-charmap.png" ,
48,64,string.byte( '' )
)
:pos(display.left,display.cy)
self:addChild(atlasLabel)
1
2
3
4
5
6


Button

@H_301_27@
btn3_img={
normal= "80x40button_n.png" ,
pressed= "80x40button_h.png" ,
disabled= "80x40button_dis.png" ,
}
btn3=cc.ui.UIPushButton. new (btn3_img)
:setButtonLabel( "normal" ,ui.newTTFLabel({
text= "Button" ,
size=24,
color=ccc3(255,255,255),
}))
:setButtonLabel( "pressed" ,ui.newTTFLabel({
text= "Down" ,
size=24,
color=ccc3(255,
}))
:setButtonLabel( "disabled" ,ui.newTTFLabel({
@H_79_404@ text= "Disable" ,
size=24,
color=ccc3(200,200,200),
@H_403_410@ }))
:pos(display.cx,display.cy)
:addTo(self)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@H_79_404@ 19
20
21
@H_403_410@ 22
23
24


CheckBox

@H_301_27@
btn1_img={
off= "30check_off.png" ,
off_pressed= "30check_off.png" ,
off_disabled= "30check_off.png" ,
on= "30check_on.png" ,
on_pressed= "30check_on.png" ,
on_disabled= "30check_on.png" ,
}
btn1=cc.ui.UICheckBoxButton. new (btn1_img)
:setButtonLabelOffset(0,0)
:setButtonLabelAlignment(display.CENTER)
:setButtonSelected( false )--初始按下状态
:onButtonStateChanged(function(event)print( "CheckBox点击" )end)
:pos(display.cx,display.cy)
:addTo(self)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16


Radio Group

@H_301_27@
RAdio_BUTTON_IMAGES={
off= "30radio_off.png" ,
off_pressed= "30radio_off.png" ,
off_disabled= "30radio_dis.png" ,
on= "30radio_on.png" ,
on_pressed= "30radio_on.png" ,
on_disabled= "30radio_dis.png" ,
}
localgroup=cc.ui.UICheckBoxButtonGroup. new (display.TOP_TO_BOTTOM)
:addButton(cc.ui.UICheckBoxButton. new (RAdio_BUTTON_IMAGES)
:setButtonLabel(cc.ui.UILabel. new ({text= "option1" ,color=display.COLOR_BLACK}))
:setButtonLabelOffset(20,0)
:align(display.LEFT_CENTER))
:addButton(cc.ui.UICheckBoxButton. new (RAdio_BUTTON_IMAGES)
:setButtonLabel(cc.ui.UILabel. new ({text= "option2" ,color=display.COLOR_BLACK}))
:setButtonLabelOffset(20,0)
:align(display.LEFT_CENTER))
@H_79_404@ :addButton(cc.ui.UICheckBoxButton. new (RAdio_BUTTON_IMAGES)
:setButtonLabel(cc.ui.UILabel. new ({text= "option3" ,color=display.COLOR_BLACK}))
:setButtonLabelOffset(20,0)
@H_403_410@ :align(display.LEFT_CENTER))
:addButton(cc.ui.UICheckBoxButton. new (RAdio_BUTTON_IMAGES)
:setButtonLabel(cc.ui.UILabel. new ({text= "option4disabled" ,color=display.COLOR_BLACK}))
:setButtonEnabled( false )
:setButtonLabelOffset(20,0)
:align(display.LEFT_CENTER))
:setButtonsLayoutMargin(0,0)
:onButtonSelectChanged(function(event)
printf ( "Option%dselected,Option%dunselected" ,event.selected,event.last)
end)
:pos(display.cx,display.cy)
:addTo(self)
group:getButtonAtIndex(4):setButtonSelected( true )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@H_79_404@ 19
20
21
@H_403_410@ 22
23
24
25
26
27
28
29
30
31
32
33
34


HScroll

@H_301_27@
SLIDER_IMAGES={
bar= "120x30hscrollbar.png" ,
button= "60x30hscrollhandle.png" ,
}
cc.ui.UiSlider. new (display.LEFT_TO_RIGHT,SLIDER_IMAGES,{scale9= true })
:onSliderValueChanged(function(event)
printf (string.format( "value=%0.2f" ,event.value))
end)
:setSliderSize(200,30)
:setSliderValue(75)
:pos(display.cx,display.cy)
:addTo(self)
1
2
3
4
5
6
7
8
9
10
11
12
13


VScroll

@H_301_27@
SLIDER_IMAGES2={
bar= "30x120vscrollbar.png" ,
button= "30x60vscrollhandle.png" ,
}
cc.ui.UiSlider. new (display.TOP_TO_BOTTOM,SLIDER_IMAGES2,event.value))
end)
:setSliderSize(30,200)
:setSliderValue(75)
:align(display.CENTER,display.cx,display.cy)
:addTo(self)
1
2
3
4
5
6
7
8
9
10
11
12
13


文件Sprite

@H_301_27@
localsprite1=display.newSprite( "walkBomb.png" )
sprite1:setPosition(display.cx,display.cy)
sprite1:setAnchorPoint(0.5,0.5)
sprite1:setScale(1)
self:addChild(sprite1)
1
2
3
4
5



AtlasSprite

@H_301_27@
display.addSpriteFramesWithFile( "enemy.plist" , "enemy.png" )
localspriteAtlas=display.newSprite( "#beeBomb.png" )
spriteAtlas:setPosition(display.cx,display.cy)
self:addChild(spriteAtlas)
1
2
3
4


Sprite Sheet

@H_301_27@
localsprite=display.newSprite( "#role01.png" ):pos(display.cx,display.cy)
self:addChild(sprite)
localframes=display.newFrames( "roled.png" ,1,10, true )
localanimation=display.newAnimation(frames,0.3/10)
sprite:runAction(CCRepeatForever:create(CCAnimate:create(animation)))
1
2
3
4
5


图元Rectangle

@H_301_27@
localred=display.newRect(80,80,{fill= true ,color=ccc4f(255,0.5)})
red:setPosition(display.cx,display.cy)
self:addChild(red)
1
2
3


图元Polygon

@H_301_27@
localpoints={{0,0},{80,80},{160,}
localpolygon=display.newPolygon(points,0.5)})
polygon:setClose( true )
polygon:setPosition(display.cx,display.cy)
self:addChild(polygon)
1
2
3
4
5


图元Circle

@H_301_27@
localcircle=display.newCircle(80,0.5)})
circle:setPosition(display.cx,display.cy)
self:addChild(circle)
1
2
3



Cocos Studio Armature

@H_301_27@
display.addSpriteFramesWithFile( "DemoPlayer/DemoPlayer0.plist" , "DemoPlayer/DemoPlayer0.png" )
CCArmatureDataManager:sharedArmatureDataManager():addArmatureFileInfo( "DemoPlayer/DemoPlayer.ExportJson" )
localarmature=CCArmature:create( "DemoPlayer" )
armature:getAnimation():playWithIndex(0)
armature:setScale(0.2)
armature:setAnchorPoint(ccp(0.5,0.5))
armature:setPosition(ccp(display.cx,display.cy))
self:addChild(armature)
1
2
3
4
5
6
7
8


DragonBone

@H_301_27@
localmanager=CCArmatureDataManager:sharedArmatureDataManager()
manager:addArmatureFileInfo( "Dragon.png" , "Dragon.plist" , "Dragon.xml" )
localdragon=CCArmature:create( "Dragon" )
self.animationNames={ "stand" , "walk" , "jump" , "fall" }
localaniName=self.animationNames[math.random(1,4)]
localanimation=dragon:getAnimation()
animation:setSpeedScale(24/60)--Flashfpsis24,cocos2d-xis60
animation:play(aniName)
dragon:setPosition(display.cx,display.cy-200)
dragon:setScale(math.random(50,100)/100)
self:addChild(dragon)
1
2
3
4
5
6
7
8
9
10
11
12
13


内置Particle

@H_301_27@
emitter=CCParticleRain:create()
self:addChild(emitter)
1
2


音效

@H_301_27@
audio.playSound( "sfx/ConFlipSound.mp3" )
1



来源网址：http://www.lolofinil.com/2014/06/26/icocos_01/

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签