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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 888 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

动图展示

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

目前支持了以下功能:

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

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

GitHub

three

方块

Minecraft

39 条回复 • 2022-06-05 11:40:19 +08:00

imdong

2022-06-01 08:01:10 +08:00 via iPhone

无奈不才，唯有“卧槽”。

huhexian

2022-06-01 08:11:32 +08:00

方块破碎的动画效果有待优化。

UrsulaTucker

2022-06-01 08:13:31 +08:00 via Android

注意 Minecraft 商标和版权问题🌚

ccyu220

2022-06-01 08:14:52 +08:00

太强了

oneisall8955

2022-06-01 08:26:05 +08:00 via Android

膜拜大佬

LinkinLaw

2022-06-01 08:35:01 +08:00 via iPhone

厉害厉害厉害厉害

charlie21

2022-06-01 08:35:15 +08:00 via iPhone

这个不需要用到 webgl ？

vyse12138

2022-06-01 08:40:42 +08:00

@UrsulaTucker woc 有道理, 感谢提醒!

vyse12138

2022-06-01 08:41:44 +08:00

@charlie21 有用到 three.js (一个基于 webgl 封装的渲染库)

vyse12138

2022-06-01 08:42:45 +08:00

@huhexian 这里确实偷懒了, 有尝试了一下原版那个风格, 太难了 :<

steins2628

2022-06-01 08:51:00 +08:00

无限的世界可太强了

kexingfu

2022-06-01 08:58:05 +08:00

比那个 webmc 流畅
https://github.com/michaljaz/webmc

scyuns

2022-06-01 09:02:50 +08:00

太强了点赞

creanme

2022-06-01 09:20:17 +08:00

太强了

liuidetmks

2022-06-01 09:23:12 +08:00

厉害，👍🏻

SenLief

2022-06-01 09:24:04 +08:00

太强了唯有点赞，果然需求引导学习。

hertzry

2022-06-01 09:24:33 +08:00 via Android

试试这个。

https://classic.minecraft.net/

xinyana

2022-06-01 09:24:51 +08:00 via Android

无奈不才，唯有“卧槽”。

HeFengzz

2022-06-01 09:31:17 +08:00

一边乱挖一边乱跳，会突然掉地图下面去。

NeroKamin

2022-06-01 11:20:04 +08:00

太强了

FFFFourwood

2022-06-01 11:30:48 +08:00

6666

PMR

2022-06-01 11:36:55 +08:00

最低 1 层不能挖掉 :doge:

villivateur

2022-06-01 11:57:49 +08:00 via Android

太强了，膜拜

vyse12138

2022-06-01 12:00:31 +08:00

@HeFengzz 感谢发现~ 会努力的 debug 的

vyse12138

2022-06-01 12:02:07 +08:00

@PMR 不会还想挖基岩吧 < . <

kimown

2022-06-01 12:04:58 +08:00

大佬有参考其他的开源 mc 代码吗

imydou

2022-06-01 12:09:22 +08:00

我的鼠标哪去了？

marcojbk

2022-06-01 12:18:01 +08:00

@ArtherMH #31 真乖，摸摸头

blankmiss

2022-06-01 17:12:04 +08:00

卡的不行哈哈哈

xieqiqiang00

2022-06-01 17:15:57 +08:00

总感觉在哪见过

vyse12138

2022-06-01 18:12:09 +08:00

@kimown 代码倒是没怎么参考, 不过有发现类似的项目 (也是 three.js)

vyse12138

2022-06-01 18:12:29 +08:00

@imydou 按一下 esc 或者 e 就又出来了

vyse12138

2022-06-01 18:12:54 +08:00

@blankmiss 可以试试在设置里把渲染距离调低一点

sunziren

2022-06-02 14:35:05 +08:00

卧槽？大佬

tediorelee

2022-06-02 21:19:02 +08:00

好强

v2eb

2022-06-02 22:58:30 +08:00 via Android

好像跳起来不能放置方块

LostTeemo

2022-06-03 08:41:03 +08:00 via Android

我怎么觉得前段时间我玩过官方的网页 MC

xiadengmaX1

2022-06-03 11:00:18 +08:00

太强了

utre938722

2022-06-05 11:40:19 +08:00

牛批