《HTML5 Canvas游戏开发实战》——3.4 小结

简介: 本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第3章,第3.4节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

3.4 小结

本章主要首先介绍了Canvas中的缩放、平移、旋转和倾斜等基本变形功能的实现,并且利用这些基本变形的组合操作实现了图片的扭曲;接着介绍了色彩的渲染;最后运用之前所介绍的内容制作了一个简单的自定义画板。到此Canvas的绘图相关API就基本上介绍完了。只要运用好这些API,就可以制作出更多更复杂的效果。但是直接运用这些API来开发游戏是相当不方便的,一些很简单的功能可能都需要大量的代码来实现,比如本章的图片扭曲功能,必须根据图片扭曲后的顶点坐标去计算相应的参数,而制作游戏时可能会有更为复杂的图形要处理。所以从下一章开始将会介绍一款HTML5的开源库件lufylegend,并介绍如何使用它来进行游戏的开发。

相关文章
|
13天前
|
移动开发 前端开发 JavaScript
纯JavaScript实现HTML5 Canvas六种特效滤镜
纯JavaScript实现HTML5 Canvas六种特效滤镜
23 6
|
13天前
|
移动开发 前端开发 API
HTML5 Canvas 填充与描边(Fill And Stroke)
HTML5 Canvas 填充与描边(Fill And Stroke)
32 3
|
13天前
|
移动开发 前端开发 API
HTML5 Canvas渐进填充与透明
HTML5 Canvas渐进填充与透明
17 7
|
13天前
|
移动开发 前端开发 JavaScript
HTML5 Canvas鼠标与键盘事件
HTML5 Canvas鼠标与键盘事件
21 5
|
13天前
|
移动开发 前端开发 JavaScript
HTML5 Canvas平移,放缩,旋转演示
HTML5 Canvas平移,放缩,旋转演示
18 4
|
6天前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
7 0
|
13天前
|
移动开发 前端开发 JavaScript
HTML5 Canvas实现360度全景图
HTML5 Canvas实现360度全景图
10 1
|
13天前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
11 0
|
13天前
|
移动开发 前端开发 JavaScript
纯HTML5 Canvas实现的饼图
纯HTML5 Canvas实现的饼图
15 6
|
13天前
|
移动开发 前端开发 HTML5
HTML5 Canvas中实现绘制一个像素宽的细线
HTML5 Canvas中实现绘制一个像素宽的细线
15 3