Téléchargement
Espace libre. En toutes lettres ne saurait être tenue pour responsable d'éventuels dysfonctionnements liés à l'utilisation de ces fichiers
Version : 1.1
Fond animé - FSS - Flat Surface Shader

Version:
v1.1 Stable Licence MIT
Dernière mise à jour:
13 mars 2021
Particle Gantry 5Joomla!GravWordpressphp 7
FSS

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, 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émo

Changelog - version 1.1
    • Option Hauteur du Canvas : dans certains cas, Fond animé page complète, vous devez corriger la hauteur du Canvas à 100%

Données Github : information et téléchargement
Nom de la version
Télécharger  (taille)
Nombre de téléchargements 
Date de sortie 
Jours actifs
Version:
v1.11 Licence MIT
Dernière mise à jour:
13 mars 2021

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.

Changelog - version 1.11
    • Fichiers etl_particle-fss-fr.scss renommé etl_particle-fss.scss, etl_particle-fss-fr.html.twig renommé etl_particle-fss.html.twig, etl_particle-fss-fr.yaml renommé etl_particle-fss.yaml

En travaux
Installation manuelle
Gantry 5Joomla
  • 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)

Devenez un client privilégié !

Contact

En Toutes Lettres est une société basée en Essonne (91). Nous sommes toujours présents pour une information complémentaire :

logo gris
  06 29 16 98 38
En toutes lettres
4 rue Antoine Bréguet
91750 CHAMPCUEIL
 

Derniers commentaires