AI图鉴

AI图鉴首页 › AI 资讯 › 我用AI做了一款「三国吃鸡」,开局孔明灯,落地青龙刀 !

我用AI做了一款「三国吃鸡」,开局孔明灯,落地青龙刀 !

来源:掘金 · 发布时间:10-12 · 由 AI图鉴每小时自动聚合

大制作大制作啊! 这个标题是 Claude 给我取的,如果按我的风格就是【来玩啊,老弟!三国版吃鸡已发布】 好了,进入正文! 我先说一句 Claude “牛逼 Plus”,三句话把“绝地求生”给做出来

大制作大制作啊!

这个标题是 Claude 给我取的,如果按我的风格就是【来玩啊,老弟!三国版吃鸡已发布】

好了,进入正文!

我先说一句 Claude “牛逼 Plus”,三句话把“绝地求生”给做出来了,像模像样的!

然后又搞了一个晚上,“三国版”吃鸡也能玩了!

由于Tokens有限,建模有点抽象,但是抽象有抽象的乐趣!

我感觉比正版有趣多了!

三国版吃鸡这个创意来自一位群友,我直接让 Claude 帮我落地了。

然后让 Codex 设计了概念图,让 Claude 进行参考建模,核心理念都在了。

但是由于角色、道具、场景等元素实在太多了,优化细节的工作量很大,我的 Pro 套餐实在烧不动了。

我们就先发布一个 V1 版,你们玩 3A 大作绝对玩不出我这个抽象版的乐趣。

话说,给我一个 Max20,我可能真的搞出一个 3A 大作呢!

下面我就完整地介绍一下这个游戏。

一方面是新手入门!

另一方面是看一下 Claude 几个小时内产生的作品,有多大的工作量!

好了,进入正文:

一句话介绍

这个版本就是把网页版「绝地求生」整体换成三国背景:

开局坐孔明灯,乘飞鸢落地,捡刀枪弓弩,骑战马,在火攻缩圈里打到最后一人「一统天下」。

整个游戏是一个约 1 MB 的 HTML 文件,双击就能在浏览器里离线玩。

所有模型、贴图、音乐都由代码生成,没有用任何外部美术素材或音频文件。

一、核心玩法

1. 对局流程(保留吃鸡骨架,全部换皮)

- 一局 50 名玩家:你和 49 位 AI。AI 名字都是三国人物,比如关羽、曹操、孙权、吕布、貂蝉、司马懿等 68 位。

- 击杀播报换成古风说法,例如「张飞 以 丈八蛇矛 斩杀 夏侯惇」「黄忠 以 养由基弓 射杀 甘宁」「某某 葬身火海」「死于箭雨」。

- 若你先阵亡,可以继续观战,最后胜出的 AI 会显示为「一统天下:XX」。

2. 近战系统(三国版的核心乐趣)

经典版是纯枪战。三国版改成「近战为主、弓弩为辅」,模拟对局里近战击杀约占六成。

基本操作

- 左键点按:轻击,可连招;

- 左键按住蓄力、松开:重击;

- 右键:格挡;

- V 键:冲刺突进,向前冲约 4 米,耗体力。

克制三角(像格斗游戏一样有博弈)

- 轻击能打断对方的重击蓄力;

- 重击能破防,打穿格挡;

- 对方轻击刚出手时你举起格挡,就是弹反,让对方硬直、露出破绽。

连招与绝技:每把兵器有自己的连段,最后一下是专属绝技。

- 旋身横扫:整个人转一圈,打一圈的人(环首刀、戟、方天画戟、青龙偃月刀);

- 弓步直刺:前冲长刺,可以穿透一排人(剑、长枪、蛇矛);

- 跃起重劈:跳起来往下砸,破防并击晕(开山斧、铜锤);

- 连捅要害:匕首四连捅,最后一下打要害。

打击感

- 刀光拖尾按兵器上色,例如青龙刀是青绿色,绝技刀光更宽、更久;

- 兵器相撞会溅出火花;

- 命中时画面会顿一下(hit-stop),挨打的人往后仰;

- 屏幕弹出伤害数字:重击黄色、要害红色、背刺粉色;

- 音效分三类:利刃劈砍、长兵穿刺、钝器重击。

盾牌(替代经典版的平底锅)

- 拿单手刀剑时左手持盾;

- 举盾能挡住正面射来的箭,不举盾时也有一定概率挡下;

