Application: créer une tuile de fond dynamique
Bonjour à tous,
Aujourd’hui nous allons utiliser l’algorithme de translation de ma class image pour créer des fonds continus dynamiquement.
Dans le jargon du net, nous avons coutume de les appeler par leur nom anglais: background tile.
Ces petites images répétées en fond de page ou de morceaux de page HTML forment un tapis continu agréable à l’oeil et sont surtout moins lourd qui énorme image mise en fond de page.
Nous pouvons trouver des tutoriaux à foison expliquants les techniques à adopter à l’aide de logiciels photos comme celui-ci ou celui-là.
Et c’est à partir de ceux-ci que j’ai compris que mon algorithme de translation pouvait avoir une utilité: créer des fonds dynamiques et thématiques.
Premier exemple:
Le premier exemple est celui illustré ci-dessus: L’affichage de deux textes en décalage.
Notez que le code ci-dessous vous montre un exemple plus dynamique que simplement mes nom et prénom, ce sera ici la date et l’heure courante qui seront affichées. Libre à vous de changer la variable $txt pour y afficher d’autres contenus dynamiques.
-
span class= »st0″>’image.class.php’"j/m/Y""H:i:s"));
-
-
$box[0] = imagettfbbox (12, 0, ‘./GIF/fonts/verdana.ttf’, $txt[0]);
-
$box[1] = imagettfbbox (12, 0, ‘./GIF/fonts/verdana.ttf’‘./GIF/fonts/verdana.ttf’, $txt[0]);
-
-
-
$image
-
->load(‘algorithmes’)
-
->translation(‘x’, $width/2)
-
->translation(‘y’, $height/2);
-
imagettftext($image->img, 12, 0, $width/4,3*$height/5, $textcolo2, ‘./GIF/fonts/verdana.ttf’
Second exemple:
Nous pouvons également jouer sur des formes et autres images. La seule limite encore une fois c’est celle imposée par notre esprit!
Et comme d’habitude voici le code…