This site runs best with JavaScript enabled.

🎮 游戏

平时开发着玩的一些小游戏或者类似的页面/应用:

hexGame
六角拼图预览图
六角拼图
PixiJS 框架实现的一个小游戏,撸起来比自己实现更能专注到玩法和业务上。

tracking
指挥地图预览图
指挥地图风格
里面的视觉效果都是 CSS 实现的,像是电影里面的特工效果,最后的界面看起来很酷炫,实现的过程也很好玩。地图用的高德的 SDK,支持 3D 视角,再加上 CSS 实现视图上的滤镜,一些电影的元素,就能实现这个效果了。

elements
元素消除预览图
元素消除

这是一个多人游戏,纯 Dom 实现的交互,滑动交换元素来获得分数。
这个游戏玩法内核自己琢磨的,算法部分也花了一点时间,感觉数据的判定、循环等还是很有意思的。
数据层可以兼容 WS 和 localstorage 事件两种方式,这里用的是 localstorage,支持多人进入,多人围观,随时进入。
(请在同一个浏览器的不同 Tab 下浏览,不然无法通过 localstorage 通信)
房主 | 玩家 1 | 玩家 2

animal
斗兽棋预览图
斗兽棋

这是一个多人游戏,纯 Dom 实现的交互。
数据层可以兼容 WS 和 localstorage 事件两种方式,这里用的是 localstorage,支持多人进入,多人围观,随时进入。
(请在同一个浏览器的不同 Tab 下浏览,不然无法通过 localstorage 通信)
房主 | 玩家 1 | 玩家 2

paint
你画我猜预览图
你画我猜

这是一个多人游戏,可以在画布上随便画,每个人同步观看聊天猜词。
数据层可以兼容 WS 和 localstorage 事件两种方式,这里用的是 localstorage,支持多人进入,多人围观,随时进入。
(请在同一个浏览器的不同 Tab 下浏览,不然无法通过 localstorage 通信)
房主 | 玩家 1 | 玩家 2

wuziqi
五子棋预览图
五子棋

这是一个多人游戏,纯 Dom 实现的交互。
数据层可以兼容 WS 和 localstorage 事件两种方式,这里用的是 localstorage,支持多人进入,多人围观,随时进入。
(请在同一个浏览器的不同 Tab 下浏览,不然无法通过 localstorage 通信)
房主 | 玩家 1 | 玩家 2

maze
迷宫预览图
迷宫

这是一个多人游戏,纯 Dom 实现的交互,两个人上下左右滑动来找出口。
数据层可以兼容 WS 和 localstorage 事件两种方式,这里用的是 localstorage,支持多人进入,多人围观,随时进入。
(请在同一个浏览器的不同 Tab 下浏览,不然无法通过 localstorage 通信)
房主 | 玩家 1 | 玩家 2

🐞 关于

有时间就会分享一些技术文章、专业内容、经典问题、系列功能等。

{⛔ 未标注内容均为原创,请勿转载 ©️}