最近抽空做了一个小 Web 游戏,主题是 Y2K 风格图片拼图。 免费、免注册,手机和电脑都能直接玩。

2 月 26 日
 qianfuzi13

项目地址

https://www.y2kfashion.games

玩法说明

基础规则和传统拼图类似:

一张图片被切成 N × N 的碎片并打乱

通过拖拽交换位置

在限定时间内还原完整图片即可过关

目前做了 20 个关卡,难度从 3×3 到 7×7 ,图片都是偏 Y2K 美学(千禧年金属质感、未来感 UI 、亮面塑料那种风格)。

一个我自己挺喜欢的机制:融合

和普通拼图不太一样的是,我加了一个“融合”机制:

当相邻碎片都处于正确位置时,会自动合并成一个更大的块。 合并后的块可以整体拖动,不需要再逐个微调。

也就是说:

前期是零散移动

中期开始出现小块联动

后期可以大块大块移动

节奏会比传统拼图更快一些,也更有“越拼越顺”的感觉。

这个机制我自己觉得挺有意思,但不太确定大家实际玩起来的体验如何。

技术栈

React + TypeScript + Vite

Tailwind CSS

拖拽用原生 touch / mouse 事件实现(没用拖拽库)

部署在 Vercel

算是一个比较纯前端的小项目。

如果有时间可以玩一下,欢迎拍砖。 不管是 bug 、手感问题、关卡节奏,还是对“融合机制”的看法,都很想听听大家真实反馈 🙏

地址再放一次:

https://www.y2kfashion.games

1504 次点击
所在节点    分享创造
4 条回复
Varvel
2 月 26 日
我之前想做一个在线拼图来着,可以参考拼图难度预设图片切割形状。
Razio
2 月 26 日
因为有融合机制,并且没有空位,拖拽操作,感觉缺了个拖拽排序的动态效果、然后拖拽异形图块互相挤压自动排序的那种感觉。
kphcdr
2 月 26 日
我感觉挺不错,喜欢
LIPOLIS
2 月 26 日
我觉得融合了以后 应该让它不可以被分开

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1194200

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX