studio-variable/world-game
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

animation rendu plus responsif pour s'assurer qu'une image ne soit jamais trop grand par rapport à .gallery-animation
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
Details

Browse source
This commit is contained in:
antonin gallon 2026-02-05 16:40:40 +01:00
parent c4eb79cb79
commit c4456d587c
19 changed files with 430 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

32
test_anim/index.php
View file

@ -1,7 +1,7 @@
<?php
// Configuration
$mode = 'vertical'; // 'vertical' ou 'horizontal'
$set = 'LEGACY'; // 'LEGACY' ou 'OLLY'
$mode = 'horizontal'; // 'vertical' ou 'horizontal'
$set = 'OLLY'; // 'LEGACY' ou 'OLLY'
$secondsPerImage = 8; // vitesse : secondes pour défiler une image
$imagesSets = [
@ -27,14 +27,26 @@ $images = $imagesSets[$set];
$count = count($images);
$duration = $count * $secondsPerImage; // durée calculée selon le nombre d'images
// Décalage par colonne basé sur le nombre d'images
// Colonnes 1 et 3 vont dans la même direction, donc décalées de 1/2
// Colonne 2 va dans l'autre direction, décalée de 1/4
$columns = [
['offset' => 0, 'delay' => 0],
['offset' => (int)($count / 3), 'delay' => $duration / 4],
['offset' => 0, 'delay' => $duration / 2],
];
// Décalage par colonne/rangée basé sur le nombre d'images
// Colonnes/rangées impaires vont dans la même direction
// Colonnes/rangées paires vont dans l'autre direction
if ($mode === 'horizontal') {
// 5 rangées pour le mode horizontal
$columns = [
['offset' => 0, 'delay' => 0],
['offset' => (int)($count / 5), 'delay' => $duration / 5],
['offset' => (int)(2 * $count / 5),'delay' => 2 * $duration / 5],
['offset' => (int)($count / 5), 'delay' => 3 * $duration / 5],
['offset' => 0, 'delay' => 4 * $duration / 5],
];
} else {
// 3 colonnes pour le mode vertical
$columns = [
['offset' => 0, 'delay' => 0],
['offset' => (int)($count / 3), 'delay' => $duration / 4],
['offset' => 0, 'delay' => $duration / 2],
];
}
function getShiftedImages($images, $offset) {
return array_merge(