# course-h5-animation-and-game-development

**Repository Path**: edu2act/course-h5-animation-and-game-development

## Basic Information

- **Project Name**: course-h5-animation-and-game-development
- **Description**: 《H5动画与游戏开发》课程仓库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-08-19
- **Last Updated**: 2022-10-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Html5-Animation-and-Game-Development
《H5动画与游戏开发》是计算机软件及相关专业在H5动画及游戏开发方面的专业课，它是为培养掌握H5图形图像及H5游戏开发的应用型人才而开设的专业课。
本课程是一门有关H5动画及游戏开发的的专业课程。其中课程的主要任务是使学生掌握H5图形图像及动画方面的相关知识，包括H5 Canvas相关知识及运用，WebGL相关知识及运用，并能使用JavaScript语言编写基于Cocos2d-JS游戏引擎的H5游戏的能力。通过本课程的学习，学生可以掌握JavaScript脚本语言的使用、熟悉Cocos2d-JS游戏引擎和相关工具的使用。最终，使学生能够通过团队协作完成简单手机游戏的开发。

# 课程内容

|章节|名称|内容|
|:---:|:---:|:---:|
|1|H5图形及动画简介|H5图形图像总体介绍<br>Canvas与SVG各自的优缺点<br>WebGL简介|
|2|H5 Canvas图形绘制|Canvas元素的基础知识<br>创建Canvas<br>绘制直线<br>多边形<br>绘制弧和圆<br>绘制矩形<br>线条的属性<br>图像变换和状态保存<br>文字的渲染|
|3|H5 Canvas图像操作|绘制图像<br>图像像素级操作|
|4|H5 Canvas动画|动画循环<br>动画帧速率及其计算<br>双缓冲技术绘制动画<br>基于时间的运动<br>背景的滚动与视差动画<br>定时动画|
|5|Cocos2d-JS引擎简介及环境搭建|引擎简介<br>安装及搭建Cocos2d-JS开发环境<br>常用实例及官方文档查询|
|6|工程结构及核心概念（节点等)|Cocos2d-JS非原生工程结构<br/>Cocos2d中的基础数学知识（坐标系、坐标系变换）<br/>节点类<br/>定时器|
|7|标签与菜单|Cocos2d-JS标签<br/>Cocos2d-JS菜单|
|8|层-场景-导演|Cocos2d-JS场景<br/>Cocos2d-JS层|
|9|精灵|Cocos2d-JS精灵|
|10|动作与动画|Cocos2d-JS动作<br>Cocos2d-JS动画|
|11|用户事件|Cocos2d-JS用户事件类型<br/>事件对象<br/>对交互事件的监听|
|12|音乐音效与数据存储|Cocos2d-JS中的音乐及音效<br/>数据存储|
|13|粒子系统与网络交互|Cocos2d-JS粒子系统<br>游戏网络数据交互|
|14|瓦片地图|Cocos2d-JS中瓦片地图的概念<br/>瓦片地图坐标系<br/>创建瓦片地图节点对象|
|15|性能优化与发布|Cocos2d-JS性能优化<br/>Cocos2d-JS游戏发布|
|16|常用绘图框架（D3.js与Three.js)|EaselJS<br>D3.js<br>Three.js|

## 同步课
http://www.edu2act.cn/team/2017-ji-H5-you-xi-kai-fa/confirm/

## cocos2d-x-3.14.1 网盘链接
链接：https://pan.baidu.com/s/1_1K40RB0_93H6DN6xEhA5A 
提取码：h0rm