跳到正文
0xHiro· 来源· @HiroDXB · X·· 9 天前AI 评分46
正文 · AI 翻译

我用了不到 72 小时为 @MetropolixIO 构建了整个 3D 探索体验

过去需要设计师、3D 艺术家、游戏开发者和 UI/UX 团队花费数周或数月的东西,现在可以在几天内构建!

只有我,没有其他开发者。我已经有了构建好的 UI,但缺少交互式 3D 世界

以下是我想实现的目标

一个初创公司拥有自己品牌建筑的世界,人们可以探索环境、发现企业并与平台互动

不是又一个带有卡片和链接的扁平目录。一个在浏览器中运行的真正的 3D 体验。挑战在于,网页上的 3D 可能会很快变得非常昂贵

沉重的模型、复杂的纹理、过多的多边形和不必要的效果可能会让体验变慢,尤其是在普通设备上

所以我采用了不同的方法

使用 three.js 直接在浏览器中构建交互式环境,使用低多边形模型以保持几何简单轻量,保持环境模块化,以便建筑、道路、地块和其他元素可以复用,避免不必要的纹理、材质和昂贵的视觉效果,专注于只加载用户需要的内容,而不是以完整细节渲染整个世界,让导航和探索感觉流畅,无需游戏 PC

有趣的部分是,低多边形并不意味着低质量。通过正确的比例、灯光、颜色和构图,你可以构建一个看起来很好的世界,而不需要数百万个多边形或巨大的资产

而 three.js 让你能够直接在浏览器中让那个世界活起来

无需单独安装游戏。无需用户下载专用游戏引擎。只是一个人们可以打开并探索的网站

以下是我从构建 Metropolix 中学到的

你并不总需要一个大型团队来构建视觉上雄心勃勃的东西

一个规划良好的低多边形环境可能比围绕不必要复杂资产构建的世界更容易优化

AI 辅助开发可以大幅缩短从拥有想法到看到它运行之间的时间,尽管架构、测试和迭代仍然重要

性能需要从第一天起就成为设计的一部分,而不是在一切都构建好之后才试图修复

真正的机会不仅仅是构建 3D 模型。而是将它们转化为人们可以在日常设备上访问的有用交互式体验

我仍在改进 Metropolix,还有更多我想构建到其中的内容

但在不到 72 小时内让交互式 3D 体验运行起来,独自完成它,让我看到采用正确方法可以实现多少

如果你正在构建交互式网站、虚拟环境、游戏、产品展示或基于浏览器的体验,我会认真考虑 three.js 和低多边形资产

你可能会惊讶于没有完整的 3D 或游戏设计团队你能构建出什么。🦾

来源:0xHiro · x.com