- 盾背在背上时能挡从背后射来的箭。

3. 弓弩射击

- 弓弩射出的是真实飞行的箭:初速低、下坠大,远射要抬高抛射。

- 准星就是落点:三国版的弓弩准星是靶心样式,靶心位置就是箭的抛物线落点。屏幕上的预测和真实弹道用同一套算法,误差在 1 像素以内。

- 不瞄准时是大环,随散布变大变小;

- 右键开弓时收成小环。

- 箭射中墙会扬起尘土、「笃」一声插在上面,箭尾还会颤动;射中人会插在身上,跟着动作走。

- 插在地上的箭走过去能捡回来。

4. AI 也会「读招」

AI 有一套近战策略:

- 看到你轻击起手就举挡,想弹反你;

- 看到你蓄力就抢先轻击打断;

- 看到你举挡就蓄力破防;

- 体力低了会后撤;

- 弓手被近身会边退边射或换刀;

- 有盾的刀手会举盾顶着箭冲向弓手;

- AI 也会打连招,捡到自己的「招牌兵器」会优先使用,比如关羽捡到青龙刀。

二、角色

20 位武将专属造型

武将都有专属外观,不是换个颜色那么简单。造型有四类:全身甲 / 袍加半身甲 / 袍加罩衣加胸甲 / 文士长袍,再配披膊、冠帽、胡须、披风、颈巾等。

- 吕布、刘备、关羽、诸葛亮、曹操、赵云 6 位按参考图重做,其余套用同类造型换色。

- 长袍下摆分前后左右四片,跟着大腿摆动,走路时腿不会穿出袍子;披风会随跑动速度往后扬。

- 普通士兵按甲的等级换装:皮札甲 → 铁札甲(披膊、甲裙)→ 将军甲(兽面、护胫)。

战马

- 平滑建模:弓形颈、13 簇鬃毛、根粗梢细的马尾;

- 马具:高桥鞍、朱红鞍褥镶金边、辔头红缨、马镫,赤兔配金鞍褥;

- 步态:慢走时对角小跑,加速后切换成奔跑,躯干起伏、脖子和尾巴摆动,蹄声跟着步子;

- 战马被打死不会爆炸:骑手摔下扣血,马侧倒。

三、兵器与道具

14 种兵器

近战 10 种

★ = 传说兵器,只在空投里出。

远程 4 种

- 长弓:单发 70 伤,射程远;

- 臂张弩:单发 95 伤,箭速快,装填慢;

- 诸葛连弩:可连发,每发伤害低(30),近距离压制;

- 养由基弓 ★:传说长弓,96 伤,射程最远。

兵器全部平滑建模,带金吞口、缨穗、枪纂等细节:

- 方天画戟是一大一小双月牙;

- 青龙偃月刀有修长刀身和金龙头吞口;

- 丈八蛇矛是波浪刃;

- 铜锤带 8 道瓜棱。

背包里能直接看到每把兵器的伤害、出手速度、攻距、连击段数和绝技。

物品改名(机制不变,名字全换)

四、场景

地图

同一座岛上的城镇全部改成三国地名:许昌、襄阳、新野、江陵、江夏、汉中、街亭、赤壁、铜雀台、太学、屯田、驿站、大营。

城池

- 最大的两座城(许昌、襄阳)有完整的方城墙、四角箭楼和城门楼;

- 城楼分两层:一层是朱柱回廊加栏杆,腰檐平座外挑一圈,二层楼阁带格栅窗,屋顶起翘;

- 两扇朱漆大门敞开,城墙上挂大幅「汉」字旗,垛口每隔 12 米插一面小旗;

- 城门两侧有马道台阶,可以走上城墙。

建筑

- 屋顶是凹曲屋面加出檐,四角起翘,带屋脊和鸱吻;

- 墙体用夯土、青砖、白粉墙,配朱漆木柱和直棂木格窗;

- 民居分白墙木构和带挑台的两层楼;

- 经典版的建筑一一对应换掉:公寓 → 两层砖楼,学校 → 官署,仓库 → 夯土粮仓,机库 → 大殿,加油站 → 茶亭,教堂 → 祠庙。

军营

军营替代了经典版的军事基地:

- 尖桩木栅围成营地,营门是两座木望楼;

- 中间是帅帐:下凹双坡顶、红色垂边、门前凉棚;

- 营内有战鼓台、兵器架、箭靶草人、粮草堆、辎重车。

