canvas教程

[教学视频]Canvas动画和手机游戏开发

字号+ 作者:H5之家 来源:H5之家 2017-08-29 16:01 我要评论( )

风靡全球的网页小游戏,只需要前端技术就可以实现哦。现在爱前端邵山欢老师将带领同学们用最短的时间实现fiappybird游戏开发。游戏使用canvas绘制图像、坐标变换

  • 【课程介绍】
    风靡全球的网页小游戏,只需要前端技术就可以实现哦。现在爱前端邵山欢老师将带领同学们用最短的时间实现fiappybird游戏开发。游戏使用canvas绘制图像、坐标变换、绘制文字。游戏原理、制作2D游戏引擎、理解游戏循环、渲染引擎实现、使用引擎构建游戏实例、游戏常用算法。
  • 【课程目标】
    HTML5的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。Canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
  • 【课程计划】
    一、后期课程概述 二、Canvas概述和Hello World 概述、HelloWorld 三、笔触和填充 3.1 快速矩形3.2 线 四、弧和圆形 五、贝塞尔曲线 六、运动 七、上升到面向对象 八、使用图片 基本使用、使用精灵制作元素行走、资源管理器 九、FlappyBird游戏项目 架构分析、游戏初步 - 视口的匹配 、游戏初步 - 资源的读取 、背景类、大地类

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Web前端教程视频

      Web前端教程视频

      2017-08-24 11:01

    • HTML5 file API加canvas实现图片前端JS压缩并上传

      HTML5 file API加canvas实现图片前端JS压缩并上传

      2017-08-04 18:01

    • HTML5 手势检测原理和前端代码实现

      HTML5 手势检测原理和前端代码实现

      2017-07-01 16:04

    • 如何使用HTML 5 Canvas创建太空游戏

      如何使用HTML 5 Canvas创建太空游戏

      2017-06-27 10:01

    网友点评
    d