SVG
Get flash to fully experience Pearltrees
Cette rubrique présente les techniques d’animation SVG de niveau intermédiaire et reprend à l’endroit où la rubrique Animation SVG de base s’était arrêtée. Prévoyez de consacrer environ une heure pour comprendre parfaitement les concepts abordés dans cette rubrique. Remarque Pour afficher les différents exemples fournis ici, vous devez utiliser un navigateur qui prend en charge l’élément SVG , tel que Windows Internet Explorer 9. Dans la rubrique Animation SVG de base , nous nous étions principalement intéressés à la rotation des objets.
Animation SVG de niveau intermédiaire (Windows)
En me baladant sur les réalisations de l'éminent Docteur Goulu , je suis tombé sur cette superbe montre de Pierre Kunz, nommée « Infinity Looping » (depuis renommée Insanity avec un changement de design qui ne lui réussit pas). Après avoir admiré le mécanisme extrêmement simple pour une montre de ce genre, j'avoue avoir été tenté par l'achat – mais bon, $20 000, voilà qui n'entre pas dans mon budget ! Tous mes remords de pauvre ont d'ailleurs disparu puisque la montre a été tirée en édition limitée, et n'est plus disponible. Le jour où je serai riche et célèbre, j'écumerai (enfin, je ferai écumer par une armée de secrétaires) le web à la recherche d'un ancien magnat du pétrole devenu pauvre qui revendra sa montre, que je rachèterai alors à quatre fois sa valeur pour le simple plaisir d'acquérir enfin ce joyau mécanique.
Infinity Looping : reprogrammer une montre
Le but du jeu étant de vous donner quelques éléments de réponse et des orientations d’usage pour vous aider à choisir le mode potentiellement le plus adapté à vos besoins. Pour ceux qui connaissent la programmation sur Windows Phone 7, vous savez que vous avez 2 choix possibles pour vos interfaces: XNA ou Silverlight (avant l’arrivée de Mango qui peut les mélanger). Le parallèle pour moi est assez évident, XNA de part son mode “fire & forget” ressemble à Canvas et Silverlight par son côté vectoriel basé sur XAML à SVG. Les 2 ont donc bien évidement des avantages et des inconvénients. Quand utiliser et quand utiliser SVG: les scénarios évidents
Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset - Site Home - MSDN Blogs
Suite à l'annonce de la sortie officielle de Sozi sur le site LinuxFr.org, un utilisateur m'a fait part d'une demande de fonctionnalité : il s'agit de passer d'une vue à l'autre, non plus en ligne droite, mais en suivant un chemin. A priori, la tâche est difficile car il s'agit, à partir d'une liste de points définissant des segments de droites et des courbes, d'obtenir les coordonnées de n'importe quel point appartenant au chemin. En réalité, nous allons voir que l'API SVG fournit exactement les méthodes dont nous avons besoin. Si nous choisissons comme point de référence l'une des extrémités du chemin, n'importe quel autre point du chemin peut être repéré en indiquant la longueur de la courbe qui le sépare de l'extrémité choisie. Cette longueur est l' abcisse curviligne .
Suivre un chemin dans un document SVG - (dés)assemblages de précision
Un article de Wikipédia, l'encyclopédie libre. En théorie des graphes , l' algorithme de Dijkstra (prononcer [dɛjkstra]) sert à résoudre le problème du plus court chemin . Il permet, par exemple, de déterminer le plus court chemin pour se rendre d'une ville à une autre connaissant le réseau routier d'une région. Il s'applique à un graphe connexe dont le poids lié aux arêtes est positif ou nul.
Algorithme de Dijkstra - Wikipédia
Drawing Hilbert curves with SVG - Dev.Opera
Hilbert curves are a type of space-filling curve that can be constructed with the SVG polyline element, using a basic design and then aggregating. I started by polylining one basic design into four sections of a graph, making the necessary adjustments to connect them up. This then becomes my main building block.
How to do photoshop-like effects in SVG - Dev.Opera
Introduction I came across this nice Photoshop tutorial the other day. Looking at this, and the other tutorials available there made me want to try to recreate the same effects, not using Photoshop however, just SVG. Read on for my take on the above tutorial. To better follow the steps in my article I recommend reading these side by side.Highcharts - Interactive JavaScript charts for your webpage
"Statista offers thousands of statistical graphs describing numerous topics. Highcharts is our first choice to display our charts because it’s fast, stable, accurate and beautifully designed." Dr. Friedrich Schwandt, CEO and Founder of Statista I'm writing on behalf of TellApart to thank you for your diligence in making the Highcharts library a success.
Welcome to SVG magazine, the quarterly publication covering technique, coding, art, reviews and more. You are invited to show, tell, promote, comment, and above all enjoy the work of our contributors.
SVG magazine – Back Issues