Bruits de couloir

[liens] Du javascript pour raconter des histoires

Publié par JMG. 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) :


Bref, il y a matière à animer la lecture d'une histoire, non ?

  1. Comme on le fait naturellement en bougeant la tête.

Publié dans animation, idée et javascript.

8 commentaires

ajouter le vôtre

JMG a dit :

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

JiF a dit :

J'ai hâte de lire des webcos qui exploiteront ce genre d'effets :)

15 mai 2007

Dr_Folaweb a dit :

Vous voyez où je veux en venir ?

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

JMG a dit :

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. :)

  1. À vérifier pour l'image-map, mais en théorie je ne vois rien qui l'empêche.

16 mai 2007

JeP a dit :

Graooooouuuuh, ça c'est très bon ! Avec cette technique…

Ah putain.

25 mai 2007

JMG a dit :

Si tu as des idées, je peux aider à programmer un truc en Javascript :)

26 mai 2007

JeP a dit :

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

Un visiteur (Michealrah) a dit :

Приобрести можно на веб-сайте http://mang.gameone.info/

Индивидуальное программное обеспечение, которое позволяет потребителям получать доступ к самому себе, сделало покупку уникальных футболок онлайн не только легким, но и доступным. Клиенты могут использовать такие веб-сайты, как Cafe Press, T-Shirts онлайн, Zazzle и другие сайты, чтобы создать свои собственные уникальные рубашки или найти рубашки, созданные другими.

Люди, заинтересованные в разветвлении и продаже своих онлайн-проектов или получении недорогих футболок для своего клуба, группы, бизнеса или группы, могут вырезать среднего человека и иметь именно то, что им нужно, когда оно в нем нуждается.

Например, на любом данном веб-сайте человек может вводить ключевое слово, цвет, имя группы, анимированный персонаж, фильм, книгу, актер или любое другое слово buzz, чтобы создавать сотни-тысячи доступных дизайнов. Потребители могут купить дизайн и создать свои собственные рубашки, или заказать рубашки от дизайнера. Художники могут принимать проекты и изменять их для уникальных творений.

Художники, которые используют онлайн-программное обеспечение, могут создавать работу в Интернете и продавать свои творения локально или на своем собственном веб-сайте. Чтобы проверить рынок футболки, или узнайте, насколько популярна рубашка, художники могут предлагать ограниченные издания и посмотреть, сколько людей надевают рубашку или заказывают рубашку. Рубашки с визуально ошеломляющими иллюстрациями ограниченного тиража могут стать коллекционными. Прежде чем художник станет широко известным, искусство, возможно, придется выделиться в некотором роде, создать поклонников гудения и жениха.

Футбольные болельщики, которые хотят оставаться впереди кривой, должны просматривать сайты, чтобы узнать об обычных футболке. Хотя рубашки недороги, как и в любом выборе гардероба, покупатели должны делать покупки умными. Вы не можете носить все это, и вы хотите выбрать свои фирменные стили. Вы также можете решить, если ваши рубашки предназначены для ношения или предметов коллекционирования. Футболки знаменитостей могут включать актеров, музыкантов, групп, но это также может включать знаменитостей. Возможно, будущий знаменитый дизайнер, создавший рубашку с ограниченным тиражом для группы или знаменитого человека.

Мега-известные группы, такие как Kings of Leon, и другие музыкальные артисты обнаружили художественный талант для создания обложек альбомов, лайнеров и футболок. Любители книг также могут найти рубашки, которые предлагают цитаты, визуальные эффекты или оба из их любимого автора или книг.

13 avril

Laisser un commentaire :