Wisdom Spectrum Version o1: Использование GLM-Zero для добавления анимационных эффектов к изображениям

Наступила зима, а у вас дома идет снег?

Неважно, если бы вы не знали, теперь вы знаете...Нажмите здесь

Как это произошло?

Ответ:Через GLM-Zeroэто то, что Smart Spectrum разместил два дня назад. Это похоже на рекламу Smart Spectrum... Я бы хотел попробовать то же самое. Чат DeepSeek "Глубокое мышление".

Я использую Prompt:

### 绘制一个SVG飘雪动画

#### 1. 背景
- 使用给定图片作为底图。
- 通过`<image>`标签引入背景图片。

#### 2. 雪花效果
- **雪花形状**: 白色圆点（`r=1.5`）表示雪花。
- **数量**: 10-15个雪花同时飘落，从左到右散落。
- **动画细节**:
- 雪花从 SVG 外进入（`y=-10~-50`），均匀散落（`x=0~400`）。
- 淡入淡出效果：
- 起始透明度：`opacity: 0`
- 最大透明度：`opacity: 0.8`
- 最终透明度：`opacity: 0`
- 随机的开始时间（`0-2.5s`）。
- 不同的下落速度（`3.5-5.5s`一个周期）。
- 随机的水平偏移（`25-60px`）。
- 使用独立的 `<g>` 元素表示每组雪花，不要使用 `<defs>`。
- **每组示例**：
```html
<g>
<circle cx="50" cy="-10" r="2" fill="white" />
<animateMotion dur="4s" repeatCount="indefinite" path="M50 -10 C55 80,45 150,50 400" />
<animate attributeName="opacity" from="1" to="0" dur="4s" repeatCount="indefinite" />
</g>
```

#### 3. 动画实现要点
- 使用`<animateMotion>`设置运动路径。
- 通过不同的`begin`时间错开雪花出现时机。
- 运动路径从顶部到达底部（400px距离）。

输出<svg>

Затем он сгенерирует svg-эффект с адресом изображения-пустышки:

Замените адрес изображения, и вот оно: https://aisharenet.com/wp-content/uploads/2025/01/4f7a57875d3d62c.png.

В чем принцип?

Публичные сайты и веб-сайты поддерживают удивительный формат SVG, который похож на папку, куда можно складывать изображения, эффекты и т. д. Например, вот "Динамическая демонстрация принципа большой модели".

И для следующего, тоже SVG, обернутого в 2 слоя

Весь код выглядит следующим образом:

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image></image><g><circle cx="50" cy="-10" r="2" fill="white"></circle><animateMotion dur="4s" repeatCount="indefinite" path="M50 -10 C40 60,60 140,50 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4s" repeatCount="indefinite"></animate></g><g><circle cx="100" cy="-20" r="3" fill="white"></circle><animateMotion dur="5s" repeatCount="indefinite" path="M100 -20 C90 80,110 200,100 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="5s" repeatCount="indefinite"></animate></g><g><circle cx="150" cy="-30" r="4" fill="white"></circle><animateMotion dur="3.5s" repeatCount="indefinite" path="M150 -30 C140 50,160 200,150 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="3.5s" repeatCount="indefinite"></animate></g><g><circle cx="200" cy="-40" r="2" fill="white"></circle><animateMotion dur="4.5s" repeatCount="indefinite" path="M200 -40 C190 70,210 200,200 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4.5s" repeatCount="indefinite"></animate></g><g><circle cx="250" cy="-50" r="3" fill="white"></circle><animateMotion dur="5s" repeatCount="indefinite" path="M250 -50 C240 80,260 210,250 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="5s" repeatCount="indefinite"></animate></g><g><circle cx="300" cy="-10" r="4" fill="white"></circle><animateMotion dur="4s" repeatCount="indefinite" path="M300 -10 C290 100,310 220,300 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4s" repeatCount="indefinite"></animate></g><g><circle cx="350" cy="-30" r="3" fill="white"></circle><animateMotion dur="3.8s" repeatCount="indefinite" path="M350 -30 C340 90,360 220,350 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="3.8s" repeatCount="indefinite"></animate></g><g><circle cx="60" cy="-15" r="2" fill="white"></circle><animateMotion dur="4.2s" repeatCount="indefinite" path="M60 -15 C50 80,70 210,60 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4.2s" repeatCount="indefinite"></animate></g><g><circle cx="120" cy="-5" r="4" fill="white"></circle><animateMotion dur="4.5s" repeatCount="indefinite" path="M120 -5 C110 120,130 230,120 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4.5s" repeatCount="indefinite"></animate></g><g><circle cx="180" cy="-40" r="3" fill="white"></circle><animateMotion dur="5s" repeatCount="indefinite" path="M180 -40 C170 80,190 250,180 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="5s" repeatCount="indefinite"></animate></g><g><circle cx="280" cy="-30" r="2" fill="white"></circle><animateMotion dur="4.3s" repeatCount="indefinite" path="M280 -30 C270 50,290 200,280 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="4.3s" repeatCount="indefinite"></animate></g><g><circle cx="330" cy="-50" r="4" fill="white"></circle><animateMotion dur="5.5s" repeatCount="indefinite" path="M330 -50 C320 120,340 220,330 400"></animateMotion><animate attributeName="opacity" values="0.6;0.8;0.2" dur="5.5s" repeatCount="indefinite"></animate></g></svg>

