Home Sign Up Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
shisanhua
V2EX  ›  程序员

[野生程序员花三天时间用 Cursor 复刻经典游戏「俄罗丝方块」，求各位提点建议]

  •   
  •   shisanhua · Mar 20, 2025 · 4263 views
    This topic created in 597 days ago, the information mentioned may be changed or developed.
    大家好！我就是那个周末爱倒腾键盘的野生程序员，日常沉迷用代码给生活开外挂（虽然 80%的工具写完就吃灰了 hhh ）

    🔥这次整了个大活！靠着和 Cursor 斗智斗勇三天，从连游戏引擎是啥都不知道的小白，硬生生用 JavaScript 搓出了能跑的「俄罗丝方块」！中途经历了：

    ▷ 让 AI 画了 14 版碰撞检测代码<br>
    ▷ 凌晨三点和幽灵方块 bug battle<br>
    ▷ 把 Cursor 训练成专业方块动画设计师<br>

    现在这个「赛博儿子」终于能见人了！支持键鼠/触屏双操作，偷偷加了上班摸鱼专用 [老板键] 🤫

    👉试玩地址： https://onlinetetris.org

    ![]( http://onlinetetris.org/assets/images/tetris-preview.jpg)

    原来 AI 不止能当搜索引擎，真能造出会动的快乐！这次搞成了，下次或许敢挑战贪吃蛇元宇宙？🚀
  • Cursor
  • JavaScript
  • 俄罗斯方块
    27 replies  •  2025-03-25 17:35:20 +08:00
    laizenan
    laizenan
    Mar 20, 2025
    1
    动画做的很不错呀，不愧是 Cursor 。
    shisanhua
    shisanhua
    OP
    Mar 20, 2025
    2
    @laizenan Cursor 做动画还是挺不错的，不过中间也踩过很多坑。就这个动画和屏幕适配两项我搞了一天多。
    rap16
    rap16
    Mar 20, 2025
    3
    做的不错
    honkew
    honkew
    Mar 20, 2025
    4
    不错 动画在线 用了第三方库吗
    shisanhua
    shisanhua
    OP
    Mar 20, 2025
    5
    @honkew 动画是单纯的使用 js 写的，没有使用任何第三方库。
    itskingname
    itskingname
    Mar 20, 2025
    6
    你这个还是远古俄罗斯方块。

    现代化的俄罗斯方块，需要加上 7-bag 机制，SRS 超级旋转系统，踢墙系统，你现在全都没有。
    MoYi123
    MoYi123
    Mar 20, 2025
    7
    @itskingname 同意, 我也刚想说做的不够规范.
    z327774948
    z327774948
    Mar 20, 2025
    8
    @itskingname 三天做出来的还要什么自行车
    archxm
    archxm
    Mar 20, 2025
    9
    让 ai 保证，GTA 不要跳票
    MangoCloud
    MangoCloud
    Mar 20, 2025 via Android
    10
    中间的过程方便总结下吗，一定也不简单
    shisanhua
    shisanhua
    OP
    Mar 20, 2025
    11
    @itskingname
    方块生成机制：我现在用的是双池化生成机制，跟 7-bag 机制差不多，都是将 7 个方块编成一组，打乱顺序放入候选池中，每次从候选池中取一个方块，直到池子里方块都取完了，再重新编组入池。
    双池化其实就是一次将两组共 14 个方块放入候选池。

    SRS 超级旋转系统，踢墙系统这两个目前还没有实现，很感谢你提出的宝贵建议🙏🙏🙏，后续我会继续使用 Cursor 来完善相关功能。
    nc4697
    nc4697
    Mar 20, 2025
    12
    看我用 cursor 几分钟做出来的。动画效果也很好，有全屏震动
    shisanhua
    shisanhua
    OP
    Mar 20, 2025
    13
    @MangoCloud 做动画这块确实踩了不少坑，好再最终摸索出来一个比较靠谱的经验。

    避坑：
    1. 提问时尽量避免“大而空”，一定要想清楚你想要什么。
    2. 多给 AI 提供一点上下文，告诉它你的需求场景、应用条件等，已确保代码生成的准确性。
    3. 遇到复杂问题，按逻辑分块提问，再把答案串起来，原则由浅到深、由粗到细。

    拿动方块小时画来举例：
    第一问：按游戏规则，当方块触底时如果拼成一行，需要将方块消除，常见的消除动画有哪些呢？

    此时 ai 一般会给你列出一些消除动画，如：逐渐消失、闪烁效果、破碎效果、彩虹色/特效动画等。你可以根据动画名再深入提问。

    第二问：请帮我列出「逐渐消失动画」方案具体实现步骤。

    第三问：请根据以上方案，生成对应的业务代码。
    Felldeadbird
    Felldeadbird
    Mar 20, 2025
    14
    cursor 确实好用。我周一写了一个小程序。周二上线。周三新增新功能。 代码我基本没看。我就是一个产品经理，不断和 AI 反复拉扯。
    andyskaura
    andyskaura
    Mar 20, 2025
    15
    能不能把这个 ui 套进去 https://chvin.github.io/react-tetris/
    aloxaf
    aloxaf
    Mar 20, 2025
    16
    AI 稿子看多了，总觉得 LZ 的帖子也是 AI 润色过的（
    LuJason
    LuJason
    Mar 20, 2025
    17
    @aloxaf 再进一步，可能这个用户也是 AI 创造的（
    stdout
    stdout
    Mar 20, 2025
    18
    3 天时间要加上联网才行。
    huoru
    huoru
    Mar 20, 2025
    19
    我还做了 RougeLike 扫雷呢。。
    shisanhua
    shisanhua
    OP
    Mar 20, 2025
    20
    @andyskaura 这个是怀旧风格的，可以加，但不知道喜欢这种怀旧风格的人多不多。
    PandaIsGood
    PandaIsGood
    Mar 21, 2025
    21
    怎么还特意买了域名！
    8355
    8355
    Mar 21, 2025
    22
    你这个标题不行啊，怎么 3 天才做出来 3 秒就应该做好啦
    AmosLi
    AmosLi
    Mar 21, 2025
    23
    首先说结论 OP 还是很牛的。
    OP 是不是左撇子？
    NerbraskaGuy
    NerbraskaGuy
    Mar 21, 2025
    24
    有详细的文章分享么，最近在想怎么用 Cursor 做 2D 版推金币的游戏。
    google2023
    google2023
    Mar 21, 2025
    25
    网站打不开啊？
    shisanhua
    shisanhua
    OP
    Mar 21, 2025
    26
    @google2023 需要科学上网。如果还是打不开麻烦截个图发我看下。
    shisanhua
    shisanhua
    OP
    Mar 25, 2025
    27
    2025-03-25: 游戏新功能上新啦。
    **新增多种模式**：
    - 标准模式：适合新手，下落速度较慢，随着等级的 增加，降速也会增加。
    - 疯狂模式：适合挑战，初始速度更快，速度增长更快，等级越高降速越快。
    - 限时模式：限时三分钟计算游戏期间最高分，降速适中。

    **额外奖励**：
    - 消除效果：单次消除行数越多，获得的分数越高。
    - 等级提升：分数达到 100 分升级一次，每升一级难度增加，同时消除方块后的积分也会增加。

    欢迎大家试玩，也欢迎各位反馈，🙏
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   664 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 21:37 · PVG 05:37 · LAX 13:37 · JFK 16:37
    ♥ Do have faith in what you're doing.