L'arrière-plan animé "Flat Surface Shader (FSS)" a été écrit en JavaScript par Matthew Wagerfield et Tobias van Schneider pour rendre les Triangles éclairés dans plusieurs contextes. Fondamentalement, cet outil prend la géométrie, la lumière et les triangles et le transforme en quelque chose d'amusant, excitant et beau que tout le monde peut utiliser. Avec ce Shader surface plane, les triangles sont rendus dans trois contextes différents (WebGL, Canvas 2D et SVG).
Vous pouvez voir la démonstration des développeurs ici ou un exemple original d'utilisation ici Flat Surface Shader Earth
De mon côté, je rends l'animation FSS à l'aide d'un support de Canvas. Vous pouvez choisir entre 7 presets de couleurs ou vous pouvez configurer le Canvas vous-même.
Pour Gantry 5.5, template Hydrogen.
Pour d'autres templates, dezipper le fichier et faire une installation manuelle
N'oubliez pas d'ajouter ces 2 lignes
@import 'dependencies';
@import 'etl_particle-fss';
dans votre fichier de CSS personnalisées custom.scss (/templates/g5_hydrogen/custom/scss/custom.scss)
ou de créer ce fichier et d'y insérer ces 2 lignes avec l'aide de votre éditeur de texte (/templates/g5_hydrogen/custom/scss/custom.scss)
Voir DémoLes particules en Anglais ou en Français sont techniquement identiques: Seule, l'interface de la particule a été traduite (fichier yalm). Les fichiers twig et scss sont eux similaires.
Nouveau : la version française de l'interface de la particule est maintenant incluse dans le package. Installez la dernière version de la particule via l'administration Joomla.
Après l'installation, dans votre répertoire "/templates/g5_hydrogen/custom/particles"
renommer le fichier "etl_particle-fss.yaml" en "etl_particle-fss_EN.yaml"
renommer le fichier "etl_particle-fss_FR.yaml" en "etl_particle-fss.yaml"
Attention : Si vous utilisez une ancienne version française, vous aurez 2 versions de cette particule après l'installation de la nouvelle version.
Dans ce cas, vous devez recréer les particule avec cette nouvelle version.
Avant de supprimer les particules de l'ancienne version, gérez d'abord les copies nécessaires des anciennes particules vers les nouvelles particules.
Désinstallez ensuite l'ancienne version de la particule de Joomla (utilisation du gestionnaire d'extensions Joomla).
Je recommande de réinstaller la nouvelle version juste après ce processus de suppression.
Les particules en Anglais ou en Français sont techniquement identiques: Seule, l'interface de la particule a été traduite (fichier yalm). Les fichiers twig et scss sont eux similaires.
- UNZIP the file on your computer.
- You will find some directories (particles, scss, js, images)
- Copy the directories (including files) to
root/templates/TEMPLATE_DIR/custom/
via your FTP client (like FileZilla)