Wisdom Spectrum Version o1 : Utilisation de GLM-Zero pour ajouter des effets d'animation aux images

L'hiver est là, il neige chez vous ?

Peu importe que vous ne l'ayez pas fait, maintenant vous le faites...Cliquez ici

Comment cela s'est-il produit ?

Réponse :Via GLM-ZeroC'est ce que Smart Spectrum a publié il y a deux jours. On dirait une publicité de Smart Spectrum... J'aimerais essayer la même chose. Chat DeepSeek La "réflexion approfondie".

J'utilise 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>

Il génère ensuite un effet svg avec une adresse d'image fictive :

Remplacez l'adresse de l'image et voilà : https://aisharenet.com/wp-content/uploads/2025/01/4f7a57875d3d62c.png

Quel est le principe ?

Les sites web publics et les sites web prennent en charge un format étonnant appelé SVG, qui est comme un dossier dans lequel vous pouvez regrouper des images, des effets, etc. Par exemple, voici la "Démonstration dynamique du principe du grand modèle".

Et pour le suivant, également en SVG, enveloppé dans 2 couches

Le code complet est le suivant :

<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>

Utilisez-le comme suit :

• Copiez d'abord le code ci-dessus
• Ouvrez la page d'édition publique et tapez une ligne 1111
• Ouvrez la console du navigateur (appuyez sur F12 pour Windows, Option+Command+I pour Mac) et sélectionnez la ligne 1111
• Collez le code et remplacez l'image par l'image

Des présentations dynamiques telles que "Notre système solaire" peuvent également être générées en un clic avec GLM-Zero.

L'invite utilisée est la suivante

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

Source du mot de repère original :Génération de cartes de trajectoires planétaires à l'aide de "modèles de code" génériques, à la place d'Artifacts/canva

En savoir plus avec l'API

Actuellement, la version web de GLM-Zero présente encore quelques contraintes, telles qu'une saisie maximale de 1000 mots et l'absence de prise en charge de plusieurs pensées profondes consécutives.Beaucoup plus flexible si vous utilisez une API. La documentation est ici :

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

Pourquoi GLM-Zero ?

Contrairement au GLM, qui est officiellement annoncé comme étant adapté aux problèmes mathématiques, je pense que ce modèle est mieux adapté à la visualisation d'informations.

Il y a deux points principaux :D'une part, le texte de sortie est suffisamment long - il peut contenir plus de 30 000 caractères, ce qui est suffisant pour transmettre davantage d'informations.

Deux :Au cours du processus de réflexion, le code sera édité dans son intégralité, puis itéré (o1 ne le fait pas).. Par exemple

(dialecte) se remarier

Il faut également admettre que les démonstrations SVG ci-dessus sont encore assez sommaires et ne peuvent être considérées que comme une exploration, tout comme le projet Voyage à mi-parcours La première édition du .

Cependant, je suis persuadé qu'à mesure que les capacités de modélisation s'améliorent et que nous continuons à explorer, des visualisations plus étonnantes verront le jour à l'avenir. Et pour cela, je continuerai à explorer, à documenter et à partager.