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

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

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

    在前一阵子接触到 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
    太强了
    oneisall8955
        5
    oneisall8955  
       2022-06-01 08:26:05 +08:00 via Android
    膜拜大佬
    LinkinLaw
        6
    LinkinLaw  
       2022-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   ·   我们的愿景   ·   实用小工具   ·   996 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 112ms · UTC 22:10 · PVG 06:10 · LAX 15:10 · JFK 18:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.