道具与自然

- 场景道具 17 种以上:木箱、木桶、粮袋、陶罐、草垛、篷车、汉字旗杆、火盆、火把、灯笼柱、拒马、木栅、竹篱笆、摊棚(「市」字布幌)、牌楼(「汉」字匾)、哨塔、院墙;

- 旗面会随风飘,火把和火盆有跳动的火焰;

- 低海拔地区有成片竹林,整体色调偏青绿。

音乐

背景音乐也是用代码实时合成的:

- 古筝:五声音阶拨弦,平时和飞在空中时播放;

- 战鼓:一打起来、或进入决赛圈,古筝淡出、战鼓淡入,气氛立刻紧张起来。

五、技术亮点(开发者关注点)

- 纯网页:Three.js 3D 渲染,打包后是一个约 1 MB 的 HTML 文件,离线双击即玩。

- 零外部素材:人物、盔甲、兵器、战马、建筑、道具全部是代码程序化建模,贴图和音乐也由代码生成。

- 两个模式共用一套引擎:经典版和三国版在菜单里一键切换,三国内容全挂在模式开关后面,经典版完全不受影响。

- AI 对局模拟:可以快进跑完整局 50 人对局来调平衡。近战和远程的击杀占比、毒圈致死率都是这样多局统计后调出来的。

涉及到的东西还是挺多的!

但是建模嘛,确实挺抽象的,来看看这几个人都是谁?

再来猜一猜这匹马叫什么,这个人是谁?

哈哈,我们重点是先把玩法跑通,手感调好,同时尝试完全让 Claude 来建模。

下次用 Codex 生成 3D 设计稿,然后用 Tripo3D 转 3D 模型,再导入游戏试试看,模型效果一好,游戏体验立马就上来了。

我现在先不改,是为了让大家都能玩到原汁原味的 Claude 游戏!

精致的建模千篇一律,我们这个有趣多了!!

以标准 3A 游戏的角度来看肯定很粗糙,但是以 AI 制作的角度来说,确实有点东西了。

整个开发过程中,制作那个射箭的姿势、手的握姿以及重连靶心这一部分消耗了最长的时间。我专门用了一轮对话来做这个事情。

今天大概讲这些,先不说技术细节,游戏已经上传,欢迎一起来“吃鸡”!

我专门搞了一个网站,把我搞出来的、完成度还可以的游戏都上传汇总了!

网页:

如果大家对它的源代码,或者制作细节感兴趣的,也可以留言,我是有计划,好好分析它的过程和代码的!

我主要怕真的开始分析技术,太枯燥,大家不爱看!

爱看的留言点赞吧!

本文由 AI图鉴自动抓取并翻译,版权归原作者所有;如需查看原文请点下方链接。

相关 AI 工具

Lovable

全栈AI编程工具,一句话构建网站应用

iSlide AIPPT

AI一键设计精美PPT,只需一句标题

一点PPT

一句话生成专业PPT,AI自动排版配图

码上飞

一句话生成微信小程序、APP、H5网页

相关免费羊毛

Amazon Bedrock

新用户 $200 AWS 额度

Anakin.ai

每日 30 个免费额度

Anthropic

Claude 免费聊天,API 最高 200K 上下文

OpenCode Zen

免费通用与编程模型网关

同源资讯

你让AI干的活,它可能只干了十分之一——而你根本看不出来

掘金 · 10-12

浅析模型量化的数学原理 — 本文从数学角度完整拆解模型量化(Quantization):它如何把 FP32 浮点

掘金 · 10-12

[Agent Memory / 强化学习] MemPO源码学习笔记 --- (7)--- 混合机制

掘金 · 10-12

LLM 驱动的自动化测试系列(10):自愈定位——当启发式打分撞上语义理解的天花板

掘金 · 10-12

手机端 Agent 怎么动起来:Kotlin 与 Python 之间的桥

掘金 · 10-12

GitHub 11万star:AI拆软件神器保姆级实操教程

掘金 · 10-12

阅读原文(juejin.cn)

标题、摘要与正文均来自该信源的公开页面,版权归原作者所有;本站自动聚合与翻译,仅作出处跳转。

← 返回 AI 资讯列表AI工具图鉴首页

返回 AI图鉴首页 · 提交工具 · 合作与友链 · 关于本站 · 528 款 AI 工具分类导航 · 每日 AI 热门项目与动态