《Web前端全系列》
本次更新内容为Web前端第十二、十五阶段:
第十二阶段:HTML5游戏方向
目前很多网页小游戏的出现,给我们带来了非常好的体验,也包含微信小游戏。例如跳一跳,flappyBird等广为人知的小游戏。本阶段我们主要讲解H5开发游戏的知识。包含Canvas、Createjs和Egret游戏引擎。
章节1:Canvas基础 |
01 canvas简介 |
02 canvas绘制矩形 |
03 canvas绘制路径以及颜色 |
04 画圆 |
05 圆环 |
06 运动的小球 |
章节2:canvas游戏 |
01 回顾 |
02 左右运动的小球 |
03 绘制文字 |
04 绘制图片 |
05 变形 |
06 图片预加载 |
07 总结图片预加载处理 |
08 图片预加载 |
09 游戏准备 |
10 绘制游戏开始界面 |
11 开始游戏界面-动画 |
12 游戏中- 背景和地面左移 |
章节3:Canvas |
01 游戏图片预加载思路 |
02 状态1-游戏开始界面思路 |
03 状态2-背景和地面移动 |
04 柱子绘制-分析 |
05 柱子绘制 |
06 小鸟运动状态 |
07 小鸟旋转角度 |
08 绘制小鸟旋转角度 |
09 小鸟穿过柱子得分 |
10 显示分数 |
11 小鸟死亡状态 |
12 状态3-游戏界面界面-背景和地面柱子绘制 |
13 结束界面的得分 |
14 点击任意位置继续游戏 |
15 canvas鼠标事件 |
16 鼠标按下清空当前位置的区域 |
第十五阶段:ECMAScript6
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
章节一:ES6第一部分 |
01 ES6简单介绍 |
02 Babel转码器 |
03 let_var_const |
04 变量的解构赋值 |
05 模板-字符串-遍历字符串 |
06 字符串新增方法 |
07 数组...扩展符 |
08 数组扩展的方法 |
09 函数-默认值-rest |
10 箭头函数函数-特点 |
章节二:ES6第二部分 |
01 回顾 |
02 对象的扩展 |
03 对象的方法 |
04Symbol数据 |
05 Set-map数据结构 |
06 搭建node制作新闻和评论接口 |
07 promise对象基本步骤 |
08 Promise实例的then |
09 Promise实现网络请求-异步请求-同步显示 |
10 Generator基本写法 |
11 参数传递next |
12 Generator函数网络请求 |
13 Async函数基本写法 |
14 Async函数-异步请求 |
15 class类定义 |
16 class类继承 |
另附各章节课程资料