51CTO學(xué)院-從零開始掌握Cocos2d-JS視頻教程.docx

QQ/電話：400-851-9651 網(wǎng)址：edu.51CTO.com從零開始掌握Cocos2d-JS視頻教程課程目標(biāo)讓學(xué)院充分了解Cocos2d-JS的使用方法和技巧。適用人群想使用web技術(shù)開發(fā)移動(dòng)游戲的程序員。課程簡(jiǎn)介課程目標(biāo)：Cocos2d-js主要使用Javascript來開發(fā)游戲。同一套代碼可以生成開發(fā)桌面版游戲、Web版游戲和移動(dòng)版本游戲。本視頻課程主要介紹了Cocos2d-js的各種開發(fā)環(huán)境，以及創(chuàng)建Cocos2d-js工程的各種方法。適合對(duì)象：打算使用Javascript開發(fā)跨平臺(tái)游戲的程序員學(xué)習(xí)條件：需要對(duì)Javascript有一定的了解課程第一章Cocos2d-JS基礎(chǔ)10課時(shí)2小時(shí)31分鐘1Cocos2d-JS簡(jiǎn)介免費(fèi)觀看5分鐘本講主要介紹了Cocos2d-js的基本情況、學(xué)習(xí)Cocos2d-JS的先決條件以及本套課程的主要內(nèi)容。2Cocos2d-js開發(fā)環(huán)境之Cocos Code IDE的使用免費(fèi)觀看13分鐘本講主要介紹了官方的Cocos Code IDE的基本使用方法，包括建立Cocos2D-JS工程、運(yùn)行程序等。3如何編譯和運(yùn)行Cocos2d-JS自帶的Demo免費(fèi)觀看21分鐘本講主要介紹了Cocos2d-JS自動(dòng)的Demo的存儲(chǔ)位置以及如何編譯和運(yùn)行Demo（模擬器和真機(jī)上）。4Cocos2d-JS工程結(jié)構(gòu)解析免費(fèi)觀看14分鐘本講主要對(duì)Cocos2d-JS工程的基本組成和結(jié)構(gòu)進(jìn)行分析，并和Cocos2d-x進(jìn)行對(duì)比來了解一個(gè)基于Cocos2d-JS的游戲的基本結(jié)構(gòu)。5Cocos2d-JS中的設(shè)計(jì)尺寸免費(fèi)觀看16分鐘本講主要介紹了什么是設(shè)計(jì)尺寸，以及設(shè)計(jì)尺寸與屏幕分辨率的關(guān)系，最后介紹了拉伸規(guī)則。6視頻工程的基本結(jié)構(gòu)免費(fèi)觀看13分鐘本講主要介紹了本套視頻對(duì)應(yīng)的Cocos2d-JS工程的基本結(jié)構(gòu)，以及如何要自己添加新的功能，需要做哪些工作。7游戲中的窗口：場(chǎng)景（Scene）免費(fèi)觀看26分鐘本講主要介紹了Scene的概念，以及顯示和關(guān)閉Scene的各種方法（包括以動(dòng)畫方式切換Scene的方式）。8顏色圖層（LayerColor)、錨點(diǎn)和OpenGL坐標(biāo)系免費(fèi)觀看21分鐘本講主要介紹了LayerColor圖層的作用、使用方法以及Cocos2d-JS中的兩個(gè)重要概念：錨點(diǎn)和OpenGL坐標(biāo)系。9圖層的顏色混合（Blend）免費(fèi)觀看10分鐘本講主要介紹了如何使用setBlendFunc方法完成圖層的顏色混合。10顏色漸變圖層（LayerGradient）免費(fèi)觀看8分鐘本講主要介紹了如何使用LayerGradient實(shí)現(xiàn)顏色漸變的效果。第二章精靈（Sprite）7課時(shí)59分鐘11精靈（Sprite）基礎(chǔ)免費(fèi)觀看13分鐘本講介紹了Sprite的基本使用方法，如裝載圖像，截取圖像、縮放圖像、設(shè)置錨點(diǎn)等。12SpriteBatchNode免費(fèi)觀看9分鐘本講主要介紹了SpriteBatchNode的使用方法。13Sprite的ZOrder免費(fèi)觀看6分鐘本講主要介紹了通過調(diào)整Sprite和SpriteBatchNode的ZOrder，讓節(jié)點(diǎn)之間互相覆蓋的方法。14錨點(diǎn)11分鐘本講詳細(xì)介紹了錨點(diǎn)的含義，以及如何設(shè)置和使用錨點(diǎn)。15精靈的水平和垂直鏡像6分鐘本講主要介紹了如何讓一個(gè)精靈以水平和垂直鏡像的方式顯示。16紋理緩沖（TextureCache）7分鐘本講主要介紹了紋理緩沖的用途以及使用方法。17設(shè)置精靈的顏色和透明度4分鐘本講主要介紹了如何設(shè)置精靈的顏色和透明度，以及效果顏色。第三章標(biāo)簽（Label）6課時(shí)1小時(shí)15分鐘18LabelAtlas標(biāo)簽12分鐘本講主要介紹了什么是Label，以及LabelAtlas的原理和使用方法。19LabelBMFont標(biāo)簽11分鐘本講主要介紹了fnt字體文件的基本情況及原理，以及如何使用LabelBMFont標(biāo)簽通過fnt字體文件顯示文本。20多行LabelBMFont標(biāo)簽免費(fèi)觀看3分鐘本講主要介紹了如何讓LabelBMFont標(biāo)簽顯示多行文字。21LabelTTF的基本用法和設(shè)置對(duì)齊方式6分鐘本講主要介紹了如何使用LabelTTF標(biāo)簽以及如何設(shè)置LabelTTF的對(duì)齊方式。22為標(biāo)簽添加陰影（Shadow）和輪廓（Stroke）22分鐘本講主要介紹了如何為L(zhǎng)abelTTF標(biāo)簽添加陰影和輪廓。23使用旋轉(zhuǎn)標(biāo)簽文本的單個(gè)字符18分鐘本講主要介紹了如何獲取標(biāo)簽字符串中單個(gè)字符的Label，以及如何用旋轉(zhuǎn)動(dòng)作旋轉(zhuǎn)這個(gè)Label。第四章菜單（Menu）5課時(shí)45分鐘24MenuItemSprite菜單10分鐘本講主要介紹了MenuItemSprite菜單的使用方法。25MenuItemImage菜單8分鐘本講主要介紹了如何使用MenuItemImage實(shí)現(xiàn)菜單項(xiàng)。26MenuItemLabel菜單10分鐘本講主要介紹了如何使用MenuItemLabel創(chuàng)建菜單，并演示了如何使用隱式方式設(shè)置菜單項(xiàng)單擊事件。27MenuItemFont菜單7分鐘本講主要介紹了MenuItemFont菜單的創(chuàng)建和使用方法。28MenuItemToggle菜單7分鐘本講主要介紹了開關(guān)菜單項(xiàng)MenuItemToggle的功能和使用方法。第五章控件（Control）9課時(shí)1小時(shí)10分鐘29按鈕（Button）5分鐘本講主要介紹了Button的功能和主要用法，如設(shè)置按鈕圖像，添加事件監(jiān)聽器等。30復(fù)選框（CheckBox）10分鐘本講主要介紹了CheckBox控件的功能以及基本用法，主要包括如何設(shè)置5個(gè)狀態(tài)的圖像，以及獲取CheckBox當(dāng)前的選擇狀態(tài)。31圖像視圖（ImageView）2分鐘本講主要介紹了如何用ImageView控件裝載和現(xiàn)實(shí)圖像。32標(biāo)簽（Label）8分鐘本講主要介紹了如何使用標(biāo)簽從大圖中截取小圖組成文本，以及使用fnt字體文件顯示文本。33單行文本輸入控件（TextField）5分鐘本講主要介紹了TextField控件的功能以及基本使用方法。34RichText控件15分鐘本講主要介紹了如何使用RichText控件同時(shí)顯示文本、圖像和動(dòng)畫。35滑桿控件（Slider）6分鐘本講主要介紹了如何通過Slider控件控制和獲取進(jìn)度。36圖層控件（Layout）9分鐘本講主要介紹了Layout的功能以及基本用法，例如，可以作為其他控件的容器來使用。37列表控件（ListView)6分鐘本講主要介紹了如何在ListView控件中添加、刪除item。第六章事件處理（Event）5課時(shí)37分鐘38單點(diǎn)觸摸8分鐘本講主要介紹了如何檢查當(dāng)前屏幕是否支持觸摸，以及如何捕捉丹迪觸摸事件。39多點(diǎn)觸摸6分鐘本講主要介紹了如何使用多點(diǎn)觸摸來捕獲多個(gè)觸摸點(diǎn)。40加速度傳感器事件11分鐘本講主要介紹了什么是加速度加速度傳感器，以及如何使用加速度傳感器獲取手機(jī)的當(dāng)前狀態(tài)。41鼠標(biāo)事件7分鐘本講主要介紹了如何捕獲鼠標(biāo)按下、移動(dòng)和抬起事件。42鍵盤事件3分鐘本講主要介紹了如何捕獲按鍵的抬起和按下事件。第七章動(dòng)作（Action）18課時(shí)1小時(shí)59分鐘43移動(dòng)動(dòng)作（MoveTo/MoveBy）8分鐘本講主要介紹了如何使用MoveTo和MoveBy動(dòng)作移動(dòng)精靈。44縮放動(dòng)作（ScaleTo/ScaleBy）5分鐘本講主要介紹了如何使用ScaleTo/ScaleBy動(dòng)作縮放Sprite。45旋轉(zhuǎn)動(dòng)作（RotateTo/RotateBy）6分鐘本講主要介紹了如何使用RotateTo/RotateBy動(dòng)作讓Sprite沿著Z軸逆時(shí)針或順時(shí)針旋轉(zhuǎn)。46旋轉(zhuǎn)XY動(dòng)作5分鐘本講演示了如果X和Y方向的旋轉(zhuǎn)角度不同，那么Sprite會(huì)呈現(xiàn)怎樣的效果。47跳躍動(dòng)作（JumpTo/JumpBy）8分鐘本講主要介紹了如何使用JumpTo/JumpBy動(dòng)作讓Sprite以跳躍的方式移動(dòng)，以及原地跳躍效果的實(shí)現(xiàn)。48貝塞爾曲線動(dòng)作（BezierTo/BezierBy）12分鐘本講主要介紹了貝塞爾曲線的基本原理，以及如何讓Sprite沿著貝塞爾曲線運(yùn)動(dòng)。49可變張力樣條曲線動(dòng)作（CardinalSplineTo/CardinalSplineBy）14分鐘本講介紹了如何讓Sprite沿著定義的樣條曲線運(yùn)動(dòng)，以及如何繪制樣條曲線動(dòng)作。50CatmullRom樣條曲線動(dòng)作5分鐘本講主要介紹了CatmullRom樣條曲線的概念以及使用方法。51閃爍動(dòng)作（Blink）1分鐘本講主要介紹了如何使用Blink動(dòng)作讓Sprite在顯示和隱藏之間切換。52淡入淡出動(dòng)作（FadeIn/FadeOut）4分鐘本講主要介紹了如何使用FadeIn和FadeOut動(dòng)作讓精靈在顯示和隱藏之間逐漸切換。53顏色變化動(dòng)作（TintTo/TintBy）3分鐘本講主要介紹了如何使用TintTo和TintBy讓精靈從當(dāng)前顏色逐漸切換到另一種顏色。54動(dòng)畫動(dòng)作（Animate）13分鐘本講主要介紹了如何使用動(dòng)畫動(dòng)作播放一個(gè)幀動(dòng)畫，可以直接添加靜態(tài)圖像，也可以播放plist文件中的動(dòng)畫。并且介紹了制作plist文件的工具。55照相機(jī)動(dòng)作（OrbitCamera）7分鐘本講主要介紹了如何通過改變照相機(jī)的角度實(shí)現(xiàn)動(dòng)畫的效果。56CallFunc動(dòng)作10分鐘本講主要介紹了如何使用CallFunc動(dòng)作執(zhí)行一段代碼。57順序執(zhí)行動(dòng)作（Sequence）1分鐘本將蛀牙介紹了如何使用Sequence動(dòng)作讓若干個(gè)動(dòng)作順序執(zhí)行。58并發(fā)執(zhí)行動(dòng)作（Spawn）2分鐘本講主要介紹了如何使用Spawn動(dòng)作讓多個(gè)動(dòng)作同時(shí)執(zhí)行。59無限循環(huán)動(dòng)作（RepeatForever）3分鐘本講介紹了如何使用RepeatForever動(dòng)作讓一個(gè)動(dòng)作無限循環(huán)執(zhí)行下去。60有限循環(huán)動(dòng)作（Repeat）2分鐘本講主要介紹了如何通過Repeat動(dòng)作讓另一個(gè)動(dòng)作按指定次數(shù)執(zhí)行。第八章調(diào)度（Schedule）3課時(shí)21分鐘61Update調(diào)度器4分鐘本講主要介紹了update調(diào)度器的原理以及使用方法。62可以設(shè)置調(diào)度時(shí)間和調(diào)度方法的調(diào)度器8分鐘本講主要介紹如何設(shè)置調(diào)度器的時(shí)間和調(diào)度方法，讓調(diào)度器在指定的時(shí)間間隔調(diào)用指定的調(diào)度方法。63卸載調(diào)度器7分鐘本講主要介紹了卸載調(diào)度器的3種方法。第九章Ease動(dòng)作8課時(shí)32分鐘64冪加速減速動(dòng)作10分鐘本講主要介紹了如何使用冪加速減速動(dòng)作讓Sprite做加速減速運(yùn)動(dòng)。65指數(shù)加速減速動(dòng)作3分鐘本講主要介紹了如何使用指數(shù)加速減速動(dòng)作讓Sprite做加速減速運(yùn)動(dòng)。66正弦加速減速動(dòng)作2分鐘本講主要介紹了如何使用正弦加速減速動(dòng)作讓Sprite做加速減速運(yùn)動(dòng)。67彈性加速減速動(dòng)作4分鐘本講主要介紹了如何使用彈性加速減速動(dòng)作讓Sprite做加速減速運(yùn)動(dòng)。68彈跳加速減速動(dòng)作2分鐘本講主要介紹了彈跳加速減速動(dòng)作的使用。69回退加速減速動(dòng)作2分鐘本講主要介紹了如何使用回退加速減速動(dòng)作。70Circle加速減速動(dòng)作2分鐘本講主要介紹了如何使用Circle加速減速動(dòng)作。71Cubic加速減速動(dòng)作2分鐘本講主要介紹了如何使用Cubic加速減速動(dòng)作。第十章Progress動(dòng)作3課時(shí)20分鐘72Radial進(jìn)度動(dòng)作9分鐘本講主要介紹了Radial進(jìn)度動(dòng)作的使用方法，以及如何獲取當(dāng)前的進(jìn)度。73水平進(jìn)度動(dòng)作8分鐘本講主要介紹了水平進(jìn)度動(dòng)作的使用方法。74垂直進(jìn)度動(dòng)作1分鐘本講主要介紹了垂直進(jìn)度動(dòng)作的使用方法。第一十一章Effect動(dòng)作18課時(shí)55分鐘753D震動(dòng)動(dòng)作（Shaky3D）3分鐘本講主要介紹了3D震動(dòng)動(dòng)作的使用方法和效果演示。763D波浪動(dòng)作（Waves3D）3分鐘本講主要介紹了3D波浪動(dòng)作的使用方法，并演示了效果。77水平3D翻轉(zhuǎn)動(dòng)作（FlipX3D）3分鐘本講主要介紹了水平3D翻轉(zhuǎn)動(dòng)作的使用方法，以及效果演示。78垂直3D翻轉(zhuǎn)動(dòng)作（FlipY3D）1分鐘本講主要介紹了垂直3D翻轉(zhuǎn)動(dòng)作的使用方法，以及效果演示。793D透鏡動(dòng)作（Lens3D）3分鐘本講主要介紹了3D透鏡動(dòng)作的使用方法，以及效果演示。803D波紋動(dòng)作（Ripple3D）4分鐘本講主要介紹了3D波紋動(dòng)作的使用方法以及效果演示。81流體動(dòng)作（Liquid）2分鐘本將主要介紹了流體動(dòng)作的使用方法，以及效果演示。822D波浪動(dòng)作（Waves）4分鐘本講主要介紹了2D波浪動(dòng)作的使用方法，以及效果演示。83旋轉(zhuǎn)變形動(dòng)作（Twirl）2分鐘本講主要介紹了旋轉(zhuǎn)變形動(dòng)作的使用方法，以及效果演示。843D瓦片震動(dòng)動(dòng)作（ShakyTiles3D）2分鐘本講主要介紹了3D瓦片震動(dòng)動(dòng)作的使用方法，以及效果演示。853D瓦片破碎動(dòng)作（ShatteredTiles3D）1分鐘本講主要介紹了3D瓦片破碎動(dòng)作的使用方法，以及效果演示。863D瓦片洗牌動(dòng)作（ShuffleTiles）2分鐘本講主要介紹了ShuffleTiles動(dòng)作的使用方法，以及效果演示。87瓦片淡出動(dòng)作6分鐘本講主要介紹了4種瓦片淡出動(dòng)作的使用方法，以及效果演示。88關(guān)閉瓦片動(dòng)作（TurnOffTiles）2分鐘本講主要介紹了如何使用TurnOffTiles動(dòng)作，以及效果演示。893D波浪瓦片動(dòng)作（Waves3DTiles)1分鐘本講主要介紹了Waves3DTiles動(dòng)作的使用方法以及實(shí)現(xiàn)效果。903D瓦片彈跳動(dòng)作（JumpTiles3D）4分鐘本講主要介紹了JumpTiles3D動(dòng)作的使用方法以及效果演示。91拆分行和拆分列動(dòng)作（SplitRows/SplitCols）3分鐘本講主要介紹了如何使用SplitRows和SplitCols動(dòng)作，以及效果演示。923D翻頁(yè)動(dòng)作（PageTurn3D）1分鐘本講主要介紹了PageTurn3D動(dòng)作的使用方法，以及效果演示。第一十二章地圖9課時(shí)1小時(shí)13分鐘93地圖的種類和用途5分鐘本講主要介紹了游戲中主要包含哪些地圖種類，以及他們的用途94地圖編輯器（Tiled）8分鐘本講將介紹一下常用的地圖編輯器，以及常用的地圖編輯器Tiled的主要功能。95使用tiled編輯地圖19分鐘本講詳細(xì)介紹了如何用tiled編輯地圖。96裝載和顯示地圖5分鐘本講主要介紹了如何裝載使用Tiled創(chuàng)建的tmx地圖，并顯示該地圖。97顯示和隱藏地圖圖層6分鐘本講主要介紹了如何顯示和隱藏地圖中指定的圖層。98獲取圖塊的屬性11分鐘本講主要介紹了為什么要設(shè)置和獲取圖塊的屬性，用Tiled如何為圖塊添加屬性，以及如何用代碼讀取指定圖塊的屬性。99編輯圖塊11分鐘本講主要介紹了如何通過代碼修改和刪除指定的圖塊。100在地圖中添加精靈1分鐘本講主要介紹了如何在一個(gè)地圖中添加Sprite101移動(dòng)地圖3分鐘本講介紹了如何移動(dòng)地圖第一十三章粒子系統(tǒng)11課時(shí)1小時(shí)8分鐘102粒子特效概述3分鐘本講主要介紹了什么是粒子特效，以及本課程要介紹粒子特效哪些內(nèi)容。103粒子特效的設(shè)計(jì)工具7分鐘本講主要介紹了常用的粒子特效設(shè)計(jì)工具的基本情況，例如，ParticleDesigner、XCode的粒子特效設(shè)計(jì)器等。104粒子特效：群星閃爍7分鐘本講主要介紹了如何利用Cocos2d-js內(nèi)置的粒子特效類實(shí)現(xiàn)群星閃爍特效。105粒子特效：幽靈鬼火7分鐘本講主要介紹了如何利用Cocos2d-js內(nèi)置的粒子系統(tǒng)特效以及動(dòng)作實(shí)現(xiàn)幽靈鬼火的效果。106粒子特效：群星爆炸2分鐘本講主要介紹了如何利用Cocos2d-js內(nèi)置的粒子系統(tǒng)特效以及動(dòng)作實(shí)現(xiàn)群星爆炸的效果。107粒子系統(tǒng)屬性詳解11分鐘本講主要介紹了粒子系統(tǒng)中有哪些屬性，以及這些屬性的含義。108粒子特效：五彩旋轉(zhuǎn)圓環(huán)5分鐘本講主要介紹了如何利用Cocos2d-js內(nèi)置的粒子特效類，并通過修改粒子系統(tǒng)屬性來實(shí)