如何用 GLM-Zero 制作炫酷的动态雪花和太阳系动画？

为什么选择 GLM-Zero？

你是否好奇，如何用代码创造出动态的雪花和太阳系动画？ 智谱推出的深度推理模型 GLM-Zero 预览版，为我们提供了一个全新的可能性。它不仅能生成文字，还能理解并生成 SVG (可缩放矢量图形) 代码，让我们轻松实现各种动态可视化效果。 相比官方宣传擅长数学的 GLM 模型，GLM-Zero 在信息可视化方面表现更为出色，主要体现在以下两点：

1. 输出文本足够长：能够生成三万多个字符，足以承载丰富的信息，并生成复杂的 SVG 代码。
2. 完整的代码输出和迭代：在思考过程中，会完整输出全部代码并进行迭代，确保最终效果的呈现（而 o1 模型不会这样）。

如何使用 GLM-Zero 生成动态雪花？

1. 使用 Prompt 指令

首先，你需要向 GLM-Zero 提供清晰的指令。例如，我使用的 Prompt 是这样的：

绘制一个 SVG 飘雪动画：

1. 背景 – 使用给定图片作为底图 – 通过 image 标签引入
2. 雪花效果 – 白色圆点(r=1.5)表示雪花 – 10-15个雪花同时飘落，从左到右散落 – 每个雪花需要有：
   • 从 SVG 外进入(y=-10~-50)，均匀散落（x=0~400）
   • 淡入淡出效果(opacity: 0 -> 0.8 -> 0)
   • 随机的开始时间(0-2.5s不等)
   • 不同的下落速度(3.5-5.5s一个周期)
   • 随机的水平偏移(25-60px)
   • 使用独立 ，不要使用

每组示例：

html

1. 动画实现要点
   • 使用 animateMotion 设置运动路径
   • 通过不同的 begin 时间错开雪花出现时机
   • 运动路径从顶部到底部(400px距离)

2. GLM-Zero 的输出结果

GLM-Zero 会根据你的 Prompt 生成相应的 SVG 代码。这段代码会包含一个占位的图片地址，你需要将其替换为你自己的图片地址。例如：

html

<

svg viewBox=”0 0 400 400″ xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink”>










<animate