HTML5Canvas线条躲避小游戏

html5canvas 写的线条躲避小游戏，节奏快、操作简单，挺适合练手 Canvas 动画逻辑的。核心玩法就是用键盘控制角色移动，避开随机乱飞的线条，谁能坚持时间久谁就赢。

用的是原生的Canvas API，像moveTo()、lineTo()这些基本都用上了。动画方面，用requestAnimationFrame来跑每一帧，流畅度还不错，不卡顿。

碰撞检测也蛮直观，就是判断小方块和线条有没有重叠，出问题了直接game over。整个逻辑封装得也清楚，像Player和Line都是单独的对象，代码结构算是比较清爽的。

想要深入 Canvas 开发的可以翻下源码，解压后会看到index.html、style.css和game.js，分工明确。页面结构不复杂，样式也就是给个定位加个背景，重点都在 JS 里。

如果你刚接触Canvas，又想做点互动项目练手，这份小游戏代码还挺合适的，改改逻辑、换个皮肤，就能做出自己的版本了。