Skip to content

248. 综合实战:开放世界(开发流程总结)

Published:

这节总结下我们做这个开放世界的过程。

部署上去了:

https://quarkgluonplasma.github.io/threejs-open-world/

首先我们画了开放世界的 ui:

2025-11-30 20.15.45.gif

包含一个人物模型、几个立方体和四面墙,这时候还没有物理效果。

然后我们实现了人物行走的控制:

2025-12-07 17.51.05.gif

就是骨骼动画的播放,加上位置的移动。

之后加入了 cannon 来做物理效果:

2025-12-07 21.20.16.gif

这样就不会穿墙了。

然后做了跳跃能力:

2025-12-07 22.20.44.gif

2025-12-07 22.22.49.gif

之后用斜面实现了上楼梯的物理效果:

2025-12-14 18.05.44.gif

2025-12-14 18.28.08.gif

然后加在了一个车的模型,并且做了视角切换:

2025-12-20 18.04.06.gif

之后又做了车辆行驶的控制:

2025-12-20 18.22.02.gif

实际上和控制人一样,只不过速度上有点差别。

然后加上了上车、下车的过程:

2025-12-20 19.13.38.gif

上车后人物消失,下车后出现在车左边。

后面又画了飞机:

2025-12-28 22.05.08.gif

实现了上下飞机。

以及开飞机的功能:

2026-01-03 00.27.25.gif

2026-01-03 00.42.18.gif

然后画了一间房子,加上了物理效果:

2026-01-03 21.00.05.gif

然后画了一张桌子,加上了屏幕:

2026-01-11 21.49.51.gif

之后实现了打电脑的功能:

2026-01-11 23.30.18.gif

之后又加上了门:

2026-01-18 21.25.25.gif

2026-01-18 21.27.35.gif

可以推动开门、关门。

这样,我们的物理世界就完成了。

整体还是挺丰富的,你可以添加更多的元素,然后加上相应的物理效果,原理都是一样的。

评论