Faire onduler du texte sur une toile

Comment faire du texte ondulé sur un élément de canevas similaire à celui trouvé sur la page this?Faire onduler du texte sur une toile

Source

2010-01-13 Ben Shelock

Le texte flottant sur cette page est un programme Flash. Vous devrez apprendre ou Silverlight ou quelque chose de similaire, je suppose. –

Oui, je demande une alternative en Javascript. –

Il n'y a rien de plus ennuyeux que des sous-critiques sans explications. –

EDIT: @Ben, oubliez les downvotes pour aucune raison de votre question, et ... BE MY GUEST! :)

Je ne ai jamais codé avec <canvas> avant, il était très amusant. À ce stade, il n'y a pas d'interpolation bilinéaire. Je pourrais le retravailler et ajouter plus de cloches et de sifflets.

Si vous voulez atteindre un tel effet en javascript, vous aurez effectivement utiliser la balise <canvas>.

Le principe consiste à précalculer une fonction de distorsion dans un tampon plus grand que la dimension de l'image source. Voir le vieux Flipcode Art of Demomaking column: Bitmap Distortion C'est un bon vieux bijou :) Le paragraphe sur le cache pourrait ne pas être pertinent pour une implémentation basée sur <canvas>.

Il ya beaucoup de ressources Processing là-bas, donc c'est aussi une bonne idée de jeter un oeil à Processing.js.

Source

2010-01-13 18:31:28

C'est merveilleux, merci :) –

Très gentil Greg. – joeytwiddle

S'il vous plaît, pour l'internet, ne le faites pas.

Source

2010-01-13 22:48:21

@Ian> J'ai peur qu'il soit trop tard –

@Ian> Je ne vous ai pas déprécié (je vous le dis comme je suis le seul commentateur) –

@Gregory: Je pense que la personne qui m'a downvoted était le créateur de ce site: http://www.animatedgif.net/ –

Faire onduler du texte sur une toile

Répondre

Questions connexes