如果你曾试图使用AI生成2D游戏资源，你也知道是什么样的噩梦。你会让AI为你生成一个新的资源，并且你的心在嘱托、开启机制，并且祈祷。当你要求微小的调整，比如说把一把剑让它变长几像素时，AI会让你幻想、改变整体艺术风格，或者给你一个虚假的检测板“透明”背景，然后说是这里给你了，并带来一个微笑。

TL;DR

我厌倦了被黑箱图像生成器剥夺创造力，就像我建立了一个完全不同的工作流程：GenStudios。该工作流程不再生成静态的.png文件，而是使用一个定制的LM Gem来生成纯粹的JavaScript和HTML5 Canvas代码。它不生成图像，它生成的准确的数学坐标、贝塞尔曲线和渲染逻辑，这些是绘制您的资源的实时逻辑。原因在于，AI比图像理解起来更加高效。

这将如何显著地改变你如何用AI开发游戏，无论你是初学者还是老手。

初学者：绕过AI赌场

你不需要知道如何编程就可以使用该工具，因为输出是代码，避免了最大AI瓶颈：

• 无更多的幻觉：该工具基于严格的结构性参考和模板，不会猜测一个角色应该看起来像什么；它对特定风格（如扁平向量或像素艺术）进行了数学关联。

• 真实透明度：因为它使用了Canvas渲染，背景是本质地空的。没有再使用假的检测板。

• 立即编辑，不需要重新掷硬币：如果AI让剑太短，你不需要浪费.credit重新生成整个提示。打开文本文件，找到swordLength：50，然后将其更改为80。你恢复了控制。

数学基于运动学和零膨胀

对于高级开发人员，这个工作流程改变了AI从“概念艺术”的新奇好处变成了高度优化的生产管道。

• 过程性动画：你并不要求AI生成8帧的精灵集。您要问它生成一个更新循环。当您为人物头部的自然风物理学应用Math.sin()时，或者当您使用Ease-Out-Elastic函数为剑挥击添加实际的物理重量时，它会产生实际效果。

• 无限可伸缩性：它是数学，不是像素。它看起来在1080p或4K上都有精确到位的分辨率。

• 状态机：您可以要求Gem直接在资产中写入单击驱动的状态机，从而允许交互式生成的UI层或动态字符状态，直到您将其添加到引擎之前。

现实检查：这是一个协作伙伴，而不是一个完成按钮

我必须非常坦率地讲：这个工具并不是一个完美，点击魔豆的按钮。

如果你认为这个工具会把0的努力发挥出满意的AAA等级资源，绝对会失望。这个工作流程是设计为合作伙伴，而不是完成按钮。在几分钟内，它让你实现了完成90%，但是，这样做让你能够手动完善精确的顶点、颜色和数学以达到完成的效果。

为了帮助你，我已经建立了一个全面指南（以及一个专业课程）。它解释了AI的能力在哪里停止，并解释了作为开发人员开始什么的界限，范围从提示公式到将这些Canvas脚本与Unity、Godot或原生web引擎整合在一起的详细信息。

在你的浏览器中尝试

我已经设置了几个免费的交互式展示以运行原始代码，让你看到这个工作流程有多强大（无需下载或任何设置）。

• [2D 骑士展示] - 特征静态物理，运动物理和阻塞动画。

• [女性角色对话系统] - 特征自然风物理个人的头发环，小数贝塞尔曲线手腕动画和完全生成的UI对话树。

• [空间游戏资产包] - 展示就从几条提示中开始的原始的未经打磨的输出，突出了你如何快速对主题包进行迭代的速度。

我建立了这个工具来为自己的项目使用，而我也想对其他人提供快速生成质量资产的方法，并且不放弃个人的触摸。让我知道你想试哪个，你有任何关于将HTML5 Canvas资产放入你的特定引擎的问题。