Используйте его следующим образом:

• Сначала скопируйте приведенный выше код
• Откройте публичную страницу редактирования и введите одну строку 1111
• Откройте консоль браузера (нажмите F12 для Windows, Option+Command+I для Mac) и выберите строку 1111
• Вставьте этот код и замените изображение на

Динамические презентации, такие как "Наша солнечная система", также могут быть созданы одним щелчком мыши с помощью GLM-Zero.

Используется следующая подсказка

请帮我创建一个优雅的太阳系运行的 SVG 动画，要注意以下几点：
1. 画布要使用深邃的太空背景，让行星在正中央运行
2. 轨道和距离的处理：
- 从太阳向外，轨道间距要自然递增，不要太密也不要太疏
- 轨道用细线表示，要低调、优雅
- 最内圈行星离太阳大约 60 单位距离，最外圈约 250 单位
3. 行星的表现形式要生动：
- 太阳、地球、土星用对应的 emoji（☀️🌍🪐），让它们成为点睛之笔
- 其他行星用简单的圆点，颜色要符合行星特征（比如火星用#bc6038）
- 行星大小要符合比例，木星最大，水星最小
4. 动画要精致流畅：
- 运行速度要符合物理规律，离太阳越远转得越慢
- 所有动画必须无限循环且平滑，不能有任何跳跃感
- 从内到外大约是 3 秒到 15 秒的周期

Источник оригинального слова для подсказки:Создание карт планетарных траекторий с использованием общих "шаблонов кода", вместо Artifacts/canva

Раскройте больше возможностей с помощью API

В настоящее время веб-версия GLM-Zero все еще имеет некоторые ограничения, такие как максимальный объем ввода в 1000 слов и отсутствие поддержки нескольких последовательных глубоких мыслей.Гораздо больше гибкости, если вы используете API. Документация находится здесь:

https://bigmodel.cn/dev/api/normal-model/glm-zero-preview

Почему GLM-Zero

В отличие от GLM, которая официально рекламируется как хорошая для решения математических задач, я считаю, что эта модель лучше подходит для визуализации информации.

Здесь есть два основных момента:Во-первых, выводимый текст достаточно длинный - более 30 000 символов, что достаточно для того, чтобы нести больше информации.

2:В процессе обдумывания он выведет весь код целиком, а затем выполнит итерацию (o1 этого не делает). Например

(диалект) повторно жениться

Следует также признать, что приведенные выше демонстрации SVG все еще довольно скудны и могут рассматриваться только как исследование, так же как и Середина путешествия Первое издание.

Однако я уверен, что по мере совершенствования возможностей моделирования и продолжения исследований в будущем появятся еще более удивительные визуализации. И для этого я буду продолжать исследовать, документировать и делиться.