Écran de démarrage Discourse avec des images SVG personnalisées

Très reptilien !

Ajoutez-en un tourné d’environ 60 degrés dans le sens antihoraire, 180 degrés autour de l’axe y, et vous aurez les yeux d’un ressuscité
Ajoutez une image miroir qui a été tournée autour de l’axe y pour obtenir deux images (yeux)

Allez Discourse un rex
oui, je n’arrive pas à me le sortir de la tête et j’ai vraiment besoin de sortir plus

2 « J'aime »

J’ai mis un chargeur de monocycle ici ! https://unicyclist.com
Génial !

L’animation originale était de moi avec CSS uniquement, et j’ai demandé à Gemini de la « convertir » (pour ainsi dire) en SVG.

8 « J'aime »

Sur l’écran de chargement de https://unicyclist.com , la barre de chargement semble s’étendre au-delà de l’arrière-plan.

1 « J'aime »

Merci. Un utilisateur a signalé ceci. Il y avait quelques bizarreries SVG (?) qui faisaient que l’image apparaissait… bizarre lorsqu’elle était téléchargée dans une publication, mais pas sur l’écran de chargement.

Par exemple, cette ancienne version :

Semble complètement cassée ici, même lorsque nous cliquons dessus (elle affiche une double barre de chargement…).
Mais elle semble correcte lorsqu’elle est utilisée comme écran de démarrage.

J’ai demandé sans réfléchir à Gemini de « la corriger », ce qui a créé le SVG que j’ai posté et qui semble OK, mais apparemment certains utilisateurs ont un problème concernant la barre de progression. Je suppose que c’est ce que vous voyez :

Je n’ai aucun problème sur Windows Chrome/Firefox ou Android/Chrome.

Je ne sais pas s’il existe un quelconque lien entre Discourse et ces problèmes.

Donc, pour rester dans le sujet, en dehors des animations non-CSS, y a-t-il des choses à savoir lorsque nous voulons utiliser un SVG animé pour un écran de démarrage ?

2 « J'aime »

J’utilise des clipPaths dans mes SVG pour empêcher les éléments de déborder.
Peut-être qu’instruire Gemini de la manière suivante serait efficace :

La barre de chargement dans ce SVG dépasse l'arrière-plan. Veuillez la modifier pour qu'elle reste dans les limites de l'arrière-plan en utilisant un clipPath.
4 « J'aime »

Merci beaucoup pour la fonctionnalité, j’ai aussi essayé, je ne suis pas encore entièrement satisfait mais je suis en train de corriger :smiley:

8 « J'aime »