用 AI 生成一个小浣熊水浒卡鉴赏网站

[freedom1988]

最近几年一直比较迷小浣熊水浒卡，去年小浣熊 30 周年又让水浒卡火了一把，所以就突发奇想搞个鉴赏网。

一个用于展示小浣熊水浒卡的响应式网站，提供卡片正反面鉴赏、基于 Three.js 的 3D 旋转与缩放、多版本卡片对比等功能，并支持 PC 端键盘操作及移动端触控交互。

项目功能由自己设计页面，借助 AI 生成代码，累计投入约 16 小时、重置了 5 轮 AI 用量周期，完成了素材搜集、开发调试、组件化重构、性能与交互体验优化、单元测试与线上部署等环节。

Github 地址： https://github.com/pwstrick/water-card

在线体验： https://pwstrick.github.io/water-card/

已增加每个好汉的人物介绍，并且增加了6大恶人的展示

[iyuanyi]

不错啊

[Blues0203]

很有意思，点赞

[Y25tIGxpdmlk]

加上人物背景故事小科普，就更棒了

[Jaron0608]

前端设计风格很不错，请教工作流是怎样的，有用啥 skill 或工具吗

[sunxc2581]

做的不错，我记得小时候还有收集小当家里面的西游记 魔法士里面的火影忍者卡片什么的，想迭代的话是不是可以加进去哈哈哈

[charlie21]

还有天龙八部卡

[newtype0092]

挺怀念的，卡图太老了分辨率有点低，OP 可以试试用 AI 高清处理一下。

[NotNEO]

确实很棒 同意三楼的建议 可以加上人物小传 另外怎么没有天炮星？

[380cc]

太棒了 要是当年就有这个，还集什么卡啊

[anmie]

非常有趣，我是 90 后，上一次见到这个卡，确实已经是 30 年前了。

[nerkeler]

高俅，潘金莲呢，还有宋江应该还有个及时雨吧

[461229187]

可以根据这个画风，补充一下其他角色

[freedom1988]

@Jaron0608 没有 skill ，就用 CodeX 一点点对话生成的

[freedom1988]

@NotNEO 几张恶人，后面再补充

[freedom1988]

@newtype0092 我感觉还是得用分辨率高的设备，再拍一套

[freedom1988]

@Y25tIGxpdmlk 这个后面我再补充一下

[rh87116938]

公孙胜这张，满满的回忆啊！

[lingyired]

可以直接加小浣熊干脆面的推广链接了

[deepbytes]

6 啊，大佬！这个非常棒，回忆满满，赞赞赞！

[shark000]

还有一种水浒卡，七匹狼膨化食品里面的，圆片形状的，有谁还记得

[senooo]

暴露年龄了

[SayHelloHi]

@freedom1988 #15

如果 op 是 macOS 可以用这个 App 高清放大图片

https://github.com/okooo5km/HiPixel

[Tink]

家里还有一套完整的

[xh20201111]

哈哈哈哈哈

[freezebreze]

点赞，好创意，

[freedom1988]

@SayHelloHi 这个有点意思，就是我的 mac 系统版本太低还不支持，抽空我升级下玩玩

[Rooney1]

哈哈哈哈哈好

[freedom1988]

@sunxc2581 嗯，是个迭代方向

[vipwpcom]

点缀，很有意思

[Terry05]

做得真不错，审美也挺好，真是完美没码农什么事啦

[tudou527]

老哥牛逼，这卡片效果年代感拉满

[luren8153]

太不错了佬

[nododo]

太有情怀了 赞

[WngShhng]

我们那里最流行的是魔法士的那一款，这个看上去太卡通了

[qbmiller]

19 年那会，加入了一个 自制卡全，卡友天空吧，把小时候的小浣熊卡又都 玩了一圈。 后来不咋玩了。 挺有意思的，自制卡圈，质量也很好

[js9528]

点赞

[Tory12138]

设计师出身的吧 哥们 这排版 这字体 也太高级了

[c0xt30a]

OP 为什么只考虑了暗色模式？

[baizhu]

不错不错。另外今年小浣熊搞得红楼梦卡貌似不是很火。。

[YoungKing6]

我到现在都看到某些卡，都能想起小浣熊干脆面的味道

[joyce95]

有点意思

[Eagleyes]

这玩意怎么看下一张卡？
这东西还有实体卡么？我买过一套，不贵，20-30 块钱。
感谢楼主分享