GLM-5.1: Rumo a tarefas de longo horizonte

GLM-5.1: Rumo a tarefas de longo horizonte


GLM-5.1: Rumo a tarefas de longo horizonte

O modelo mais recente do laboratório chinês de IA Z.ai é um monstro gigante licenciado pelo MIT com parâmetro 754B de 1,51 TB (em Hugging Face) – o mesmo tamanho de sua versão anterior do GLM-5 e compartilhando o mesmo papel.

Está disponível via OpenRouter então pedi para desenhar um pelicano para mim:

llm install llm-openrouter
llm -m openrouter/z-ai/glm-5.1 'Generate an SVG of a pelican on a bicycle'

E algo novo aconteceu… espontaneamente, a modelo decidiu me dar uma página HTML que incluía tanto o SVG quanto um conjunto separado de animações CSS!

O SVG foi excelente e pode ser meu novo favorito em um modelo de peso aberto:

GLM-5.1: Rumo a tarefas de longo horizonte

Mas a animação quebrou:

Animação - as rodas e os pedais giram, as nuvens se movem... e o pelicano desapareceu, mas há uma pequena bolha balançando para cima e para baixo no canto superior esquerdo.

Esse é o pelicano, flutuando no canto superior esquerdo.

Normalmente não faço instruções de acompanhamento para o teste pelicano, mas neste caso abri uma exceção:

llm -c 'the animation is a bit broken, the pelican ends up positioned off the screen at the top right'

GLM 5.1 respondeu:

A questão é que CSS transform animações em elementos SVG substituem o SVG transform atributo usado para posicionamento, fazendo com que o pelicano perca seu posicionamento e voe para o canto superior direito. A correção é separar o posicionamento (atributo SVG) da animação (grupo interno) e usar <animateTransform> para rotações SVG, pois lida corretamente com os sistemas de coordenadas.

E cuspiu HTML novo que resolveu o problema!

Agora está tudo certo - a bicicleta gira corretamente, o pelicano senta nela e balança para cima e para baixo, e seu bico inferior também se move ligeiramente.

Gosto particularmente da animação do bico, que é descrita nos comentários do SVG assim:

<!-- Pouch (lower beak) with wobble -->
<g>
    <path d="M42,-58 Q43,-50 48,-42 Q55,-35 62,-38 Q70,-42 75,-60 L42,-58 Z" fill="url(#pouchGrad)" stroke="#b06008" stroke-width="1" opacity="0.9"/>
    <path d="M48,-50 Q55,-46 60,-52" fill="none" stroke="#c06a08" stroke-width="0.8" opacity="0.6"/>
    <animateTransform attributeName="transform" type="scale"
    values="1,1; 1.03,0.97; 1,1" dur="0.75s" repeatCount="indefinite"
    additive="sum"/>
</g>

Tags: css, svg, ai, generative-ai, llms, pelicano andando de bicicleta, llm-release, ai-in-china, glm



Source link

Postagens Similares

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *