Skip to content

gaoxiaosi/canvas-magic

Repository files navigation

Canvas + ES6 实现经典小游戏和案例

目录说明

alpha:简单版,实现核心逻辑和算法。

standard:标准版,美化界面,优化代码。

beta:测试版,额外功能补充,一些其他想法。

plugin:公共插件目录,目前只有弹窗,后续看情况增加。

其他目录:不用管,用于快速创建项目和打包构建,还有一些脚本。

项目运行

  1. npm install,安装所有需要的包
  2. npm run start,启动项目并自动打开浏览器
  3. http:https://localhost:1234(端口可在packag.json的start脚本里修改)
  4. 点击铜牌(简单版)、银牌(标准版)、金牌(测试版)打开相应版本页面
  5. 修改相关文件,保存后可触发热更新自动刷新页面

多说三句

授人以鱼不如授人以渔!我会写博客和录配套视频,逐行手敲代码。

打算做成一个系列,若有想要实现的小游戏和案例请留言。

如果不嫌麻烦的话,帮忙点个Star,谢谢!

在线网址

https://gaoxiaosi.github.io/canvas-magic/

案例列表

名称 说明 演示 代码 讲解 博客
gobang 五子棋 简单标准测试 简单标准测试 视频 文章
game2048 2048 简单标准测试 简单标准测试 视频 文章
link 连连看 简单标准测试 简单标准测试 视频 Todo

About

Canvas有趣的小案例

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published