HELLO FLASH !


Nouveautés
Contact
Livre d'or
Accueil

CATEGORIES


ActionScript (0)
Bézier (2)
Physique (3)
Effets de texte (0)
Effets d'image (3)
Création (1)
Outils (1)

ARCHIVES


courbe de lumière
balle et courbe
ruban de Bézier
bouger sur une courbe
drag sur une courbe
drag d'une courbe
lettres de glace
bulles de savon
image chewing-gum
image sinusoïdale
vissage
image déformable
image cylindrique
bras préhensile
fonctions
pantin articulé
prismes droits
rhéostats
étiquette suspendue
courbes de Bézier
longueur d'une courbe
courbe avec pointillés

BEST OF


bras préhensile
image sinusoïdale
rebond sur Bézier
ville à vélo
Mona Lisa
pantin
lettres de glace
image cylindrique

LIENS


Paul Prudence
MyPhysicLab
Thimotée Groleau
MathCurve
Alcys
Maths magiques
MetanetSoftware (A)
MetanetSoftware (B)
Orisinal
Vincent Crublé

Coup de Coeur



SITES PARTENAIRES

ABC Webmasters

Positron Libre

Webrankinfo

Onde d'eau avec des pixels
Publié par Gilles Bernard le 21 août 2013 - [Catégorie : effets d'image] - Difficulté : niveau 3
 


fig.1 - onde de balles


fig.2 - onde de pixels

 

On peut doter une image de propriétés élastiques pour donner l’illusion qu’elle est fluide. Il ne s’agit pas de reproduire l’onde nette et circulaire qu’une goutte d’eau provoquerait en heurtant la surface d'un liquide, mais un mouvement plus ample comparable à celui du café qu'on remue dans une tasse.

J'ai dans un premier temps disposé plusieurs objets sur une grille et les ai dotés d’un mouvement élastique (fig. 1 en haut à gauche), puis j'ai animé selon le même principe les parties d’un bitmap comme le montre l'image en dessous, et j'ai finalement appliqué ce mouvement à chaque pixel (fig. 2 en haut à droite).

 


Survolez l'image.

On constate que sur une petite image on peut appliquer une déformation pixel par pixel, et que sur une plus grande - pour ne pas nuire à la fluidité du mouvement - on peut très bien scinder le bitmap en groupes de pixels, avec un effet quasiment équivalent.

 
« page précédente