[liens] Du javascript pour raconter des histoires
15 mai 2007.
Prenez une photo et n'en affichez qu'une portion sur la page. Placez ensuite des liens au dessus de cette photo (chacun pointant vers une autre portion de l'image). Cliquer sur un lien va déplacer le champs de vision1 pour arriver à une autre portion de l'image. On se promène donc de manière séquentielle dans l'image ! Vous voyez où je veux en venir ?
Affichez cette fois encore juste une portion d'une image. Le déplacement est cette fois automatique : lorsque la souris arrive sur les bords de l'image visible, on se déplace dans l'image. Le système est un peu déroutant sur les deux axes, mais peut se révéler fort intéressant sur un seul axe.
Une autre démonstration, cette fois avec différentes méthodes d'animations : effet d'élastique, de rebond, etc. Je vous conseille d'essayer (tous en ease out, c'est-à-dire à la fin et non au début de l'animation) :
- Boucing (rebond) ;
- Back (retour) ;
-
Elastic (élastique) ;
Bref, il y a matière à animer la lecture d'une histoire, non ?
- Comme on le fait naturellement en bougeant la tête.
- Billet suivant : Comment être régulier dans ses parutions ?
- Billet précédent : Comment présenter votre projet ?
7 commentaires
ajouter le vôtre
Note : tous ces effets sont réalisés avec la bibliothèque javascript mootools, dont la version 1.00 est disponible sur le site. Je devrais passer à la version 1.10 sous peu.
15 mai 2007
J'ai hâte de lire des webcos qui exploiteront ce genre d'effets :)
15 mai 2007
Ho oui, ho oui ! J'ai déjà une idée d'exploitation de ce premier…heu…chose.
Tout ce qu'on invente quand même…
Tu penses qu'on pourrait avoir des liens SUR les images plutôt qu'au dessus ? Ce serait génial une image map combinée avec ce système :-S J'ose même pas imaginer tiens…
16 mai 2007
Les liens on peut les mettre où on veut : hors ou dans l'image1. À la place de l'image ou peut avoir du HTML, donc du texte, de l'image, etc. :)
16 mai 2007
Graooooouuuuh, ça c'est très bon ! Avec cette technique…
Ah putain.
25 mai 2007
Si tu as des idées, je peux aider à programmer un truc en Javascript :)
26 mai 2007
J'ai fait un Deug de Math Info, donc j'ai tout oublié depuis, mais je préfère essayer de comprendre et programmer par moi-même…
Ceci dit si jamais j'ai des questions ou besoin d'aide, ce serait avec grand plaisir ! … quand je m'y mettrais ^^
L'avantage que je vois, en tout cas, c'est qu'on pourrait faire genre “When I Am King” mais pas que de gauche à droite ou de haut en bas, on pourrais facilement faire du scott Mc Cloud dans tous les sens. Bon m'attends faut avoir un truc à raconter ^^
26 mai 2007