用 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 块钱。
感谢楼主分享

[oldboy627]

主题配色太单一，对于不喜欢 dark 主题的人看起来有点难受。

[DisastrousNet]

好产品，创造的意义

[yuxianyuan]

点赞，有点意思哦设计师出身的吧 哥们 这排版 这字体 也太高级了

[wangbingxu]

很有前途，LZ 我看好你

[chong3397]

希望也能加入三国卡

[elias94]

牛啊，收藏了

[Molita]

等一个足球小将～

[YoungSeeb]

你说闪卡能不能伴随拖动真的闪起来呢

[zy0829]

网站像是 CLI 风格

[56rssd]

很棒

[leojia]

一眼 claude 设计风格

[EricFuture]

很不错啊，卡牌都是一张张自己拍的吗？

[andforce]

啊，啊啊，我之前一直也想做这个哈哈，一直没找到时间
先收藏

另外小浣熊 30 周年出了一套新的卡，我买了

[beiguo]

家里有一套完整的，很有意思

[syubo2810]

蛮有意思的，就是图有点糊，让 ai 修复下

[TimPeake]

6666 太赞了

[zzboat0422]

一张一张全部看完了，童年回忆啊。其中有好多是小时候从没见过的。

[Nalife520]

酷！！！

[spykids]

老哥非常厉害啊！

[steve009]

不错，就是这个感觉。
至今记得 我中过一张 智多星吴用

[SevenElevenZ]

有点意思.好多我小时候没集齐的

[tianjiyao]

看着不错

[seogo]

不错不错，适合我这种中登，顺便收录到 https://www.mogudh.com/web/6833.html

[dddd1919]

梁山好汉的绰号名字还有一层反讽的意思，比如及时雨送江里去了，智多星无用，鼓上蚤被石头牵住了这种的，没搜到比较全的，OP 可以考虑下能不能收集到这个信息

[baichi]

适配一下 Mac 触控板的双指缩放呗