班級規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號) |
每個班級的人數(shù)限3到5人,互動授課, 保障效果,小班授課。 |
上間和地點 |
上部份地點:【上?!客瑵?jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學(xué)成教院【北京分部】:北京中山學(xué)院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領(lǐng)館區(qū)1號(中和大道)【沈陽分部】:沈陽理工大學(xué)/六宅臻品【鄭州分部】:鄭州大學(xué)/錦華大廈【石家莊分部】:河北科技大學(xué)/瑞景大廈 最近開間(周末班/連續(xù)班/晚班):2019年1月26日 |
實驗設(shè)備 |
◆小班教學(xué),教學(xué)效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學(xué)員免費推薦工作 ★實驗設(shè)備請點擊這兒查看★ |
質(zhì)量保障 |
1、培訓(xùn)過程中,如有部分內(nèi)容理解不透或消化不好,可免費在以后培訓(xùn)班中重聽; 2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費提供課后技術(shù)支持。 3、培訓(xùn)合格學(xué)員可享受免費推薦就業(yè)機(jī)會?!詈细駥W(xué)員免費頒發(fā)相關(guān)工程師等資格證書,提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年,端海學(xué)員的能力得到大家的認(rèn)同,受到用人單位的廣泛贊譽(yù),端海的證書受到廣泛認(rèn)可。 |
部份程大綱 |
|
- 第1章 課程介紹
介紹了微信小游戲的概念以及相關(guān)的由來,從宏觀上對于微信小游戲的定位和價值有一個明確的認(rèn)識
- 1-1 導(dǎo)學(xué)介紹
1-2 什么是微信小游戲
1-3 微信小游戲與H5小游戲
1-4 為什么要學(xué)習(xí)微信小游戲
第2章 微信小游戲平臺與特性
講了微信小游戲平臺的相關(guān)特性,包括微信小游戲工程的建立,微信小游戲開發(fā)工具的詳細(xì)使用,以及微信小游戲相關(guān)API的實戰(zhàn)等
- 2-1 微信開發(fā)者工具介紹
2-2 小游戲項目工程初始模板建立
2-3 微信開發(fā)者工具(模擬器介紹)
2-4 微信開發(fā)者工具(編輯器介紹)
2-5 微信開發(fā)者工具(調(diào)試器介紹)
第3章 THREEJS與WebGL核心概念
通過理論和實戰(zhàn),講解了什么是webgl、什么是threejs以及兩者的關(guān)系,并且介紹了相關(guān)webgl渲染管線的內(nèi)容
- 3-1 什么是webgl —— 理論部分(概念)
3-2 什么是webgl —— 理論部分(GPU業(yè)務(wù)場景)
3-3 什么是webgl —— 理論部分(如何對CPU進(jìn)行編程)
3-4 webgl實戰(zhàn)shader的創(chuàng)建和綁定
3-5 webgl實戰(zhàn)靜態(tài)三角形的繪制(1)
3-6 webgl實戰(zhàn)靜態(tài)三角形的繪制(2)
3-7 webgl實戰(zhàn)旋轉(zhuǎn)三角形的繪制
3-8 webgl實戰(zhàn)動態(tài)的旋轉(zhuǎn)三角形的繪制
3-9 threejs理論部分
3-10 threejs 繪制旋轉(zhuǎn)三角形(場景渲染)
3-11 threejs繪制旋轉(zhuǎn)三角形(動態(tài)效果)
第4章 項目結(jié)構(gòu)
對四個迭代版本,進(jìn)行了詳細(xì)的需求分析,并且對項目的整體結(jié)構(gòu)進(jìn)行了詳細(xì)的介紹,包括項目目錄設(shè)計、threejs框架在小游戲平臺的集成、weapp-adapater源碼分析和編譯等
- 4-1 項目需求分析
4-2 MVP項目結(jié)構(gòu) & 設(shè)計 &分析
4-3 MVP基本項目結(jié)構(gòu)搭建(引入three.js)
4-4 小游戲平臺(旋轉(zhuǎn)三角實戰(zhàn))
4-5 小游戲平臺(旋轉(zhuǎn)三角實戰(zhàn)完善)
4-6 MVP基本項目結(jié)構(gòu)搭建完成
第5章 基本場景搭建(場景和視角)
詳細(xì)講解了webgl渲染管線中的視圖矩陣和投影矩陣的推導(dǎo),并且在webg相關(guān)demo中進(jìn)行了實現(xiàn),進(jìn)而實戰(zhàn)了threejs的WebGLRenderer、Scene和Camera,剖析其webgl中對應(yīng)的原理,并開發(fā)出跳一跳小游戲的整體場景布局
- 5-1 基本場景搭建 —— 本章核心內(nèi)容
5-2 基本場景渲染理解
5-3 投影矩陣數(shù)學(xué)推導(dǎo)
5-4 視圖矩陣推導(dǎo)
5-5 視圖矩陣webgl開發(fā)
5-6 透視投影矩陣webgl開發(fā)
5-7 正交投影矩陣webgl開發(fā)
5-8 mvc基礎(chǔ)
5-9 游戲page的搭建
5-10 mvc中的event
5-11 2d畫布繪制能力在threejs中的整合
5-12 使用mvc完成頁面切換
5-13 scene和camera的設(shè)置
5-14 es6的繼承多態(tài)開發(fā)block
第6章 基本場景搭建( 光照和陰影)
從webgl原理和實現(xiàn)和threejs光照和陰影實戰(zhàn),全方位的去講解場景中的光照與陰影的搭建
- 6-1 cube的開發(fā)思路
6-2 光照的原理
6-3 索引繪制
6-4 arraybuffer講解
6-5 cube的繪制
6-6 平行光下的漫反射
6-7 點光源下的漫反射
6-8 phong模型漫反射下的球體的繪制
6-9 紋理、陰影、幀緩沖區(qū) 理論
6-10 webgl磚塊紋理實現(xiàn)(1)
6-11 webgl磚塊紋理實現(xiàn)(2)
6-12 webgl磚塊紋理實現(xiàn)(3)
6-13 shadow map對應(yīng)shader的開發(fā)
6-14 新建framebuffer和對應(yīng)的紋理
6-15 渲染緩沖區(qū)及framebuffer的關(guān)聯(lián)對象
6-16 在shader中使用shadow map
6-17 shader的數(shù)據(jù)準(zhǔn)備
6-18 繪制時進(jìn)行shader的切換
6-19 threejs場景設(shè)置光照
6-20 threejs場景增加背景和地面
6-21 threejs場景增加陰影
第7章 基本游戲邏輯開發(fā)
在本章中,實現(xiàn)了基本游戲邏輯的開發(fā),包括物理引擎、碰撞檢測、跳躍邏輯等等模塊,完成跳一跳游戲的基本功能
- 7-1 bottle繪制分析
7-2 bottle head部分的繪制
7-3 bottle bottom部分的繪制
7-4 bottle body部分的繪制
7-5 threejs紋理映射&bottle紋理高光
7-6 bottle head部分旋轉(zhuǎn)
7-7 動畫過程分析
7-8 動畫庫基本邏輯開發(fā)
7-9 線性動畫的實現(xiàn)
7-10 ease mode的介紹和應(yīng)用
7-11 跳躍邏輯分析
7-12 跳躍模型旋轉(zhuǎn)開發(fā)
7-13 bottle按壓收縮的過程
7-14 block壓縮開發(fā)
7-15 斜上拋運動過程分析
7-16 斜上拋運動代碼開發(fā)
7-17 碰撞檢測(1)
7-18 碰撞檢測(2)
7-19 使用pointInPolygon判斷碰撞狀態(tài)
7-20 實時碰撞檢測
7-21 實時碰撞檢測調(diào)試
7-22 nextBlock的更新邏輯
7-23 碰撞檢測調(diào)試
7-24 跳躍落地效果優(yōu)化
7-25 gameover重啟游戲邏輯的開發(fā)
7-26 積分邏輯的開發(fā)
第8章 版本迭代
在本章中主要進(jìn)行了聲音的集成和動畫細(xì)節(jié)的優(yōu)化,深入實戰(zhàn)了threejs的各種能力和微信小游戲的api,并且了解了游戲的開發(fā)字節(jié),完成之后一個完整的跳一跳游戲功能的版本就完成了。
- 8-1 音頻管理模塊開發(fā)
8-2 跳躍過程增加音效
8-3 墜落邏輯補(bǔ)充+動畫庫升級停止所有動畫能力
8-4 墜落動畫的開發(fā)
8-5 block增加image紋理樣式
8-6 彩色block的開發(fā)
8-7 粒子聚集效果
8-8 粒子散開效果
8-9 跳躍增加分?jǐn)?shù)的動畫
8-10 跳躍軌跡的開發(fā)
第9章 排行榜與發(fā)布
在本章中主要進(jìn)行了排行榜的開發(fā),和游戲最終的一些調(diào)優(yōu),并打通游戲的發(fā)布流程,完成本章后跳一跳游戲全部的功能和打包就完成了。
- 9-1 開始游戲頁面開發(fā)
9-2 數(shù)據(jù)鏈中的開放數(shù)據(jù)域和主域的概念
9-3 開放數(shù)據(jù)域?qū)崙?zhàn)
9-4 使用sharedCanvas繪制排行榜
9-5 webgl開發(fā)數(shù)據(jù)的性能問題
9-6 內(nèi)存分析 —— heap snapshot
9-7 內(nèi)存分析 —— 基于js function的allocation profile
9-8 內(nèi)存分析 —— 內(nèi)存泄漏分析的allocation timeline
9-9 performance分析cpu、gpu和painting等過程
9-10 預(yù)覽和發(fā)布..
9-11 小游戲其他內(nèi)容
|