La transformation CSS en 3D sur WebKit et Leopard

le 15 juillet 2009
 0
02303460-photo-webkit-logo.jpg
Depuis quelques temps Apple travaille sur de nouvelles fonctionnalités pour Safari permettant aux développeurs web de manipuler des éléments en trois dimensions simplement à l'aide d'une feuille de style. Jusqu'à présent cette nouvelle option était limitée à l'iPhone OS puis à Safari 4 sur le système Mac OS 10.6 en cours d'évaluation. Dorénavant il est possible de tenter l'expérience sur Mac OS 10.5 via le navigateur WebKit.

L'équipe de Webkit a déjà travaillé sur la manipulation CSS en deux dimensions, laquelle fut implémentée dans la dernière version du moteur Gecko (1.9.1) au sein de Firefox 3.5. Par la suite, la manipulation 3D fut intégrée au système de l'iPhone en version 2.0. A l'aide de JavaScript et en exploitant l'accélération graphique des GPU, il est possible de déformer de pivoter ou encore de positionner un objet en 2D dans un espace en 3D. Cette technologie est en passe d'être standardisée par le consortium W3C.

Lors de la conférence Game Developer, qui s'est déroulée à San Francisco au mois de mars, la fondation Mozilla et le moteur de recherche Google ont annoncé qu'ils allaient rejoindre le groupe Khronos spécialisé dans l'accélération graphique. C'est ainsi qu'après avoir dévoilé les dernières spécificités d'Open GL 3.1, Khronos a annoncé un nouveau projet visant à dynamiser l'Internet au travers d'effets 3D. Les développeurs de Firefox et de Chrome travaillent conjointement sur une interface de programmation baptisée Accelerated 3D for Web faisant office de standard qui sera dévoilée au public l'année prochaine. Au mois d'avril Google a mis au point un plugin expérimental fonctionnant sous Windows, Mac et Linux baptisé O3D. De son côté la fondation Mozilla a présenté la bibliothèque Canvas 3D JS Libary (C3DL) plus proche des standards d'OpenGL.

Dorénavant il est possible de retrouver cette la manipulation CSS en 3D sur Mac OS 10.5 en utilisant une version pre-alpha de Webkit. L'équipe de WebKit est actuellement en train de travailler sur la compatibilité avec Windows et Linux. Le développeur Charles Ying a mis au point un diaporama d'images baptisé Snow Stacks exploitant cette technologie. Voici une vidéo de démonstration des possibilités :

Modifié le 01/06/2018 à 15h36
Cet article vous a intéressé ?
Abonnez-vous à la newsletter et recevez chaque jour, le meilleur de l’actu high-tech et du numérique.

Dernières actualités

Facebook a annoncé la nomination d’une nouvelle directrice de son application. Et il s’agit d’une Française : Fidji Simo ! Celle-ci aura la lourde tâche de concrétiser le virage annoncé par l’entreprise, vers une meilleure protection des données personnelles.
22:02 | Facebook
Mozilla vient tout juste de publier sa version stable de Firefox 66 pour Windows, Mac, Linux et Android, elle est disponible au téléchargement depuis aujourd’hui ! Alors quoi de neuf pour le navigateur web libre et gratuit qui revendique désormais plus de 300 millions d’utilisateurs actifs ?
Intel va développer pour les États-Unis ce premier supercalculateur baptisé Aurora. La puissance extraordinaire de cette machine va être utilisée dans des travaux d’intelligence artificielle qui serviront à la recherche médicale, énergétique et environnementale.
En direct de la Game Developers Conference, où il a tenu une conférence historique, Google a dévoilé le nom et les détails de son service de cloud gaming : Stadia.
Le service de messagerie instantanée teste l’intégration d’un navigateur et d’une recherche d’images inversée dans l’application mobile pour lutter contre la propagation des fake news.
20:35
C'est un jeu bien connu des amateurs de réalité virtuelle qui arrivera sur le futur Oculus Quest.
20:06 | Jeux vidéo
Microsoft déploie de nombreuses nouveautés sur Windows 10 au fur et à mesure des mises à jour (réussies) du système. Certaines profitent d’un éclairage suffisant pour attirer l’attention de l’utilisateur averti, d’autres non. Ajouté avec la mise à jour Creators Update, le son spatialisé Windows Sonic est un peu passé à la trappe. On vous explique aujourd’hui comment en profiter.
19:37 | Windows 10
Une équipe de recherche de Stanford a réussi à produire de l’hydrogène à partir d’eau de mer. Une belle prouesse dans la production d’énergie propre.
Le président des États-Unis n’est clairement pas un fan des voitures autonomes, qu’il voit comme une menace pour la société.
Les modules photo, c’est bien, mais encore faut-il savoir où les mettre sur des smartphones de plus en plus borderless. Après les encoches, les dalles percées d’un orifice (comme sur le S10 de Samsung) et les tiroirs verticaux, le constructeur chinois ZTE miserait pour son prochain flagship sur un tiroir latéral. Les cinq capteurs (deux frontaux, trois dorsaux) dudit smartphone apparaîtraient alors sur une languette émergeant de son flanc droit.
Ça vous dit d’économiser 30€ tout en donnant une autonomie du tonnerre à votre smartphone ? Pour ça, il vous suffit de profiter de la promo Amazon sur la batterie externe Aukey 20000 mAh qui passe à 19,99€ seulement.
18:00 | Bon plan
Bonne nouvelle pour tous les amoureux de la petite Fiat 500 : le groupe confirme l'arrivée en Europe, en 2020, de la version 100% électrique.
17:41
Si vous vous intéressez au monde de l'informatique et aux précieux composants donnant vie à nos machines de jeu, vous l'avez peut-être vu passer sur YouTube sous le pseudo de Frenerth.
La plateforme de formation en ligne Coursera a classé les pays du monde en fonction des compétences de leurs apprenants, selon trois domaines majeurs. La France s’y distingue particulièrement en data science, avec une 8e place mondiale.
Annoncée officiellement il y a quelques heures, l’arrivée du Ray-Tracing sur les GPU Nvidia ne disposant par des RT-Cores (GTX série 10, entre autres) fait office de petit tremblement de terre dans la communication de la firme au caméléon. Le studio teuton Crytek, auquel on doit l’éminent CRYENGINE 5, avait pourtant publié dès la fin de semaine dernière une démo fonctionnelle présentant le Ray-Tracing sur… une RX Vega 56 de chez AMD. Preuve s’il en fallait qu’il est possible de générer des reflets affriolants sans ces fameux RT-Cores.
scroll top