Aller au contenu | Aller au menu | Aller à la recherche

mardi 15 mars 2011

Suivre un chemin dans un document SVG (suite)

Dans un billet précédent, nous avons présenté les éléments de l'API SVG permettant de parcourir un chemin. Dans Sozi, il ne s'agit plus de déplacer un objet le long d'un chemin, mais plutôt de déplacer la "caméra" de telle sorte que le centre de l'écran suive ce chemin.

Lire la suite...

dimanche 28 novembre 2010

Correction de trajectoire

Depuis que j'utilise régulièrement Sozi pour mes présentations, je remarque que la trajectoire de la "caméra" entre deux vues n'est pas rectiligne. Il est parfois difficile de deviner quel chemin sera suivi, et donc quels éléments du document seront visibles pendant une transition. Dans ce billet je donne le compte-rendu d'une petite expérience permettant d'identifier le problème et de proposer une solution.

Lire la suite...

mardi 26 octobre 2010

Suivre un chemin dans un document SVG

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.

Lire la suite...

lundi 11 octobre 2010

Animer une transformation SVG

Dans l'article Obtenir les propriétés d'une transformation SVG, nous avons présenté un exemple dans lequel nous analysons la transformation subie par un objet afin de l'appliquer à un autre objet. À présent, nous allons animer cette transformation.

Lire la suite...

mardi 28 septembre 2010

Ajuster l'affichage d'un document SVG sur une région délimitée par un rectangle

Deuxième article sur les techniques utilisées dans Sozi. Après avoir analysé la transformation subie par un élément d'un document SVG, nous montrons comment il est possible de faire subir au document une transformation géométrique permettant d'afficher en gros plan le contenu d'un rectangle de l'image.

Lire la suite...

dimanche 5 septembre 2010

Obtenir les propriétés d'une transformation SVG

En reprenant le développement de Sozi, j'ai souhaité mettre noir sur blanc certaines recettes utilisées dans la manipulation des transformations géométriques. Ce premier article résume le principe des transformations affines dans un document SVG et explique comment on peut obtenir, en Javascript, des informations sur la transformation subie par un élément.

Lire la suite...

lundi 7 décembre 2009

Sozi : un système de présentation alternatif

La semaine dernière, un collègue m'a fait découvrir Prezi, un nouveau logiciel pour créer des présentations. L'originalité de ce logiciel, c'est qu'il rompt avec le schéma traditionnel du diaporama : avec Prezi, toute le contenu de votre présentation est étalé sur une grande page unique que vous allez parcourir en zoomant sur les éléments successifs que vous voulez montrer.

Bien que je n'aie pas eu l'occasion de l'essayer en situation réelle, j'ai trouvé l'idée amusante. Dans ce billet, j'explique pourquoi, et comment, j'en suis arrivé à développer un petit programme que j'ai baptisé Sozi : en gros, une imitation approximative de Prezi, mais libre et reposant sur des formats ouverts. Les impatients peuvent tout de suite cliquer ici pour voir le résultat.

Lire la suite...

Licence

Creative Commons License
Sauf mention contraire, le contenu de ce blog (texte et documents multimedia) est mis à disposition sous un contrat Creative Commons.