1、Cocos2d-JS 基礎(chǔ)概念概述,鮑健運(yùn) Cocos引擎技術(shù)布道師，觸控教育,什么是游戲引擎？,什么是游戲引擎？,主要組件,主要組件,核心類 Scene Node Sprite Menu Action ,主要組件,主要組件,導(dǎo)演類Director,導(dǎo)演類Director,控制與調(diào)度 控制Scene 切換和切換效果 共享的單例對(duì)象,導(dǎo)演類Director,導(dǎo)演類Director,場(chǎng)景Scene,場(chǎng)景Scene,場(chǎng)景Scene,場(chǎng)景Scene,Renderer,場(chǎng)景圖Scene Graph,場(chǎng)景圖Scene Graph,場(chǎng)景圖Scene Graph,in-order walk,描繪順序,場(chǎng)景圖S

2、cene Graph,場(chǎng)景圖Scene Graph,場(chǎng)景圖Scene Graph,Z=0,Z0,Z0,“Node”,場(chǎng)景圖Scene Graph,場(chǎng)景圖Scene Graph,addChild() 創(chuàng)建scene graph場(chǎng)景 scene.addChild(treeNode);,精靈Sprite,精靈Sprite,精靈？,精靈Sprite,精靈,沒有對(duì)它操作 Only Node！,精靈Sprite,精靈Sprite,Sprite創(chuàng)建與屬性 坐標(biāo)position，翻轉(zhuǎn)rotation，縮放scale，透明度opacity，顏色color等,精靈Sprite,示例解釋setPosition my

3、Sprite.setPosition(500, 0);,精靈Sprite,示例解釋setRotation mySprite.setRotation(40);,精靈Sprite,示例解釋setScale mySprite.setScale(2.0);,精靈Sprite,錨點(diǎn)anchor,精靈Sprite,錨點(diǎn)設(shè)置setAchorPoint() mySprite.setAchorPoint (0, 0); 左下角對(duì)齊,動(dòng)作Action,動(dòng)作Action,時(shí)間,動(dòng)作Action,Sprite精靈 A點(diǎn) B點(diǎn) 結(jié)束callback？,動(dòng)作Action,Sprite精靈 A點(diǎn) B點(diǎn) 結(jié)束callback？ Sequence（Action）順序播放 改變Node節(jié)點(diǎn)屬，坐標(biāo)，角度，縮放 MoveBy，Rotate, Scale,動(dòng)作Action,5秒過(guò)后，精靈會(huì)移動(dòng)到新的坐標(biāo)點(diǎn),Sequence和Spawns,Sequence和Spawns,通過(guò)序列Sequence逐步移動(dòng)一個(gè)精靈Sprite,Sequence和Spawns,如何同步一起運(yùn)行這些動(dòng)作？ Spawns,MoveTo,MoveBy,MoveTo,Sequence和Spawns,Spawns的作用？,父類和子類之間的繼承關(guān)系,父類和子類之間的繼承關(guān)系,父類角度變化 子類角度變化,父類和子類之