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 : numériser ses DVD avec MacX DVD Ripper Pro à partir de 30,95 € seulement 📍

10:00

• 0


Darty : jusqu’à 120 € de chèques-cadeaux sur toute la gamme Apple (iPhone 17 Pro/Max, MacBook Air M4, iPad, accessoires…)

08:15

• 8


Sortie de veille : le Black Friday bat son plein et iOS 27 fait déjà parler de lui

08:00

• 4


Black Friday : les meilleures promotions sur les produits Apple (MacBook Air, iPhone, iPad...)

28/11/2025 à 23:55

• 8


Black Friday : notre récap des meilleures offres (AirPods, Hue, MacBook…) 🆕

28/11/2025 à 23:54

• 18


Apple vient au secours de Hong Kong suite à la catastrophe du Wang Fuk Court

28/11/2025 à 22:45

• 14


Un rare bug logiciel contraint Airbus à modifier 6 500 A320 en urgence

28/11/2025 à 22:00

• 64


Elgato et Eve Home cassent les prix pour le Black Friday

28/11/2025 à 21:30

• 4


Apple pourrait utiliser Intel pour produire ses Mx d’entrée de gamme

28/11/2025 à 21:00

• 14


Le MacBook Air M2 plonge à 748 € sur Amazon (avec 16 Go de RAM) 🆕

28/11/2025 à 20:10

• 74


Black Friday : les offres les plus populaires

28/11/2025 à 20:08

• 5


Cinq offres tech qui cartonnent pendant le Black Friday

28/11/2025 à 18:30

• 5


Black Friday : les meilleures promotions sur des apps et services

28/11/2025 à 17:25

• 2


Seagate a des disques durs de 69 To dans ses laboratoires

28/11/2025 à 15:45

• 16


Vous avez un Mac ? L'offre CyberGhost à −83 % + 4 mois offerts s'envole pour le Black Friday 📍

28/11/2025 à 15:30

• 0


UPDF Black Friday : jusqu’à –50 % de réduction — un éditeur PDF puissant, dopé à l’IA (Ajoysoft inclus)

28/11/2025 à 14:52

• 0