首页>课程更新>每一行代码,都是一段难忘的青春,《Web前端》第12、15阶段更新

每一行代码,都是一段难忘的青春,《Web前端》第12、15阶段更新

Web前端全系列

 

本次更新内容为Web前端第十二、十五阶段

 

 第十二阶段:HTML5游戏方向

目前很多网页小游戏的出现,给我们带来了非常好的体验,也包含微信小游戏。例如跳一跳,flappyBird等广为人知的小游戏。本阶段我们主要讲解H5开发游戏的知识。包含Canvas、Createjs和Egret游戏引擎

 

章节1Canvas基础

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类继承

 

 


另附各章节课程资料

 

 

百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637