GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Effets de particules en canvas et WebGL v1.0.0
Utilisez cette ressource pour créer un effet de particules animé pour une page web
Nouveau
- 550 téléchargements
- 186 mentions J'aime
- 243 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install particle-effects-canvas-webglSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent construit un effet de particules (confettis, neige, étincelles, constellation, tourbillon) en canvas 2D ou en Three.js pour des milliers de points. Il livre un seul fichier HTML qui s'ouvre dans le navigateur, avec une graine fixe et une image figée à la demande pour contrôler le rendu. Vous obtenez un effet fluide qui respecte la préférence de mouvement réduit.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Utilise
- Un navigateur récent
- Three.js via CDN (effets GPU)
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md traduit en français : forces, champs de flux, émission, grille spatiale, points GPU
- references/particle-recipes.md : systèmes complets de confettis, neige, fumée et constellation
- Une méthode de vérification en trois instants avec captures
Pour qui
- Un fond animé de points reliés pour une page d'accueil
- Une rafale de confettis après un achat ou une inscription
- De la neige ou de la fumée en ambiance sur une page de campagne
Pas pour qui
- Une vidéo de motion design exportée en MP4
- Un moteur de physique complexe pour un jeu
Étiquettes
- particules
- canvas
- webgl
- animation
- confettis
À propos
Vous dites
« Crée un fond de constellation en canvas pour ma page d'accueil, avec des points bleus qui réagissent à la souris. »
Skill publiée par iart-ai sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Une description de l'effet et des couleurs et La page ou le projet où l'intégrer
- Dépendances
- Un navigateur récent et Three.js via CDN (effets GPU)
Comment l'utiliser
- Décrivez l'effet voulu, les couleurs et la page cible
- L'agent produit un fichier HTML unique avec graine fixe
- Ouvrez-le et demandez des ajustements de densité ou de vitesse
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,4 Ko
- references/particle-recipes.md11,1 Ko
- SKILL.md13,2 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- iart-ai
- Source
- github.com/iart-ai/webgl-animation-skills/tree/50697d659fbf70152f48f9f8aadf1efe78bbdde1/skills/particle-system
- Licence
- MIT
Notice
Version modifiée de « particle-system » (iart-ai, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Faut-il installer quelque chose ?
Non, l'effet tient dans un fichier HTML ; Three.js est chargé depuis un CDN seulement pour les particules GPU.
L'effet gêne-t-il les personnes sensibles au mouvement ?
La skill demande de respecter prefers-reduced-motion en réduisant ou en figeant les particules.