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

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