Safari : les effets de Cooliris sans Cooliris
par Florian Innocente le 14.07.2009 à 10:48
Cela ressemble aux animations produites par le plug-in Cooliris dans Safari mais dans le cas présent, point de Cooliris à l'oeuvre - ni de Flash - uniquement le moteur de Safari. Snow Stack est une démo qui s'appuie uniquement sur de l'HTML, du JavaScript et des effets permis par le WebKit du navigateur d'Apple.
On peut tester soi-même cette animation - Snow Stack - avec le Safari de Leopard, toutefois elle fonctionne beaucoup mieux et en montrant plus d'effets avec les dernières versions de développement du WebKit, téléchargeables ici. Les déplacements se font avec les touches fléchées du clavier et la barre d'espace pour zoomer dans le mur. Les utilisateurs de Snow Leopard peuvent s'en tenir à la version de Safari incluse avec la bêta de l'OS.
CSS 3D Transforms, cette extension aux feuilles de style qui autorise ces acrobaties graphiques a été soumise en mars dernier par Apple au W3C avec l'espoir de la voir normalisée et adoptée par les autres navigateurs.
On peut tester soi-même cette animation - Snow Stack - avec le Safari de Leopard, toutefois elle fonctionne beaucoup mieux et en montrant plus d'effets avec les dernières versions de développement du WebKit, téléchargeables ici. Les déplacements se font avec les touches fléchées du clavier et la barre d'espace pour zoomer dans le mur. Les utilisateurs de Snow Leopard peuvent s'en tenir à la version de Safari incluse avec la bêta de l'OS.
CSS 3D Transforms, cette extension aux feuilles de style qui autorise ces acrobaties graphiques a été soumise en mars dernier par Apple au W3C avec l'espoir de la voir normalisée et adoptée par les autres navigateurs.
| |
2
1
Vos réactions (24 réactions)
Axelvak
[14/07/2009 11:23]
Ça prends pas mal de processeur mine de rien…
Ça prends pas mal de processeur mine de rien…
Un Vrai Type
[14/07/2009 11:30]
TOP => Safari : 100.8%
Comme flash en gros... :)
TOP => webkit (qui est aussi Safari dedans mais bon...) : 39.7%
Ho ! Wache !!! Ils l'ont dopé à quoi ? En plus il y a le recalcul pour l'effet mur ! Impressionnant !
(Ce sont des moyennes constatées)
TOP => Safari : 100.8%
Comme flash en gros... :)
TOP => webkit (qui est aussi Safari dedans mais bon...) : 39.7%
Ho ! Wache !!! Ils l'ont dopé à quoi ? En plus il y a le recalcul pour l'effet mur ! Impressionnant !
(Ce sont des moyennes constatées)
Axelvak
[14/07/2009 11:40]
Avec Webkit, je tourne plus entre 60 et 80%.
Avec Webkit, je tourne plus entre 60 et 80%.
Hak
[14/07/2009 12:09]
Sur Safari 4 Leopard, l'effet est limité puisque les effets de 3D ne sont pas présents et pas d'effet de zoom dynamiques sur les photos selectionées. Il n'y a que les animations horizontales sans changement de perspective, en plus on peut noter quelques bugs dans le rendu lorsqu'une photo est selectionée avec la barre d'espace. Le fait que Safari 4 Leopard tourne à 100% est dû au non support de l'accélération matérielle des effets contrairement à la nighty build de webkit. Avec la dernière nighty, r45855, sur un macbook pro avec un Core2Duo 2.4 ghz et une GeForce 8600 GT, ça tourne au alentour de 15-40% en fonction de la vitesse à laquelle on navigue dans les photos. Fantastiquement plus rapide que flash sur la même configuration!!
La news de macgénération ne mentionne pas que le support est complet dans la version de Safari 4 dans Snow Leopard, la démo y est d'ailleurs plus rapide que la nighty de webkit sur Leopard. Sur Snow Leopard avec Safari 4, la démo consomme rarement plus de 20-30% d'usage CPU.
Sur Safari 4 Leopard, l'effet est limité puisque les effets de 3D ne sont pas présents et pas d'effet de zoom dynamiques sur les photos selectionées. Il n'y a que les animations horizontales sans changement de perspective, en plus on peut noter quelques bugs dans le rendu lorsqu'une photo est selectionée avec la barre d'espace. Le fait que Safari 4 Leopard tourne à 100% est dû au non support de l'accélération matérielle des effets contrairement à la nighty build de webkit. Avec la dernière nighty, r45855, sur un macbook pro avec un Core2Duo 2.4 ghz et une GeForce 8600 GT, ça tourne au alentour de 15-40% en fonction de la vitesse à laquelle on navigue dans les photos. Fantastiquement plus rapide que flash sur la même configuration!!
La news de macgénération ne mentionne pas que le support est complet dans la version de Safari 4 dans Snow Leopard, la démo y est d'ailleurs plus rapide que la nighty de webkit sur Leopard. Sur Snow Leopard avec Safari 4, la démo consomme rarement plus de 20-30% d'usage CPU.
jodido
[14/07/2009 12:14]
Avec safari c'est possible d'avoir le même résultat? parce que moi les flèches + zoom ne me met pas les photos de travers comme sur la vidéo
Avec safari c'est possible d'avoir le même résultat? parce que moi les flèches + zoom ne me met pas les photos de travers comme sur la vidéo
Hak
[14/07/2009 12:18]
@jodido
Non pas sur Safari avec Leopard. Seulement webkit.
@jodido
Non pas sur Safari avec Leopard. Seulement webkit.
CocoaPower
[14/07/2009 12:48]
La démo est sympa mais c'est catastrophique question performance.
Ce genre d'interface est plus appropriée pour Cocoa+Core animation ou Qt, dans Safari le framerate est ridicule et le CPU en prend pour son grade.
La démo est sympa mais c'est catastrophique question performance.
Ce genre d'interface est plus appropriée pour Cocoa+Core animation ou Qt, dans Safari le framerate est ridicule et le CPU en prend pour son grade.
Axelvak
[14/07/2009 13:02]
Avec la dernière mise à jour de Webkit, la conso CPU oscille entre 20 et 40%. Du bonheur.
Avec la dernière mise à jour de Webkit, la conso CPU oscille entre 20 et 40%. Du bonheur.
hawker
[14/07/2009 13:19]
c'est encore plus beau que cooliris, pas de compte a avoir, pas de flash (youhou):
- ça doit impérativement etre d'origine dans la prochaine version 4.1 !
par contre (je m'y connais moyen en programmation mais c'est la qu'il va falloir intégrer du open gl pour réduire la conso cpu au mega minimum).
c'est encore plus beau que cooliris, pas de compte a avoir, pas de flash (youhou):
- ça doit impérativement etre d'origine dans la prochaine version 4.1 !
par contre (je m'y connais moyen en programmation mais c'est la qu'il va falloir intégrer du open gl pour réduire la conso cpu au mega minimum).
Nicolas_D
[14/07/2009 13:46]
Quel est l'intérêt pour Apple de standardiser ce genre de "progrès" ? Ils deviennent philanthropes ou ils s'assurent de la propagation de WebKit et par extension celle de Safari ?
Quel est l'intérêt pour Apple de standardiser ce genre de "progrès" ? Ils deviennent philanthropes ou ils s'assurent de la propagation de WebKit et par extension celle de Safari ?
CocoaPower
[14/07/2009 13:55]
Webkit a des parts de marché ridicules. Pour qu'une technologie web se répande, il faut absolument qu'elle soit sur Firefox.
Standardisation des technologies->Firefox les implémentes->les dev webs les utilisent->Apple peut se vanter d'avoir un truc de plus que Microsoft ne fait pas.
Quel est l'intérêt pour Apple de standardiser ce genre de "progrès" ? Ils deviennent philanthropes ou ils s'assurent de la propagation de WebKit et par extension celle de Safari ?
Webkit a des parts de marché ridicules. Pour qu'une technologie web se répande, il faut absolument qu'elle soit sur Firefox.
Standardisation des technologies->Firefox les implémentes->les dev webs les utilisent->Apple peut se vanter d'avoir un truc de plus que Microsoft ne fait pas.
Nonoche
[14/07/2009 14:13]
Le même développeur a également réalisé un simili coverflow avec les mêmes outils:
http://css-vfx.googlecode.com/svn/trunk/examples/zflow.html
Le même développeur a également réalisé un simili coverflow avec les mêmes outils:
http://css-vfx.googlecode.com/svn/trunk/examples/zflow.html
nlex
[14/07/2009 14:49]
Mais est-ce que ça pourrait marcher sur Safari pour Windows ??
Mais est-ce que ça pourrait marcher sur Safari pour Windows ??
oomu
[14/07/2009 15:10]
"Quel est l'intérêt pour Apple de standardiser ce genre de "progrès" ? Ils deviennent philanthropes ou ils s'assurent de la propagation de WebKit et par extension celle de Safari ?
"
pareil que pour Mpeg 4 (auquel ils ont contribué des composants clés de quicktime) ou zeroconfig ou LLVM etc, Apple ne vend pas de la technologie mais des machines et des applications.
Alors, quand est ce qu'apple donne des "technologies" ? quand ils veulent couper les dépendances à un produit d'un concurrent qui gène le macintosh (et iphone etc)
par exemple Flash de Adobe. C'est un boulet. Donc Apple contribue tout ce qui peut permettre à l'industrie de se débarrasser de Flash. que cela soit la vidéo dans le navigateur, le streaming http facile, la 3D standardisée etc
-
pour mpeg, apple a contribué à limiter l'impact de WMV sur le successeur du dvd
-
Ce qui est bon pour la vente de Macintosh c'est d'éviter toute techno qui n'existe que sur PC/windows ou qui est trop optimisée pour.
-
OpenCL est un moyen de se réapproprier des travaux comme Cuda
-
au final, zeroconfig, opencl, webkit et tout le reste, ca permet à apple de faire des applications plus jolies, un os plus intéressant sans se couper du reste de l'industrie.
en effet, si y avait pas un minimum de standardisation avec le reste, les utilisateurs mac ne pourraient pas vraiment profiter de ces avancées, car aucun industriel ne les mettraient en pratique. On reviendrait à la situation de Mac os 9.
Donc, apple fait un équilibre, certes, en poussant la standardisation apple perd un peu la primeur d'une évolution technologique, mais d'un autre coté, leur business c'est de vendre des Macintosh, et si la technologie est meilleure, Apple peut construire de meilleures appli mac, si possible avant les autres !
-
Google a le même comportement. Faisant avancer l'industrie pour être subitement le premier à pondre un site innovant et utile
-
Il est important pour apple qu'une technologie soit un minimum utilisée par l'industrie
"Quel est l'intérêt pour Apple de standardiser ce genre de "progrès" ? Ils deviennent philanthropes ou ils s'assurent de la propagation de WebKit et par extension celle de Safari ?
"
pareil que pour Mpeg 4 (auquel ils ont contribué des composants clés de quicktime) ou zeroconfig ou LLVM etc, Apple ne vend pas de la technologie mais des machines et des applications.
Alors, quand est ce qu'apple donne des "technologies" ? quand ils veulent couper les dépendances à un produit d'un concurrent qui gène le macintosh (et iphone etc)
par exemple Flash de Adobe. C'est un boulet. Donc Apple contribue tout ce qui peut permettre à l'industrie de se débarrasser de Flash. que cela soit la vidéo dans le navigateur, le streaming http facile, la 3D standardisée etc
-
pour mpeg, apple a contribué à limiter l'impact de WMV sur le successeur du dvd
-
Ce qui est bon pour la vente de Macintosh c'est d'éviter toute techno qui n'existe que sur PC/windows ou qui est trop optimisée pour.
-
OpenCL est un moyen de se réapproprier des travaux comme Cuda
-
au final, zeroconfig, opencl, webkit et tout le reste, ca permet à apple de faire des applications plus jolies, un os plus intéressant sans se couper du reste de l'industrie.
en effet, si y avait pas un minimum de standardisation avec le reste, les utilisateurs mac ne pourraient pas vraiment profiter de ces avancées, car aucun industriel ne les mettraient en pratique. On reviendrait à la situation de Mac os 9.
Donc, apple fait un équilibre, certes, en poussant la standardisation apple perd un peu la primeur d'une évolution technologique, mais d'un autre coté, leur business c'est de vendre des Macintosh, et si la technologie est meilleure, Apple peut construire de meilleures appli mac, si possible avant les autres !
-
Google a le même comportement. Faisant avancer l'industrie pour être subitement le premier à pondre un site innovant et utile
-
Il est important pour apple qu'une technologie soit un minimum utilisée par l'industrie
marc_os
[14/07/2009 15:24]
@ nlex : Pour que "ça marche", il faut la dernière version du Webkit.
Pour sa prochaine version de Safari pour Windows, je doute qu'Apple s'amuse à le livrer avec une ancienne version du Webkit. Donc amha, je pense qu'il est plus que probable que sa marchera aussi avec Safari pour Windows.
De plus, on trouve quelques navigateurs basés sur le Webkit, dont :
- Entourage personal information manager 2008 de Microsoft (!)
- Chrome (Google !)
- etc. cf. [url=http://en.wikipedia.org/wiki/WebKit]ici[/url]
Donc si Chrome s'y met, je doute que Firefox ne tarde...
@ nlex : Pour que "ça marche", il faut la dernière version du Webkit.
Pour sa prochaine version de Safari pour Windows, je doute qu'Apple s'amuse à le livrer avec une ancienne version du Webkit. Donc amha, je pense qu'il est plus que probable que sa marchera aussi avec Safari pour Windows.
De plus, on trouve quelques navigateurs basés sur le Webkit, dont :
- Entourage personal information manager 2008 de Microsoft (!)
- Chrome (Google !)
- etc. cf. [url=http://en.wikipedia.org/wiki/WebKit]ici[/url]
Donc si Chrome s'y met, je doute que Firefox ne tarde...
2
1
Réagir
Cinq consignes avant de réagir :
- Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
- Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
- Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
- Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
- Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.





Mai 2012
