如何使用Gemini 3.8 Flash Extended制作可爱的2D模型

除了提示词之外，你还需要指定想要的模型类型，并提供一张参考图片。我的游戏使用的是俯视图，这是我的USS弗莱彻号，我觉得效果很棒。实际上，我已经成功制作了好几个模型了。

事实上，我希望能建立一个社区项目，如果有人感兴趣的话——制作二战海军/战场风格的2D模型。如果你觉得这个主意不错，可以给我发私信；如果没兴趣，我会自己慢慢继续做。

总之，祝愉快！

提示词：
（你必须向Gemini添加一个主体和一张参考图片）

我附上了一张[插入主体，例如：宇宙飞船、汽车、吉他]的参考图片。请编写一个单一的HTML/JS文件，使用HTML5 Canvas 2D API渲染出一个高精度的程序化2D模型。

技术及渲染要求：

- 零外部资源：不得使用<img>标签、外部资源或SVG文件。整个模型必须完全使用Canvas API的路径、形状和曲线以编程方式绘制。
- 自适应画布：创建一个全屏布局，带有中性工作室背景。画布必须清晰地处理高DPI显示，并自动将模型缩放到适合屏幕85%大小，且在窗口调整大小时完美居中。
- 类结构：将绘图逻辑封装在一个JavaScript类中（例如：ProceduralModel）。
- 规范化坐标系：不要硬编码绝对像素位置。使用规范化坐标系（从0.0到1.0）来表示主体的长度和宽度。将所有组件、曲线和细节绘制为总长/宽的百分比，以确保模型在任何比例下都保持精确的比例。
- 分层与深度：将绘制顺序分解为逻辑层（例如：下部附属物、主体、上部细节）。
- 光照与纹理：从所附参考图片中采样颜色。使用多级线性与径向CanvasGradient对象来模拟3D体积、金属/哑光纹理和环境光遮蔽。