canvas练习——画马里奥

原创 ShanaFang 随笔 基础知识 1834阅读 2017-11-28 15:32:49 举报

效果还很粗糙,慢慢修改优化,暂存。
html 代码

优化代码:
1、运用ctx.translate()移动画布,改变画布的坐标轴位置来进行绘制反方向的图像。
注意:在移动前,先用ctx.save();保存当前画布,然后进行移动,绘制。绘制完成后恢复之前的保存状态ctx.restore();这样删除了一半的冗余的代码。

html 代码

评论 ( 6 )
最新评论
lwvoid 2017-12-08 13:49:04 6F

作者真有耐心,为什么不用数组

ShanaFang 4F 2017-11-30 09:53:41 5F

正在做呢,哈哈哈

wocacaca 2017-11-29 13:51:37 4F

让它动起来吧

ShanaFang 2F 2017-11-29 11:15:38 3F

哈哈哈,像素版的

hugeannex 2017-11-28 17:45:28 2F

我觉得不应该叫马什么奥,叫马赛克比较确切!

ls1210485244 2017-11-28 16:04:46 1F

真有耐心了 - -