爱意满满的作品展示区。
freedom1988

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

  •  
  •   freedom1988 ·
    pwstrick · Jul 5 · 6959 views
    This topic created in 128 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    Supplement 1  ·  Jul 5

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

    Supplement 2  ·  Jul 8

    小浣熊30周年,冷烫卡人物也补充好了

    70 replies  •  2026-10-06 08:53:05 +08:00
    iyuanyi
    iyuanyi
    Jul 5 via iPhone
    1
    不错啊
    Blues0203
    2
    很有意思,点赞
    IH0kIG5E67ZY43M5
    加上人物背景故事小科普,就更棒了
    Jaron0608
    4
    前端设计风格很不错,请教工作流是怎样的,有用啥 skill 或工具吗
    sunxc2581
    5
    做的不错,我记得小时候还有收集小当家里面的西游记 魔法士里面的火影忍者卡片什么的,想迭代的话是不是可以加进去哈哈哈
    charlie21
    6
    还有天龙八部卡
    newtype0092
    7
    挺怀念的,卡图太老了分辨率有点低,OP 可以试试用 AI 高清处理一下。
    NotNEO
    NotNEO
    Jul 5
    8
    确实很棒 同意三楼的建议 可以加上人物小传 另外怎么没有天炮星?
    380cc
    380cc
    Jul 5
    9
    太棒了 要是当年就有这个,还集什么卡啊
    anmie
    anmie
    Jul 5
    10
    非常有趣,我是 90 后,上一次见到这个卡,确实已经是 30 年前了。
    nerkeler
    11
    高俅,潘金莲呢,还有宋江应该还有个及时雨吧
    461229187
    12
    可以根据这个画风,补充一下其他角色
    freedom1988
    13
    @Jaron0608 没有 skill ,就用 CodeX 一点点对话生成的
    freedom1988
    14
    @NotNEO 几张恶人,后面再补充
    freedom1988
    15
    @newtype0092 我感觉还是得用分辨率高的设备,再拍一套
    freedom1988
    16
    @Y25tIGxpdmlk 这个后面我再补充一下
    rh87116938
    17
    公孙胜这张,满满的回忆啊!
    lingyired
    18
    可以直接加小浣熊干脆面的推广链接了
    deepbytes
    deepbytes
    Jul 5 via iPhone
    19
    6 啊,大佬!这个非常棒,回忆满满,赞赞赞!
    shark000
    20
    还有一种水浒卡,七匹狼膨化食品里面的,圆片形状的,有谁还记得
    senooo
    senooo
    Jul 5
    21
    暴露年龄了
    SayHelloHi
    22
    @freedom1988 #15

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

    https://github.com/okooo5km/HiPixel
    Tink
    Tink
    Jul 5
    23
    家里还有一套完整的
    xh20201111
    24
    哈哈哈哈哈
    freezebreze
    25
    点赞,好创意,
    freedom1988
    26
    @SayHelloHi 这个有点意思,就是我的 mac 系统版本太低还不支持,抽空我升级下玩玩
    Rooney1
    Rooney1
    Jul 5
    27
    哈哈哈哈哈好
    freedom1988
    28
    @sunxc2581 嗯,是个迭代方向
    vipwpcom
    29
    点缀,很有意思
    Terry05
    Terry05
    Jul 5
    30
    做得真不错,审美也挺好,真是完美没码农什么事啦
    tudou527
    tudou527
    Jul 5 via iPhone
    31
    老哥牛逼,这卡片效果年代感拉满
    luren8153
    luren8153
    Jul 5 via Android
    32
    太不错了佬
    nododo
    nododo
    Jul 5 via iPhone
    33
    太有情怀了 赞
    WngShhng
    34
    我们那里最流行的是魔法士的那一款,这个看上去太卡通了
    qbmiller
    35
    19 年那会,加入了一个 自制卡全,卡友天空吧,把小时候的小浣熊卡又都 玩了一圈。 后来不咋玩了。 挺有意思的,自制卡圈,质量也很好
    js9528
    js9528
    Jul 5 via iPhone
    36
    点赞
    Tory12138
    37
    设计师出身的吧 哥们 这排版 这字体 也太高级了
    c0xt30a
    c0xt30a
    Jul 5
    38
    OP 为什么只考虑了暗色模式?
    baizhu
    baizhu
    Jul 5
    39
    不错不错。另外今年小浣熊搞得红楼梦卡貌似不是很火。。
    YoungKing6
    40
    我到现在都看到某些卡,都能想起小浣熊干脆面的味道
    joyce95
    joyce95
    Jul 5
    41
    有点意思
    Eagleyes
    42
    这玩意怎么看下一张卡?
    这东西还有实体卡么?我买过一套,不贵,20-30 块钱。
    感谢楼主分享
    oldboy627
    43
    主题配色太单一,对于不喜欢 dark 主题的人看起来有点难受。
    DisastrousNet
    44
    好产品,创造的意义
    yuxianyuan
    45
    点赞,有点意思哦设计师出身的吧 哥们 这排版 这字体 也太高级了
    wangbingxu
    46
    很有前途,LZ 我看好你
    chong3397
    47
    希望也能加入三国卡
    elias94
    elias94
    Jul 6
    48
    牛啊,收藏了
    Molita
    Molita
    Jul 6
    49
    等一个足球小将~
    YoungSeeb
    50
    你说闪卡能不能伴随拖动真的闪起来呢
    zy0829
    zy0829
    Jul 6
    51
    网站像是 CLI 风格
    56rssd
    56rssd
    Jul 6
    52
    很棒
    leojia
    leojia
    Jul 6
    53
    一眼 claude 设计风格
    EricFuture
    54
    很不错啊,卡牌都是一张张自己拍的吗?
    andforce
    55
    啊,啊啊,我之前一直也想做这个哈哈,一直没找到时间
    先收藏

    另外小浣熊 30 周年出了一套新的卡,我买了
    beiguo
    beiguo
    Jul 6
    56
    家里有一套完整的,很有意思
    syubo2810
    57
    蛮有意思的,就是图有点糊,让 ai 修复下
    TimPeake
    58
    6666 太赞了
    zzboat0422
    59
    一张一张全部看完了,童年回忆啊。其中有好多是小时候从没见过的。
    Nalife520
    60
    酷!!!
    spykids
    spykids
    Jul 6
    61
    老哥非常厉害啊!
    steve009
    62
    不错,就是这个感觉。
    至今记得 我中过一张 智多星吴用
    SevenElevenZ
    63
    有点意思.好多我小时候没集齐的
    tianjiyao
    64
    看着不错
    seogo
    seogo
    Jul 6
    65
    不错不错,适合我这种中登,顺便收录到 https://www.mogudh.com/web/6833.html
    dddd1919
    66
    梁山好汉的绰号名字还有一层反讽的意思,比如及时雨送江里去了,智多星无用,鼓上蚤被石头牵住了这种的,没搜到比较全的,OP 可以考虑下能不能收集到这个信息
    baichi
    baichi
    Jul 6
    67
    适配一下 Mac 触控板的双指缩放呗
    stephninja028
    68
    牛啊,做的好啊,去给你 star
    crazyorr
    crazyorr
    Aug 14
    69
    点赞,顺便借个楼,大家也可以去我这儿看: https://sig.yolo.blue/feature/shuihu
    charlie21
    70
    好评
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1120 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 203ms · UTC 18:00 · PVG 02:00 · LAX 10:00 · JFK 13:00
    ♥ Do have faith in what you're doing.