以上是关于我做的 3D Cyberpunk 游戏的 DEMO 演示，如果大家感兴趣，可以关注我的油管频道，我打算抽时间做一系列入门视频教程，从体素建模到 blender 制作角色动画，再到 webgl 渲染成游戏 demo 。
碎碎念：
其实从大约 2 年前，我就开始学习制作 webgl 游戏了，本来是想成为一个独立开发者开发一款成品游戏，包括 2D 游戏和 3D 游戏都有尝试，2D 使用纯 JS+CSS 手撸，3D 使用了 Three.js 来渲染，也算取得了一点点成效吧。但是制作过程中发现开发一个完整的游戏并且足够好玩，需要的东西太多了，比如各种动画，各种模型，战斗系统，数值等等。而自己也有本职工作，利用闲暇时间开发进度太慢了，索性就只能一点点的推进。
最近忽然产生了一个想法，就是把自己学到的东西做成一系列视频，记录一下学习的历程，同时也能让一些对此感兴趣但不知从何入手的朋友一起加入进来。于是开通了 u2b 账号，并有了上面的第一个视频。
以下是我开发过的一些 DEMO 图片演示（视频里有更多）
)
)
43 条回复 • 2024-12-26 13:43:50 +08:00
 |
1
meilicat 2024 年 12 月 25 日
想看
|
 |
2
kreviazukzhou 2024 年 12 月 25 日
想看+1
|
 |
3
murmur 2024 年 12 月 25 日
webgl 还是做微信小游戏比较多，稍微大一点的就 unity 、unreal 、cocos ，然后翻译成 h5 了
|
 |
4
wangtian2020 2024 年 12 月 25 日  2
游戏好不好玩主要跟玩法有关.
这几天 steam 比较火的《 Get To Work 》建模非常简陋，但是给人的感觉就是非常好玩。 技术上不是问题，个人开发者技术路线选用不关键，《杀戮尖塔》 java 屎山不是照样一代经典。 主要是我没啥想法，不然也去做游戏了。 2025 年了，确定不换 WebGPU ？ |
 |
5
johnnyNg 2024 年 12 月 25 日
@wangtian2020 +1 ， 更想学习 webgpu
|
 |
6
Kakarrot 2024 年 12 月 25 日
泰拉瑞亚！
|
 |
7
balabalaguguji 2024 年 12 月 25 日
看上去真不错呀，虽然我用不到，但是我想你会帮到很多人
|
 |
9
Azone 2024 年 12 月 25 日
666
|
 |
10
ccpp132 2024 年 12 月 25 日
@wangtian2020 杀戮尖塔 unity 做的，哪来的 java
|
 |
11
zuosiruan 2024 年 12 月 25 日
想看 可以扫个码请大佬喝咖啡
|
 |
12
jamfer OP @wangtian2020 大佬说得对，游戏好不好玩主要还是看创作者的创意（当然也需要一点运气），技术确实不是关键问题，我个人选择 web 主要是因为自己是 web 开发者，单纯个人兴趣哈。webGPU 确实是一个好选择，不过我也还在学习阶段，不敢误人子弟哈，我想做的视频主要还是面向入门人群（所以选择体素这种最简单的建模方式）
|
 |
13
guanzhangzhang 2024 年 12 月 25 日
666666
|
 |
14
ssshooter 2024 年 12 月 25 日
很有兴趣，甚至想跟楼主学习
|
 |
16
jydeng 2024 年 12 月 25 日
关注一波
|
 |
17
581996 2024 年 12 月 25 日
可以哎 感觉挺不错的
|
 |
18
shui14 2024 年 12 月 25 日
你这个很眼熟，好多地方见过
今天做营销类的小页面，直接上 r3f ，大部分现成的模块，不用从头搞，而且营销类的游戏页面都是短周期快速迭代的，但是这个非常讲究设计，而且只有大厂才有需求 如果纯粹做游戏的话，要么 godot 或者玩新鲜的 bevy ，webgl 做做动画交互还行，油管上有很多猛人，比如 wawa sensei ，这哥们创意非常好，在日本的法国人，眼睁睁看着它的频道从零做起来的 |
 |
19
surrenal 2024 年 12 月 25 日
3D Cyberpunk 游戏的 DEMO 演示 这个是不是被每日 github 类似的项目采集过
好像我之前见过，玩了下很多房子实际上是进不去的 |
 |
20
whhhhhh 2024 年 12 月 25 日
想看+1
|
 |
22
carpeDiemJll 2024 年 12 月 25 日
+1 看看
|
 |
23
lianhuayu420 2024 年 12 月 25 日
坐等 😊
|
 |
24
justtokankan 2024 年 12 月 25 日
这么像 rblx 风格啊
|
 |
25
coolcoffee 2024 年 12 月 25 日
同期待中，我想看下 threejs 中如何编排项目架构来方便维护和测试。
threejs 觉得相比 unity 差很多的原因就是针对复杂的场景没有一个可视化编辑器，先用 unity 再用 threejs 就像从现代计算机社会回到了原始石器时代。 |
 |
26
jikun 2024 年 12 月 25 日
webgpu 也加上吧
|
 |
27
badbye 2024 年 12 月 25 日
WebGPU 实时光追美少女[https://zhuanlan.zhihu.com/p/407191699]
|
 |
28
danniblues 2024 年 12 月 25 日
坐等 😊
|
 |
29
qianyeyixi 2024 年 12 月 25 日
坐等 😊
|
 |
30
foufoufm 2024 年 12 月 25 日
确实有意思，可能我用不到，但是也要支持一下。
|
 |
31
Jsonz 2024 年 12 月 25 日
看起来超酷，用不到但感兴趣（等太久估计就忘记这个事了
|
 |
32
leehome 2024 年 12 月 25 日
还是 Unity 吧
|
 |
33
9ki 2024 年 12 月 25 日
年中研究了一下, 感觉 three.js 太不方便了, 恰逢 unity 免费... 索性研究 unity 去了, 当然技术文章不嫌多, 支持楼主写教程
|
 |
34
bboring 2024 年 12 月 25 日
教程出来了 踢我一下 谢谢~
|
 |
35
lee88688 2024 年 12 月 25 日
关于 webgl 相关的教材 op 考虑做吗，我发现这部分还比较少呢。
|
 |
36
7gugu 2024 年 12 月 25 日
正经的游戏开发引擎已经能够把 WebGL 的问题给处理好了，不一定要完全手撸 WebGL 的部分。
|
 |
37
zhuang0718 2024 年 12 月 25 日
出教程吧 挺想学的
|
 |
38
oblax 2024 年 12 月 26 日
支持
|
 |
39
Qingyangwanxi 2024 年 12 月 26 日
+1 支持
|
 |
40
john46 2024 年 12 月 26 日
已收藏
|
 |
41
softlight 2024 年 12 月 26 日
+1
|
 |
42
yuptyy 2024 年 12 月 26 日
+1
|
 |
43
eastxie 2024 年 12 月 26 日
想看+1
|