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

freedom1988 2026-07-05 09:44 1

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

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

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

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

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

最新回复 (58)

iyuanyi 07-05 09:49

1楼

不错啊
Blues0203 07-05 09:49

2楼

很有意思，点赞
Y25tIGxpdmlk 07-05 10:01

3楼

加上人物背景故事小科普，就更棒了
Jaron0608 07-05 10:34

4楼

前端设计风格很不错，请教工作流是怎样的，有用啥 skill 或工具吗
sunxc2581 07-05 11:01

5楼

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

6楼

还有天龙八部卡
newtype0092 07-05 12:07

7楼

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

8楼

确实很棒同意三楼的建议可以加上人物小传另外怎么没有天炮星？
380cc 07-05 12:17

9楼

太棒了要是当年就有这个，还集什么卡啊
anmie 07-05 12:23

10楼

非常有趣，我是 90 后，上一次见到这个卡，确实已经是 30 年前了。
nerkeler 07-05 12:33

11楼

高俅，潘金莲呢，还有宋江应该还有个及时雨吧
461229187 07-05 12:49

12楼

可以根据这个画风，补充一下其他角色
freedom1988 楼主 07-05 12:53

13楼

@Jaron0608 没有 skill ，就用 CodeX 一点点对话生成的
freedom1988 楼主 07-05 12:59

14楼

@NotNEO 几张恶人，后面再补充
freedom1988 楼主 07-05 12:59

15楼

@newtype0092 我感觉还是得用分辨率高的设备，再拍一套
freedom1988 楼主 07-05 13:00

16楼

@Y25tIGxpdmlk 这个后面我再补充一下
rh87116938 07-05 13:18

17楼

公孙胜这张，满满的回忆啊！
lingyired 07-05 13:25

18楼

可以直接加小浣熊干脆面的推广链接了
deepbytes 07-05 13:33

19楼

6 啊，大佬！这个非常棒，回忆满满，赞赞赞！
shark000 07-05 13:44

20楼

还有一种水浒卡，七匹狼膨化食品里面的，圆片形状的，有谁还记得
senooo 07-05 13:47

21楼

暴露年龄了
SayHelloHi 07-05 14:22

22楼

@freedom1988 #15

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

https://github.com/okooo5km/HiPixel
Tink 07-05 14:29

23楼

家里还有一套完整的
xh20201111 07-05 14:40

24楼

哈哈哈哈哈
freezebreze 07-05 15:08

25楼

点赞，好创意，
freedom1988 楼主 07-05 15:25

26楼

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

27楼

哈哈哈哈哈好
freedom1988 楼主 07-05 15:47

28楼

@sunxc2581 嗯，是个迭代方向
vipwpcom 07-05 16:10

29楼

点缀，很有意思
Terry05 07-05 16:37

30楼

做得真不错，审美也挺好，真是完美没码农什么事啦
tudou527 07-05 16:54

31楼

老哥牛逼，这卡片效果年代感拉满
luren8153 07-05 18:47

32楼

太不错了佬
nododo 07-05 20:33

33楼

太有情怀了赞
WngShhng 07-05 20:34

34楼

我们那里最流行的是魔法士的那一款，这个看上去太卡通了
qbmiller 07-05 20:35

35楼

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

36楼

点赞
Tory12138 07-05 21:35

37楼

设计师出身的吧哥们这排版这字体也太高级了
c0xt30a 07-05 21:48

38楼

OP 为什么只考虑了暗色模式？
baizhu 07-05 22:06

39楼

不错不错。另外今年小浣熊搞得红楼梦卡貌似不是很火。。
YoungKing6 07-05 22:40

40楼

我到现在都看到某些卡，都能想起小浣熊干脆面的味道
joyce95 07-05 22:57

41楼

有点意思
Eagleyes 07-05 22:59

42楼

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

43楼

主题配色太单一，对于不喜欢 dark 主题的人看起来有点难受。
DisastrousNet 07-06 08:44

44楼

好产品，创造的意义
yuxianyuan 07-06 08:47

45楼

点赞，有点意思哦设计师出身的吧哥们这排版这字体也太高级了
wangbingxu 07-06 08:51

46楼

很有前途，LZ 我看好你
chong3397 07-06 08:54

47楼

希望也能加入三国卡
elias94 07-06 09:09

48楼

牛啊，收藏了
Molita 07-06 09:29

49楼

等一个足球小将～
YoungSeeb 07-06 09:33

50楼

你说闪卡能不能伴随拖动真的闪起来呢
zy0829 07-06 09:39

51楼

网站像是 CLI 风格
56rssd 07-06 09:49

52楼

很棒
leojia 07-06 09:51

53楼

一眼 claude 设计风格
EricFuture 07-06 10:04

54楼

很不错啊，卡牌都是一张张自己拍的吗？
andforce 07-06 10:24

55楼

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

另外小浣熊 30 周年出了一套新的卡，我买了
beiguo 07-06 10:45

56楼

家里有一套完整的，很有意思
syubo2810 07-06 11:17

57楼

蛮有意思的，就是图有点糊，让 ai 修复下
TimPeake 07-06 11:26

58楼

6666 太赞了