色尼姑成人 我,0代码基础小白,20分钟用Claude 3.5 Sonnet作念了一款小游戏|金币|claude

发布日期:2024-10-06 21:13    点击次数:158

色尼姑成人 我,0代码基础小白,20分钟用Claude 3.5 Sonnet作念了一款小游戏|金币|claude

今天只流行一件事色尼姑成人,用 Claude 3.5 Sonnet 来作念游戏。

OpenAI的强敌 Anthropic 再放大招,倏得发布Claude 3.5 Sonnet。

流程「四木相对论」手搓测试,只可说此次Claude真的,又炸裂了。

先作念个科普,Claude3家眷有三个参数目级的模子,折柳是:Claude 3 Opus(大杯)、Claude 3 Sonnet(中杯) 和 Claude 3 Haiku(小杯)。

这一次更新的Claude 3.5 Sonnet,是中杯的升级版,咫尺免费账号能平直使用,付费账号将得到更快速率和更多使用次数。

此次Claude 3.5 Sonnet在多模态、推理、代码才气等方面都有可以的发扬。

(官方数据,Claude 3.5 Sonnet 基本超过了GPT-4o、Gemini 1.5 P

更为惊艳的是,Claude 3.5 Sonnet 还推出了一个叫Artifacts 的功能。

这个功能真的绝绝子!它允许用户在完成输入后,直不雅看到Claude实验推理的斥逐,并平直展示生成的图片、代码等信息。

也便是说, Claude 在模子中植入了一个功能,让用户一眼就能活灵活现地看到我方使用Claude的斥逐。

( Artifacts 右侧区域展示生成的图片信息)

「四木相对论」在第一时代,使用Claude 3.5 Sonnet,纯纯用天然话语(无任何代码)创作了一款「卡通凡人接金币」小游戏。

恶确凿的称得上......炸裂!

一个好意思好又精真金不怕火的开动

当参加新版Claude、或点击右上角用户头像-Feature Preview后,就能大开这个神奇的Artifacts功能。

(参加界面)

这一次,「四木相对论」选定让Claude制作一个访佛“接金币”的游戏。

咱们初度输入的Prompt,是对游戏的基本元素、功令的节略描画。

能看到,"器具东谈主"Claude被条件用代码生成一个卡通东谈主物,并按功令移动东谈主物去接金币。

咱们在Prompt中给Claude挖的“坑”也不少。

比如,允许用户通过键盘上的标的键交互;对元素的尺寸描画使用了相对大小,而不是完全大小;而且对动画的畅通功令和时长也进行了敛迹。

指示发出后,Claude反应速即,在页面左侧展示出刻下进行的拆衔命务,右侧的Artifacts区域会及时展示生成的代码。

仅用了约莫十几秒(好快),Claude就完成了接金币1.0版块的代码,并平直运行在了Artifacts区域。

能看到,这个初版的接金币小游戏的基本功能照旧具备。

「四木相对论」内容测试,卡通形象能够凭证键盘的控制标的键完毕移动,也能接到金币并完毕加分。

(太了!!)

但是这个1.0版块也有着了然于目的问题。

率先是游戏画面较宽。

受限于Artifacts较窄的区域,咱们无法看到跳跃宽度部分的画面,而且当东谈主物向右移动到需要滑动页面才能展示出的区域时,左上角的得分也会滑出画面。

此外,天然从左上角的分数变化可以知谈东谈主物成效接到了金币,但金币并莫得隐没,而是会穿过东谈主物连接畅通。

临了,分数也不是每次加1,而是有+12、+14两种速即变化。

追(事)求(儿)卓(很)越(多)的「四木相对论」何如可能就此罢手!

于是,咱们连接尝试对上述的问题优化,对Claude建议了整整六个优化点。

其中比拟难的是,Claude需要通过对相对位置的描画,增多金币被接到后隐没的逻辑。

这里,咱们的Prompt只写了“当金币模子的下边际搏斗到东谈主物的上边际时,金币隐没,分数增多”。

这意味Claude不仅得准确找到两个元素,还得折柳筹商高下两个边际的位置。

(是不是很像接到雇主需求的牛马)

另外,1.0版块中东谈主物的移动不够平滑,咱们也条件Claude尝试通过“需要使得畅通更为平滑”的指示来在2.0版块中建立。

(2.0优化条件)

指示发出,开动生成代码。

奢睿的Claude,此次还体现出留意的特点——在Artifacts中,它除了暴露优化后的代码,还贴心肠在精明部分标注出此责罚别是在反映哪一个敕令。

(Claude给出精明)

仍然是约莫十几秒的时代,咱们成效得到了接金币游戏的2.0版块。

(优化过的2.0版块)

输入的6条优化指示,一皆都被准确的实验了。

天然,请忽略Claude以为这个诡异的、有着奇怪刘海儿和浅笑的粉红色圆脸,是更“可儿”的形象。

能看到,全国约炮这一版块Claude险些进行了扫数咱们建议的优化:

画面削弱到了Artifacts能暴露完全的区域,并增多了规模线;东谈主物的移动异常平滑;金币的掉落速率更快了;成效完毕金币被接到后隐没的逻辑,隐没的时机完全适合描画。

独一“分数的递加”遭受一个可能是偶发的bug(后续这个问题自动被Claude建立了),也便是当分数递加到14后,下一个分数平直酿成了489。

2.0版块照旧是一个比拟好意思满的小游戏了。

一个0代码基础的小白,能依靠Claude光速作念出这种恶果照旧异常超出预期。

但简略正因一切完毕得太过节略,咱们决定连接进行更为复杂的优化。

但愿能难倒Claude。

开动“封神”

3.0版块,咱们进行了更为复杂的优化逻辑描画。

咱们条件Claude对画面布景进行优化:

折柳生成太空和地盘来填充游戏画面;还对金币的口头进行了敛迹,不再但愿使用一个黄色的纯色圆形;增多了一种掉落物体,除了金币,咫尺还可能会掉下来炸弹,被接到后会进行扣分;增多了分数变化时的动画,不再是只是变更数字。

也便是说,此次Claude接到的任务不仅包括视觉迭代,还要完毕更复杂的游戏逻辑。

这一次,在生成的代码中,Claude我方给炸弹出现的概率增多了界说。

(Claude我方进行概率精明)

这又一次颤抖了咱们。

咱们给定的Prompt其实强劲了这少许,莫得对炸弹和金币折柳出现的概率进行阐发。

而Claude的代码中自动增多了70%出现款币,30%的概率出现炸弹的、一个异常合理的比例。

按照常理推测,淌若用户并未界说概率,增多一种掉落物体后两种物体的掉落数目应该是1:1的。

但似乎Claude“知谈”这个游戏应该何如玩,金币的数目应该高于炸弹的数目,是以它我方设定了一个合理值。

(也便是说,在游戏逻辑上,此次我被Claude击败了......)

再来看Artifacts给出的展示,3.0版块看上去异常好意思满:

卡通形象不再“奇怪”;金币和炸弹会同期掉落;有加分也有减分;分数能够准确筹商;分数的变化也会有相应的动画。

(3.0版块的游戏)

再仔细看这个动画Demo,咱们又有了惊东谈主的发现!!

此次,Claude不仅“颖异”地我方增多了炸弹概率,还“自作东张”对分数加减,给出了两种不同的神色。

而咱们在Prompt中并未阐发,接到金币加分和接到炸弹减分,并使用不同神色动画展示的需求。

但是,Claude给到咱们的恶果,加分使用了绿色的“+1”,减分使用了红色的“-10”。

(它不仅是真的会玩,还真的会教别东谈主玩......)

再难少许,让咱们增多“谈具”这个成见。

4.0版块的优化Prompt中,咱们增多了“护盾”这个谈具,尝试难倒Claude。

(增多护盾条件)

这里,咱们条件除了掉落金币和炸弹外,还可能掉落护盾,让Claude生成一个盾牌口头的图片,并律例了护盾物体的尺寸、畅通速率。

咱们还向它描画了,当玩家接到护盾后,东谈主物需要展示的动画,以及明天10秒即使接到炸弹也不会扣分的“殊效”。

除了护盾的变嫌外,还罕见增多了一次加10分的“大金币”、削弱了大地贴图的尺寸、增多了遮挡太空的白云。

这一次,Claude平直“封神”。

白云、大金币、护盾这些元素,都成效出咫尺了画面中。

而且,它狡计的东谈主物在接到护盾后,临近暴露出一圈蓝色的边。护盾让东谈主物在不服炸弹的同期,也能够平方接到金币加分。

(4.0版块的游戏)

10秒之后,代表护盾的蓝色边框会自动隐没,接到炸弹会平方扣分。

这逻辑,真的是太好意思满了。

终于如故遭受了“bug”

体验过让东谈主惊艳的4.0版块后,咱们如故不自豪。

于是在5.0版块中,Claude被条件增多更为复杂的“手段”成见、给游戏增多一个扫尾景况,以及在每一次运行时保存并筹商历史最高分。

但是没念念到此次输入后,Claude在生成代码到一半时,就报错了。

从给到的指示来看,此次Claude生成的代码太多,照旧跳跃了单次复兴允许的最大长度,是以代码还莫得完全生成完,就中断了任务。

天然,巨匠也可以氪金来解锁......

咱们决定连接斗智斗勇,尝试将好意思满版4.0的代码进行下载,Claude创建并保存了一个.tsx的文献。

接下来,开启新对话,上传代码,删除可能占用代码字数较多的“东谈主物手段”部分的prompt,连接尝试进行5.0的优化。

尽然,在清空了高下文、裁汰了可能的生成代码长度之后,Claude此次好意思满生成了扫数代码。

有真谛的是,尽管删除了“手段”的设定,5.0版块的代码长度也依然很长,导致Claude还没说完阐发的话,就中断了任务。

不外呢,代码部分照旧完成生成了,是以并莫得太大影响。

5.0版块的优化第一次出现了比拟大的偏差。

(5.0版块的的游戏)

推特反差

除了白云成效增多了动画、大地增多了小草(异常小,仔细看能看到地上有3个小杰出)以外,最主要的游戏扫尾逻辑并没能正确生成。

按照预期,当分数降至-30或以下时,游戏应该暂停,画面上暴露出Game Over字样,并同期暴露历史最高分。

但在此次内容生成的demo中,Claude并莫得完毕这一功能,而是清空屏幕、重置分数,平直重新开动了游戏。

咱们尝试通过描画来责罚bug,也便是平直告诉Claude,“刻下版块的代码中,不会暂停游戏,而是将分数清零后,平直重新开动游戏”,同期一并建立那肉眼基本不可见的小草。

Claude先是坐窝默示了歉意,承认“我说的对”,然后又速即改了一版代码。

斥逐,独一小草变大了(天然也不何如像草),游戏扫尾的bug并莫得修好,莫得暂停画面,莫得Game Over,也莫得“重新开动”的按钮。

(它终于出Bug了)

让用户看得见恶果

此次空洞体验下来,天然Claude临了并莫得匡助咱们完毕一皆的念念法,但全体的体验如故让东谈主不由得吟唱,时刻小白终于能够基本丝滑“零门槛”地制作游戏了。

之前,其他妄言语模子也可以凭证描画生成代码,但对莫得任何研发教导的用户来说,好多时候仍不知谈拿到这些代码后应该何如“玩”这个游戏。

而且,用户不可看到运作歹果,也就不知谈这些代码到底有莫得问题,是不是适合预期。

然而,此次使用了更强模子的Claude,通过神奇的Artifacts功能,丝滑责罚了这个问题。

尽管单次输入输出的token数、单轮对话高下文的token数等还存在规模,但就和Suno相似,咫尺的Claude能让用户坐窝看到我方的产品,坐窝优化打磨,确切“玩”起来。

无论是模子才气如故用户体验色尼姑成人,这一次,Claude 3.5 Sonnet赢了。