行业动态
x.com ·
@berryxia
开发者用 Tripo 文生 3D 资产在浏览器里做出 F1 摩纳哥赛道 demo
一条 X 帖子转述开发者 @servasyy_ai 的项目：他用 Tripo Smart Mesh P2.0 文生 3D 生成赛车、技师、看台、游艇等资产，赛车模型约 5 万三角面且直接输出四边形拓扑，无需重拓扑即可导入引擎，人物自动绑定骨骼并选用 Mixamo 预设动作；随后导出到 Three.js，通过着色器换色让 20 辆车共用同一份几何与贴图，并用实例化、减面版本、视锥与距离裁剪控制性能，玩法部分实现驾驶手感、排名、进站换胎与领奖台。作者强调代码工具 Astra 只能让车跑起来，3D 画面质量取决于模型，并称目前仍是持续打磨的 demo，从生成模型到跑完一场比赛的流程已走通。
AI推荐理由 这是一条转述他人（@servasyy_ai）开发经验的 X 帖子，正文给出了较具体的 AI 3D 资产工作流：用 Tripo Smart Mesh P2.0 文生 3D 生成赛车/技师等资产（约 5 万三角面、四边形拓扑、免重拓扑）、自动骨骼绑定与 Mixamo 动作、导出到 Three.js 后用着色器换色复用几何贴图、实例化与视锥裁剪优化性能，并明确说明代码工具 Astra 本身无法保证 3D 效果、模型质量才是关键。这些细节对 AI 生成 3D 资产与浏览器游戏开发有参考价值，且作者自述仍是持续打磨的 demo，未声称已商用或已验证效果。局限在于：内容为个人项目自述，无第三方复现或性能数据，互动量未提供，不能据此判断工具可靠性；帖子本身是转发加感叹，信息密度低于原帖。
72
正文
我擦，牛逼，这换做以前想都不敢想，自己可以做赛车游戏了啊！
这个3D效果还原度和细节真不错啊~
huangserva
@servasyy_ai
感谢 AI，让我圆了 20 多年的 F1 游戏梦！
摩纳哥赛道，我看了20多年，这次20 辆车同屏，发卡弯、隧道、游艇全部都在，就在浏览器里跑。我自己做的，自己玩着都满意。
起点大直道一脚油门下去，全 F1 日历最慢的发卡弯要把方向打到底，钻进隧道再冲出来是最爽的一段，游泳池弯连着两下变向，港口边上停着一排游艇。从第 20 位发车追到 P1，进站换胎 3.6 秒放行，最终冲线上领奖台。
先说清楚：光靠 Astra 写代码，做不出这么好的 3D 效果。
代码能让车跑起来、能算圈速和换胎，但车长什么样、看台和游艇长什么样，全看模型。模型不行，代码写得再顺画面也是塑料感满满。
具体是怎么做的，拆开讲：
第一步，把场景拆成资产清单：赛车、车手、车组、看台、游艇、港口建筑。以前这一步就把我劝退了——每个都得建模，建完还要重拓扑，做过 3D 的都知道，重拓扑人工要磨几个小时。
第二步，资产全部用 Tripo Smart Mesh P2.0 文生 3D。提示词不用写得花哨，把对象、造型、材质说具体就行：赛车的大意是“写实的红色现代方程式赛车，开放轮胎、前后翼、Halo”，技师是“写实全身维修技师，穿赛车工作服、戴头盔”。赛车这个模型约 5 万三角面，出来直接是四边形拓扑，放大看线框全是四边面，不用重拓扑就能直接导进引擎。人物在 Tripo 里自动绑好骨骼，选的 Mixamo 预设，行走、登车这类动作直接文字生成。
第三步，导出接进 Three.js，这里全是代码活。贴图沿用 Tripo 导出的，降了分辨率，车身和轮胎标识用着色器换色——二十辆车共用同一份几何和贴图，只换颜色。换胎用的轮胎是从赛车原网格里拆出来的，UV 和材质保留，单独控制拆装；车组换胎的蹲下、持枪、搬胎、撤离，按换胎时间轴排的，手脚落点用 IK 控制。
性能上：重复的建筑走实例化，外围建筑用减面版本，再加视锥和距离裁剪、像素比上限；沿街建筑保持固定细节，开近了不会突然变形。
第四步，写玩法：驾驶手感、比赛排名、进站换胎、领奖台。模型上省下来的时间，全花在这了。
视频分两段：前半段是 Tripo 工作台里的模型，官方页面和游戏里用的是同一个模型，线框、材质都能对着看；后半段是这些模型进游戏之后的实际运行：港口航拍、座舱视角、隧道超车、维修区换胎。
我最大的感受：资产这一步快了之后，精力全能花在驾驶反馈、比赛节奏和场景细节上，这才是做游戏该花时间的地方。以前玩 F1 游戏的时候，我没想过有一天赛车是我自己生成的。
目前还是个持续打磨的 demo，但从生成模型到跑完一场比赛，这条流程已经走通了。
如果大家感兴趣，我再出一篇详细文章：模型提示词、资产接入、踩过的坑一起拆开讲。你们最想先看哪一部分？
Your browser does not support the video tag.
🔗 View on Twitter
🔗 View Quoted Tweet