上一次发游戏 demo 已经是一个月之前了。那时候素材模型还都是从商城购买的,经过自己二创使用在游戏里,但是开发过程中暴露出一个巨大的问题,就是很多素材不符合需求,要重新做难度有点大,索性干脆全部重构了。

这次几乎所有模型(建筑+角色)都是自己制作的,采用了 sandbox 那种体素风格(降低制作门槛,玩家也可以参与创作),光搭建场景就花了很多时间,中间对模型反复修修补补,挺费功夫,好在目前成品还算比较满意。目前游戏可以完全兼容 sandbox 的 voxedit 编辑器,以及多种体素模型(按照一定标准)。

游戏类型是模拟经营类,有点类似多人在线的模拟人生,每个人都可以在游戏中置地,建房,装修,装扮自己,购买载具等等,还有很多内置对战游戏(射击、竞速、跑酷等)可以供玩家之间竞技。

照例放出一个演示 demo ( demo 只能跑酷,仅展示部分场景,WASD 移动,鼠标左键调整视角):
o.jamfer.com/8.html

PS:demo 中放置了共计 6 个小彩蛋,不知道大家能否找齐(大部分很好找)
大家可以反馈一下 demo 卡不卡,如果卡,麻烦告知一下你的电脑配置以及所用浏览器。

============================================

2 个月前刚开始学习制作游戏,本来只是图一乐,想学习一些感兴趣的东西,做到现在,是真的想把这个产品做出来。但是一个人做策划,建模,动画,代码等等所有事情,进度确实太慢了。所以希望招募一些小伙伴一同创作。

如果你对 three.js 和 webgl 非常熟悉或者擅长画各种 voxel 模型,欢迎联系我,我有一些小模块可以外包给你,当然,是付费的!!!如果合作愉快,我们可以长期合作。

我的联系方式:企鹅 368 一七 82

这 demo 看着很 gamefi 啊

👍

这画风让我想起了 sandbox

cool

又来了

所以你是用 sandbox 的工具链来搞得?能导出吗?

不是,只是兼容了 voxedit 而已,我自己做模型用的是 magicavoxel

好玩

资瓷

加一个元宇宙概念可以捞金了。

很流畅。

支持下

想问下大佬,技术栈都是啥,我也想学习下

不是大佬,我也才学没久,技术栈只有 webgl 。如果算上建模的话,那还需要用到 blender 之类的软件

后面会发币不

1.html 到 10.html 都看了下,挺有意思的,好玩~

绝不!

支持,大佬怎么学 webgl 和建模,求分享🤣

寺作 是啥意思?

最近也在学 threejs/babylonjs/glsl/blender ,希望交流一下经验

反馈一下,按住 Ctrl 放大时,到达某个阈值时摄像头内人物消失

嗯,故意做成这样的,就变成第一人称了

newbility

可以穿墙,不错

很流畅!牛!

很酷啊

没碰撞检测啊,这测出来性能也没什么意义

穿墙

"绝不!"

加个 NTF 对游戏本身游戏性影响不大。有了币的加持,你就可以轻松买车买房买豪宅,迎娶白富美。

钱多点又不是什么坏事。

太 cool 了

为啥不用 Unity 这种而是 threejs ?

上次楼主提到过,同时用 unity 开发的。

说是 threejs ,但我看 deme 页面里同时下载了 wasm 。也就是说,楼主的演示是可以不限制语言的。

用 wasm 开发潜力巨大,unreal 都能运行。

上次看过一眼, 忍不住说一句: 为啥角色还在穿模和浮空? 能先把 character control 这种主要逻辑整好么?
如果你游戏要联网, 并且角色有类 ACT 互动的话, 联机版的 character control 工作量会有好几倍...

感谢大佬的评论,这方面其实我早就用官方提出的方案搞定了(加载 Octree 和 Capsule )。但是我一直想优化一下,做成射线检测。所以就一直没有实装。

大佬你又来了,欢迎:)

期待大佬的游戏

很酷炫~

大佬谦虚了,看了 1-10html 。两个月搞成这个样子太牛逼了。blender 建模-magicavoxel 渲染 是这个流程吗

不是的,是用 mv 做模型,然后用 blender 做一些细微调整和模型压缩转换格式,最终用 webgl 渲染。

Octree + Capsule 才是 character 碰撞检测正确的做法吧
为啥你要"优化"成射线检测? 你射线射出去难道不也是在全局的 Octree/BSPtree 里面穿行么?
没玩过 three.js, 看来碰撞检测机制还不是很高级,还需要知道 Octree/BSPtree 这类底层概念.
character 是个人物就应该用 Capsule; character 是一发子弹的话, 可以用射线 :D

#43
three.js 本体只有绘图的部份
碰撞检测机制可以说不存在没错= =
example/demo 是有提供一些常用的计算函数
但都不是直接照搬就能用....

那 three.js 是优点弱啊

那 three.js 是有点弱啊