V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhuangtongfa
V2EX  ›  分享创造

用 Vue、Vuex、Immutable 做俄罗斯方块

  •  1
     
  •   zhuangtongfa ·
    binaryify · 2017-06-13 12:35:32 +08:00 · 4390 次点击
    这是一个创建于 2728 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用 Vue、Vuex、Immutable 做俄罗斯方块, 改造自 React 版 本项目灵感来源于 React 版的俄罗斯方块,由于对其实现原理较感兴趣,而且相比于 React 更喜欢 Vue, 于是把 React 版的重构为了 Vue 版的,大致思路是把组件当成一个个函数,保证一个输入(props)能得到一个确定的输出(view),然后对不同方法也是做同样处理,对于 Redux 使用 Vuex 精简化

    http://binaryify.github.io/vue-tetris/) 玩一玩

    预览

    预览视频

    第 1 条附言  ·  2017-06-13 16:00:51 +08:00
    19 条回复    2017-06-14 18:33:39 +08:00
    SourceMan
        1
    SourceMan  
       2017-06-13 12:36:55 +08:00
    玩一玩 戳不动
    GordianZ
        2
    GordianZ  
    MOD
       2017-06-13 12:37:38 +08:00
    moved to /go/create :)
    ooTwToo
        3
    ooTwToo  
       2017-06-13 12:38:06 +08:00
    玩到一半 不出方块了
    zhuangtongfa
        4
    zhuangtongfa  
    OP
       2017-06-13 12:56:00 +08:00
    @ooTwToo 有报什么错吗,是进行了什么操作引起的
    e9e499d78f
        5
    e9e499d78f  
       2017-06-13 13:09:13 +08:00
    https://ooo.0o0.ooo/2017/06/13/593f7357758cd.png

    最右边落了一竖就卡住了
    zhuangtongfa
        6
    zhuangtongfa  
    OP
       2017-06-13 13:33:56 +08:00
    @e9e499d78f @ooTwToo
    确实存在 bug, 晚点修复
    nexzhang
        7
    nexzhang  
       2017-06-13 13:46:41 +08:00
    玩了一遍,挺有意思。支持
    zhuangtongfa
        8
    zhuangtongfa  
    OP
       2017-06-13 14:11:32 +08:00
    @ooTwToo
    @e9e499d78f
    已修复
    Weny
        9
    Weny  
       2017-06-13 14:13:13 +08:00 via iPhone
    vuex1 ?为什么要上 immutable
    zhuangtongfa
        10
    zhuangtongfa  
    OP
       2017-06-13 14:59:56 +08:00 via Android
    @Weny
    vuex2, 原 repo 大量用了 immutable, 我在局部使用,可以减少对原游戏逻辑的修改
    buir
        11
    buir  
       2017-06-13 15:45:48 +08:00
    music.mp3 为了不能读取!? 源码
    ooTwToo
        12
    ooTwToo  
       2017-06-13 15:54:27 +08:00 via Android
    太好玩了
    zhuangtongfa
        13
    zhuangtongfa  
    OP
       2017-06-13 15:57:10 +08:00 via Android
    @e9e499d78f 话说你这域名有点叼
    onvno
        14
    onvno  
       2017-06-14 10:18:22 +08:00
    刚打开连接负责人就站在了身后,对于搂主,还是想说,干得漂亮
    ID2333
        15
    ID2333  
       2017-06-14 14:25:05 +08:00
    赞一个!已 star !
    imherer
        16
    imherer  
       2017-06-14 15:00:00 +08:00
    赞一个!已 star !
    hrbwaxdoll
        17
    hrbwaxdoll  
       2017-06-14 18:18:53 +08:00
    简直回到童年~~~~

    谢谢楼主!!!已 star
    zhuangtongfa
        18
    zhuangtongfa  
    OP
       2017-06-14 18:28:26 +08:00
    @hrbwaxdoll
    应该感谢原 repo 的作者
    hrbwaxdoll
        19
    hrbwaxdoll  
       2017-06-14 18:33:39 +08:00
    @zhuangtongfa 同感谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2641 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 11:11 · PVG 19:11 · LAX 03:11 · JFK 06:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.