Ouvrir le menu principal

MacGeneration

Recherche

Du CSS pour faire de la 3D

Arnaud de la Grandière

mardi 09 février 2010 à 11:58 • 28

Ailleurs

skitched


Parce qu'il n'y a pas que le JavaScript dans la vie, Román Cortés a réussi à tirer d'impressionnants résultats de CSS de niveau 1 et 2.1, et HTML, juste en exploitant leurs fonctions à des fins originales. Il a réalisé quelques démos basées sur son implémentation de displacement maps sans la moindre ligne de JavaScript. Le résultat est assez saisissant : une cannette de coca qui roule sur elle-même avec un effet de simili 3D, la même après écrasage, un prisme semi-transparent qui déforme l'arrière plan vu à travers, un tableau de Van Gogh qui prend vie, un effet de transition "rideaux vénitiens", rien qu'en faisant défiler les ascenseurs de la fenêtre, sans mettre à genoux votre machine, et le tout fonctionne quasiment sur tous les navigateurs (y compris sur l'iPhone, veillez cependant à provoquer le défilement avec deux doigts à l'intérieur de la zone active). On peut trouver de nombreux autres effets assez impressionnants sur le blog de Román Cortés.

skitchedLes displacement maps, souvent utilisées en 3D, sont des images en niveaux de gris qui permettent d'indiquer à un moteur de rendu comment déplacer des pixels localement, sans affecter la géométrie de l'objet sur lequel elles sont appliquées. La méthode permet un rendu plus détaillé sans ajouter de polygones aux modèles, ce qui est plus efficace tant en gestion mémoire qu'en vitesse d'exécution. On s'en sert également pour les objets translucides pour affecter la réfraction de la lumière à travers.

Soutenez MacGeneration sur Tipeee

MacGeneration a besoin de vous

Vous pouvez nous aider en vous abonnant ou en nous laissant un pourboire

Soutenez MacGeneration sur Tipeee

Black Friday présence : le FP2 d’Aqara à 58 € et d’autres produits en promotion

20:50

• 10


Friday Fnac : jusqu’à 240 € offerts sur l’iPhone 17 Pro Max – et un MacBook Air M4 à 899 € (+ chèques-cadeaux)

20:49

• 2


Meilleur antivirus Mac 2026 : Intego casse les prix sur sa suite Premium Bundle X9 pour le Black Friday 📍

19:11

• 0


Après les Crocs Windows XP, voici les Crocs Xbox, pour les vingt ans de la Xbox 360

18:30

• 5


Black Friday : il y a peu de promotions sur le stockage… et pourtant c'est probablement le moment d'acheter

17:15

• 4


Il y a forcément un écran qui vous correspond : les meilleures offres BenQ du Black Friday 📍

16:55

• 0


Amazon annonce que Leo (ex Kuiper), son concurrent de Starlink, va atteindre 1 Gb/s

16:15

• 8


Black Friday : des promotions sur les stations d'accueil et hub pour Mac mini M4 (dont une en forme de Mac Pro)

15:15

• 7


Black Friday : Ubiquiti réduit le prix de plusieurs produits et offre les frais de port

12:52

• 4


Apple a supprimé la série Traqués (The Hunt) car ce serait un plagiat

12:50

• 102


Les PC ARM posent autant de soucis à Linux que les Mac Apple Silicon

11:40

• 41


Imagen, le logiciel d'édition photo par IA, offre 50% de réduction sur TOUT pour le Black Friday 📍

10:06

• 0


Black Friday : nos bons plans pour améliorer son bureau sans se ruiner

09:15

• 6


Médicaments : vers la fin des notices papier au profit du QR code ?

08:35

• 64


Tim Cook va-t-il vraiment partir ? Le Financial Times et Gurman s’opposent

07:45

• 20


ChatGPT vous aide à choisir vos produits via un assistant shopping intégré

07:45

• 17