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

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

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


@H_301_4@

UIImage@H_301_4@

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

@H_301_4@


@H_301_4@

ScaleUIImage@H_301_4@

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


@H_301_4@

@H_301_4@


@H_301_4@

Scale9UIImage@H_301_4@

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

@H_301_4@


@H_301_4@

TTF文本@H_301_4@

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

@H_301_4@


@H_301_4@

Atlas文本@H_301_4@

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

@H_301_4@


@H_301_4@

Button@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@H_361_404@ 19
20
21
22
23
24
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_361_404@ text= "Disable" ,
size=24,
color=ccc3(200,200,200),
}))
:pos(display.cx,display.cy)
:addTo(self)

@H_301_4@


@H_301_4@

CheckBox@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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)

@H_301_4@


@H_301_4@

Radio Group@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@H_361_404@ 19
20
21
22
23
24
@H_301_842@ 25
26
27
28
29
30
31
32
33
34
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_361_404@ :addButton(cc.ui.UICheckBoxButton. new (RAdio_BUTTON_IMAGES)
:setButtonLabel(cc.ui.UILabel. new ({text= "option3" ,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= "option4disabled" ,color=display.COLOR_BLACK}))
@H_301_842@ :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 )

@H_301_4@


@H_301_4@

HScroll@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
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)

@H_301_4@


@H_301_4@

VScroll@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
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)

@H_301_4@


@H_301_4@

文件Sprite@H_301_4@

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


@H_301_4@

@H_301_4@


@H_301_4@

AtlasSprite@H_301_4@

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

@H_301_4@


@H_301_4@

Sprite Sheet@H_301_4@

1
2
3
4
5
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)))

@H_301_4@


@H_301_4@

图元Rectangle@H_301_4@

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

@H_301_4@


@H_301_4@

图元Polygon@H_301_4@

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

@H_301_4@


@H_301_4@

图元Circle@H_301_4@

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

@H_301_4@


@H_301_4@


@H_301_4@

Cocos Studio Armature@H_301_4@

1
2
3
4
5
6
7
8
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)

@H_301_4@


@H_301_4@

DragonBone@H_301_4@

1
2
3
4
5
6
7
8
9
10
11
12
13
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)

@H_301_4@


@H_301_4@

内置Particle@H_301_4@

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


@H_301_4@

@H_301_4@

音效@H_301_4@

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


@H_301_4@


@H_301_4@

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

原文链接：https://www.f2er.com/cocos2dx/344772.html

猜你在找的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外接键盘流式标签