Le Web Hypertext Application Technology Working Group (WHATWG) a proposé un nouvel élément pour le HTML. Celui-ci est le canvas qui est en fait une zone de dessin.
L'élément canvas a en fait été créé par Apple pour leur DashBoard et donc Safari le supporte déjà. L'équipe de Mozilla a elle aussi de son coté ajouté le support de cet élément à la version Deer Park de Firefox (version béta).
Sans vouloir pour l'instant rentrer dans le troll "C'est pas w3c donc ça sux", j'ai voulu voir ce qu'on pouvait faire avec et voici le résultat.
Pour voir le résultat il vous faut soit Safari (version récente) ou la version Deer Park de Firefox ( http://developer.mozilla.org/devnews/index.php/2005/07/12/deer-park(...) )
Tout d'abord quelques fractales : http://shift.freezope.org/web_lab(...)
Et un truc pour dessiné des courbes en 3D : http://shift.free.fr/trash/test.htm(...) (version fil de fer) et http://shift.free.fr/trash/test2.htm(...) (version facettes).
C'est pour l'instant une démo rapide donc c'est plein de bugs (facettes foireuses selon angle de vue, aucune vérif du formulaire,...).
La formule est en javascript donc pour tester avec des fonctions mathématiques, pensez à préfixer de Math.xxx(...) comme Math.sin(...) ou Math.abs(...).
Je pars en vacances ce soir mais à mon retour j'essayerais de faire un vrai truc pas buggué. Et je continuerais à faire joujou avec les dégradés, les courbes de bézier et autres. C'est vraiment sympa cet élément pour occuper un geek :)
Bonne vacances à ceux qui y sont ou y vont et courage aux autres \o_
Journal Joujou avec l'élément canvas
29
juil.
2005
# capture d'écran
Posté par EdB . Évalué à 3.
[^] # Re: capture d'écran
Posté par Infernal Quack (site web personnel) . Évalué à 3.
Cross : http://shift.free.fr/trash/cross.png(...)
Flag : http://shift.free.fr/trash/flag.png(...)
3D fil fe fer : http://shift.free.fr/trash/graph1.png(...)
3D facettes : http://shift.free.fr/trash/graph2.png(...)
3D facettes avec formule x*x*y*y*Math.cos(x*y/5) et Zmin -8000 et Zmax 8000 : http://shift.free.fr/trash/graph3.png(...)
Prochaine étape : ajouter les axes et la boite des axes, gérer les ombres et les faces cachées :)
A noter que ces tests sont des adaptations de programmes du manuel de la calculatrice TI82 pour les fractales et d'un autre programme de la TI82 que j'ai fait : http://shift.free.fr/?p_ti(...) et http://shift.free.fr/arborescence/p_ti/doc/aide.htm(...) et il demande à être amélioré car à l'époque il était optimisé pour tourner sur 32 Ko (données du tracé comprises)
L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire
[^] # Re: capture d'écran
Posté par -=[ silmaril ]=- (site web personnel) . Évalué à -1.
C'etait donc toi le responsable :)
Non serieux je me suis bien amusé avec Graph3D il y a plusieurs années. IIRC les piles n'avaient pas appréciés du tout et j'etait en
vacance en rase campagne ....
Que de souvenir......
Oui bon je sors ========>[@]
# Lien
Posté par gouchi (site web personnel) . Évalué à 1.
http://mir.aculo.us/demos/canvas.html(...)
# 0_0
Posté par metcox . Évalué à 0.
Bon il s'agit de demos donc on pousse à fond, m'enfin, même Deer Park me demande si je veux continuer le script, moi je dis ok, mais je ne pense pas que le w3c soit d'accord.
[^] # Re: 0_0
Posté par Infernal Quack (site web personnel) . Évalué à 3.
L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.