HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频 学习视频 查看内容

【教程】HTML5小游戏---爱心鱼

2015-10-19 11:41| 发布者: html5cn| 查看: 16912| 评论: 0|来自: 慕课网

摘要: 课程介绍:这款html5“爱心鱼”游戏适合刚入手游戏开发的同学,或是想学习html5 API的同学。本课程将带领你学习主要的html5 API,通过一个清新美好的小游戏,帮助你熟悉游戏开发流程。 ...

  难易程度:中级

 

  课程介绍:这款html5“爱心鱼”游戏适合刚入手游戏开发的同学,或是想学习html5 API的同学。本课程将带领你学习主要的html5 API,通过一个清新美好的小游戏,帮助你熟悉游戏开发流程。课程分两部分,第一部分完成游戏核心,第二部分完善游戏内容。

 

  课程提纲:

  第1章 页面搭建(这一章节主要是搭建HTML网页结构)

  1-1 课程简介

  1-2 搭建HTML网页结构

 

  第2章 绘制(本章节学习使用canvas api绘制小鱼、大鱼、果实等)

  2-1 绘制背景

  2-2 绘图API回顾

  2-3 海葵绘制

  2-4 果实绘制(静态果实)

  2-5 果实绘制(果实上浮)

  2-6 果实绘制(果实数量控制)

  2-7 大鱼绘制

  2-8 大鱼随鼠标移动

  2-9 大鱼和果实的碰撞检测

  2-10 优化

  2-11 小鱼绘制

 

  第3章 总结(本章节daisy对课程进行了简单总结,及对下期课程的预告)

  3-1 课程总结

  3-2 下期课程简介

 

  第四章 身体活动完善(本章节完成各种小鱼尾巴摆动、眨眼睛、身体变白的动作完善)

  1-1 课程简介

  1-2 鱼尾巴摆动

  1-3 眨眼睛

  1-4 身体变白

 

  第五章 大鱼动画完善(本章节进行大鱼喂小鱼、摇尾巴、眨眼睛及身体升级动画制作)

  2-1 大鱼喂小鱼

  2-2 大鱼的摇尾巴

  2-3 大鱼眨眼睛

  2-4 身体升级准备

  2-5 身体升级

  2-6 游戏分值计算(1)

  2-7 游戏分值计算(2)

 

  第六章 动画特效(本章节对大鱼吃果实特效、大鱼吃果实特效、海葵摆动特效动画进行了完善)

  3-1 大鱼吃果实特效(1)

  3-2 大鱼吃果实特效(2)

  3-3 大鱼吃果实特效(3)

  3-4 大鱼喂小鱼实特效(1)

  3-5 大鱼喂小鱼实特效(2)

  3-6 海葵摆动动画

  3-7 水澡长在海葵上面

  3-8 浮漂物制作

  3-9 总结

 

  来源慕课网

7

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (7 人)

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-1-21 04:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部