web2ajax : The Blog

avr201009No talk

Voilà un effet typographique plus qu’impressionnant !

En effet The Man From Hollywood créé par Tyler Gaw reprend les dialogues de Pulp Fiction pour les animer en un clip kinétique de toute splendeur.

Il utilise pour ça les propriétés css3 spécifiques pour le moment à Safari et Chrome (webkit) : gradients, transforms, transition.

Un petit peu de jQuery pour animer tout ça et jouer la bande audio, pour obtenir un résultat de toute beauté.

Il utilise une fonction que j’aime bien :

	// Add or remove class names to advance the scene at the specified time
	//
	direct: function (actor, direction, delay)
	{
		var a = $(actor);
		setTimeout(function ()
		{
			if (a.hasClass(direction))
			{
				a.removeClass(direction);
			}
			else
			{
				a.addClass(direction);
				HOLLYWOOD.helpers.logDirection(direction);
			}

		}, delay);
	},

Ensuite, pour animer, il a juste définit des classes comme ‘spotlight’, ‘actions’, ‘end’, un timeout bien réglé et le tour est joué.

Bon, Tyler à dû se prendre la tête comme il faut pour câler les images, le son etc… Mais quand on voit le résultat… Bravo !

Vu sur ajaxian.

Pas de commentaire

Pas encore de commentaire.

LEAVE A COMMENT