最近项目需要写很多H5小游戏。游戏本身的体量并不是很复杂，主要是承载了更多的业务逻辑，所以决定使用canvas来完成游戏部分。之前只知道H5里面有canvas，也知道大概是用来画画的，但是具体怎么用还是一窍不通。在看了一些MDN的相关资料后，我也一口气看完了HTML5Canvas核心技术和HTML52D游戏编程核心技术。大致了解了canvasH5游戏编程，发现canvas游戏编程其实挺有意思的。目前也在学习webgl相关知识，打算深入研究一下前端可视化。现在先记录一些我认为canvas比较重要的知识，温习再学习。后续正在记录webgl相关知识。主要知识点本系列主要着重于深入学习canvas2d编程中比较重要和基础的知识。也算是看完HTML5Canvas核心技术这本书后的感悟吧。一般知识点如下：基础知识，学习如何绘制线段、图形、图片、文字等动画知识，学习如何使用canvas实现简单动画及相关影响因素碰撞检测，学习如何检测两个运动2D游戏开发中物体碰撞，学习使用canvas开发2D游戏canvas相关的小知识点在学习过程中，最好能自己动手，所以我特地建了一个canvasdemo工程，里面有一些例子学习canvas时自己写的。如果你有兴趣，可以去看看。项目仓库地址：https://github.com/snayan/can...Demo预览地址：https://blog.snayan.com/canva...我将学习并按照上面的主要知识点进行长篇回顾与canvas相关的核心技术。主要如下：canvas核心技术-如何绘制线段canvas核心技术-如何绘制图形canvas核心技术-如何实现图文canvas核心技术-如何实现简单动画canvas核心技术-如何实现复杂动画canvas核心技术——如何实现碰撞检测canvas核心技术——如何实现一个简单的2D游戏引擎canvas核心技术——宽高、渐变、绘制真实的1px线段canvas核心技术——向量、三角函数
