vyse12138
V2EX  ›  分享创造

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

By vyse12138 at 2022 年 6 月 1 日 · 6344 次点击

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

动图展示

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

目前支持了以下功能:

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

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

39 条回复  •  2022-06-05 11:40:19 +08:00
imdong
   1
imdong  
   2022 年 6 月 1 日 via iPhone
无奈不才,唯有“卧槽”。
huhexian
   2
huhexian  
   2022 年 6 月 1 日
方块破碎的动画效果有待优化。
UrsulaTucker
   3
UrsulaTucker  
   2022 年 6 月 1 日 via Android   ❤️ 1
注意 Minecraft 商标和版权问题🌚
ccyu220
   4
ccyu220  
   2022 年 6 月 1 日
太强了
itechify
   5
itechify  
   2022 年 6 月 1 日 via Android
膜拜大佬
LinkinLaw
   6
LinkinLaw  
   2022 年 6 月 1 日 via iPhone
厉害厉害厉害厉害
charlie21
   7
charlie21  
   2022 年 6 月 1 日 via iPhone
这个不需要用到 webgl ?
vyse12138
   8
vyse12138  
OP
   2022 年 6 月 1 日
@UrsulaTucker woc 有道理, 感谢提醒!
vyse12138
   9
vyse12138  
OP
   2022 年 6 月 1 日
@charlie21 有用到 three.js (一个基于 webgl 封装的渲染库)
vyse12138
   10
vyse12138  
OP
   2022 年 6 月 1 日
@huhexian 这里确实偷懒了, 有尝试了一下原版那个风格, 太难了 :<
steins2628
   11
steins2628  
   2022 年 6 月 1 日
无限的世界可太强了
kexingfu
   12
kexingfu  
   2022 年 6 月 1 日
scyuns
   13
scyuns  
   2022 年 6 月 1 日
太强了 点赞
creanme
   14
creanme  
   2022 年 6 月 1 日
太强了
liuidetmks
   15
liuidetmks  
   2022 年 6 月 1 日
厉害,👍🏻
SenLief
   16
SenLief  
   2022 年 6 月 1 日
太强了 唯有点赞,果然需求引导学习。
hertzry
   17
hertzry  
   2022 年 6 月 1 日 via Android
xinyana
   18
xinyana  
   2022 年 6 月 1 日 via Android
无奈不才,唯有“卧槽”。
HeFengzz
   19
HeFengzz  
   2022 年 6 月 1 日   ❤️ 1
一边乱挖一边乱跳,会突然掉地图下面去。
NeroKamin
   20
NeroKamin  
   2022 年 6 月 1 日
太强了
FFFFourwood
   21
FFFFourwood  
   2022 年 6 月 1 日
6666
PMR
   22
PMR  
   2022 年 6 月 1 日
最低 1 层不能挖掉 :doge:
villivateur
   23
villivateur  
   2022 年 6 月 1 日 via Android
太强了,膜拜
vyse12138
   24
vyse12138  
OP
   2022 年 6 月 1 日
@HeFengzz 感谢发现~ 会努力的 debug 的
vyse12138
   25
vyse12138  
OP
   2022 年 6 月 1 日
@PMR 不会还想挖基岩吧 < . <
kimown
   26
kimown  
   2022 年 6 月 1 日
大佬有参考其他的开源 mc 代码吗
imydou
   27
imydou  
   2022 年 6 月 1 日
我的鼠标哪去了?
marcojbk
   28
marcojbk  
   2022 年 6 月 1 日
@ArtherMH #31 真乖,摸摸头
blankmiss
   29
blankmiss  
   2022 年 6 月 1 日
卡的不行 哈哈哈
xieqiqiang00
   30
xieqiqiang00  
   2022 年 6 月 1 日
总感觉在哪见过
vyse12138
   31
vyse12138  
OP
   2022 年 6 月 1 日
@kimown 代码倒是没怎么参考, 不过有发现类似的项目 (也是 three.js)
vyse12138
   32
vyse12138  
OP
   2022 年 6 月 1 日
@imydou 按一下 esc 或者 e 就又出来了
vyse12138
   33
vyse12138  
OP
   2022 年 6 月 1 日
@blankmiss 可以试试在设置里把渲染距离调低一点
sunziren
   34
sunziren  
   2022 年 6 月 2 日
卧槽?大佬
tediorelee
   35
tediorelee  
   2022 年 6 月 2 日
好强
v2eb
   36
v2eb  
   2022 年 6 月 2 日 via Android
好像跳起来不能放置方块
LostTeemo
   37
LostTeemo  
   2022 年 6 月 3 日 via Android
我怎么觉得前段时间我玩过官方的网页 MC
xiadengmaX1
   38
xiadengmaX1  
   2022 年 6 月 3 日
太强了
utre938722
   39
utre938722  
   2022 年 6 月 5 日
牛批
爱意满满的作品展示区。
© 2026 V2EX · 69ms · 3.9.8.5