当我自己做了一个网页版的我的世界... - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
vyse12138
V2EX    分享创造

当我自己做了一个网页版的我的世界...

  •  6
     
  •  vyse12138
    vyse12138 2022-06-01 07:54:33 +08:00 5457 次点击
    这是一个创建于 1228 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在前一阵子接触到 Three.js 后, 我发现了它能为前端 3D 可视化 / 动画 / 游戏方向带来的无限可能, 正好最近在与朋友重温我的世界, 便有了用 Three.js 来仿制 Minecraft 的想法, 正好也可以通过一个有趣的项目来学习一下前端 3D 领域.

    动图展示

    感兴趣的朋友可以去下面的一些链接看看:

    目前支持了以下功能:

    • 方块的放置 / 破坏
    • 不同的方块类型选择
    • 移动和碰撞检测
    • 随机的地形和树木生成
    • 无限的世界
    • 保存 / 读取游戏
    • 音效和背景音乐
    • 可调节的渲染距离和视野范围
    • 基本的 UI

    如果大家在试玩中有什么问题的话, 也可以评论留言或者去 GitHub 上提 Issue, 我也会努力更新优化的~

    39 条回复    2022-06-05 11:40:19 +08:00
    imdong
        1
    imdong  
       2022-06-01 08:01:10 +08:00 via iPhone
    无奈不才,唯有“卧槽”。
    huhexian
        2
    huhexian  
       2022-06-01 08:11:32 +08:00
    方块破碎的动画效果有待优化。
    UrsulaTucker
        3
    UrsulaTucker  
       2022-06-01 08:13:31 +08:00 via Android   1
    注意 Minecraft 商标和版权问题
    ccyu220
        4
    ccyu220  
       2022-06-01 08:14:52 +08:00
    太强了
    itechify
        5
    itechify  
    PRO
       2022-06-01 08:26:05 +08:00 via Android
    膜拜大佬
    LinkinLaw
        6
    LinkinLaw  
       202-06-01 08:35:01 +08:00 via iPhone
    厉害厉害厉害厉害
    charlie21
        7
    charlie21  
       2022-06-01 08:35:15 +08:00 via iPhone
    这个不需要用到 webgl ?
    vyse12138
        8
    vyse12138  
    OP
       2022-06-01 08:40:42 +08:00
    @UrsulaTucker woc 有道理, 感谢提醒!
    vyse12138
        9
    vyse12138  
    OP
       2022-06-01 08:41:44 +08:00
    @charlie21 有用到 three.js (一个基于 webgl 封装的渲染库)
    vyse12138
        10
    vyse12138  
    OP
       2022-06-01 08:42:45 +08:00
    @huhexian 这里确实偷懒了, 有尝试了一下原版那个风格, 太难了 :<
    steins2628
        11
    steins2628  
       2022-06-01 08:51:00 +08:00
    无限的世界可太强了
    kexingfu
        12
    kexingfu  
       2022-06-01 08:58:05 +08:00
    scyuns
        13
    scyuns  
       2022-06-01 09:02:50 +08:00
    太强了 点赞
    creanme
        14
    creanme  
       2022-06-01 09:20:17 +08:00
    太强了
    liuidetmks
        15
    liuidetmks  
       2022-06-01 09:23:12 +08:00
    厉害,
    SenLief
        16
    SenLief  
       2022-06-01 09:24:04 +08:00
    太强了 唯有点赞,果然需求引导学习。
    hertzry
        17
    hertzry  
       2022-06-01 09:24:33 +08:00 via Android
    xinyana
        18
    xinyana  
       2022-06-01 09:24:51 +08:00 via Android
    无奈不才,唯有“卧槽”。
    HeFengzz
        19
    HeFengzz  
       2022-06-01 09:31:17 +08:00   1
    一边乱挖一边乱跳,会突然掉地图下面去。
    NeroKamin
        20
    NeroKamin  
       2022-06-01 11:20:04 +08:00
    太强了
    FFFFourwood
        21
    FFFFourwood  
       2022-06-01 11:30:48 +08:00
    6666
    PMR
        22
    PMR  
       2022-06-01 11:36:55 +08:00
    最低 1 层不能挖掉 :doge:
    villivateur
        23
    villivateur  
       2022-06-01 11:57:49 +08:00 via Android
    太强了,膜拜
    vyse12138
        24
    vyse12138  
    OP
       2022-06-01 12:00:31 +08:00
    @HeFengzz 感谢发现~ 会努力的 debug 的
    vyse12138
        25
    vyse12138  
    OP
       2022-06-01 12:02:07 +08:00
    @PMR 不会还想挖基岩吧 < . <
    kimown
        26
    kimown  
       2022-06-01 12:04:58 +08:00
    大佬有参考其他的开源 mc 代码吗
    imydou
        27
    imydou  
       2022-06-01 12:09:22 +08:00
    我的鼠标哪去了?
    marcojbk
        28
    marcojbk  
       2022-06-01 12:18:01 +08:00
    @ArtherMH #31 真乖,摸摸头
    blankmiss
        29
    blankmiss  
       2022-06-01 17:12:04 +08:00
    卡的不行 哈哈哈
    xieqiqiang00
        30
    xieqiqiang00  
       2022-06-01 17:15:57 +08:00
    总感觉在哪见过
    vyse12138
        31
    vyse12138  
    OP
       2022-06-01 18:12:09 +08:00
    @kimown 代码倒是没怎么参考, 不过有发现类似的项目 (也是 three.js)
    vyse12138
        32
    vyse12138  
    OP
       2022-06-01 18:12:29 +08:00
    @imydou 按一下 esc 或者 e 就又出来了
    vyse12138
        33
    vyse12138  
    OP
       2022-06-01 18:12:54 +08:00
    @blankmiss 可以试试在设置里把渲染距离调低一点
    sunziren
        34
    sunziren  
       2022-06-02 14:35:05 +08:00
    卧槽?大佬
    tediorelee
        35
    tediorelee  
       2022-06-02 21:19:02 +08:00
    好强
    v2eb
        36
    v2eb  
       2022-06-02 22:58:30 +08:00 via Android
    好像跳起来不能放置方块
    LostTeemo
        37
    LostTeemo  
       2022-06-03 08:41:03 +08:00 via Android
    我怎么觉得前段时间我玩过官方的网页 MC
    xiadengmaX1
        38
    xiadengmaX1  
       2022-06-03 11:00:18 +08:00
    太强了
    utre938722
        39
    utre938722  
       2022-06-05 11:40:19 +08:00
    牛批
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     6131 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 02:23 PVG 10:23 LAX 19:23 JFK 22:23
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86