CanvasGamePixel

像素风解谜

HTML5 Canvas 推箱子式关卡

在下方演示区域内直接操作(鼠标 / 键盘 / 滚动)。

全屏打开演示

简介

16×16 瓦片地图的像素解谜:键盘或触控移动,包含箭头、冰面、机关与出口,强调路径规划。

收录日期 2026-02-02 · 来源 前端嘛 · Code Fun

技术栈

HTML5 CanvasJavaScript

解析

自研小引擎

地图、实体、规则在 Canvas 上逐帧更新;关卡数据可 JSON 化,方便扩展更多谜题。

移动端

作者做了触控支持,合集内建议全屏游玩,避免 iframe 高度不足遮挡操作区。

应用场景

  • 站内休闲小游戏
  • 像素风 UI 主题配套
  • Canvas 游戏逻辑学习

完整源码

← 更多效果
加载源码中…
请稍候…