begin process at 2012 02 04 13:41:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets d'images

 > DÉFORMATION D'IMAGE BITMAP EN AS

DÉFORMATION D'IMAGE BITMAP EN AS


 Information sur la source

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets d'images Classé sous :bitmap, deformation, dynamique, modifier, deformer Niveau :Initié Date de création :10/11/2006 Vu / téléchargé :14 646 / 2 146

Auteur : Slagt

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
Le code est simple, mais demande pas mal de ressource (tout dépend de votre gourmandise en fait). Lorsqu'on déplace les coins de l'images, celle-ci est analysée (BitmapData.getPixel) et reproduite en déformant les pixels (le code refait chaque pixel un par un).

Le résultat est vraiment sympa. Dans cette exemple, 1 coin bouge aléatoirement, les 3 autres tournent sur eux mêmes. Au bout d'un tour, toutes les images calculées depuis le début sont affichées les unes à la suite des autres (histoire d'avoir une petite animation sympa). Par contre, en raison du cacheAsBitmap, il faudra attendre 1 tour complet (une fois les images calculées, donc 2 tours au total) pour avoir une animation fluide.

Il est possible de modifier certains paramètres, comme la précision. PrecX et PrecY sont les variables responsables de la précision.
PrecX représente "le nombre de pixel utilisé pour reproduire l'image, sur l'axe des X (horizontale)".
PrecY représente "le nombre de pixel utilisé pour reproduire l'image, sur l'axe des Y (verticale)".
Donc plus PrecX (respectivement PrecY) est proche de la largeur (de la hauteur) de l'image, plus le résultat sera fidèle à l'original, mais plus le temps de calculs sera long.

Dans l'exemple, j'ai mis une précision globale à 0.5 (ça veut dire qu'on calcul un pixel sur 2 seulement).

J'ai mis initié parce que c'est pas assez facile pour un débutant. Il faut quand même commencé à comprendre un code AS sans avoir à se servir de l'aide ;)

L'image est libre de droit :)


 Conclusion

Bon, il y a quelques problèmes, déjà pour le moment, les coins doivent rester dans leur position relative (je ne sais pas si je ferai une mise à jour ou non). C'est à dire que le coin en haut à gauche doit rester grosso modo en haut à gauche (sinon ça fait une boucle for infini ! Paf !). C'est pas trop difficile à changer, malheureusement je suis pressé et je ne peut pas le faire maintenant, je le ferais dès que j'aurai du temps libre je pense.

Je ne sais pas si je ferai la mise à jour sur ce site, donc si vous êtes intéressé, venez sur http://lfabreges.free.fr/slagt (choisissez HTML ou Flash pour le type d'affichage du site, puis cliquez sur "Deformation"). Par contre, étant donné que je n'ai pas beaucoup de temps, la source n'y sera pas avant quelques heures (voire jour, je ne sais pas), donc la mise à jour pas avant quelques jours je pense, s'il y en a une. Bon promis, si j'y pense, je ferai aussi la mise à jour ici ;)

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip CHAMP DE VISION AVEC OBSTACLE ET CIBLE À TROUVER
Source avec Zip Source avec une capture MENU MAC OSX - DOCK
Source avec Zip SIMULATEUR DE FAUTES DE FRAPPES
Source avec Zip CLIQUE DROIT > ENREGISTRER L'IMAGE SOUS ...
Source avec Zip Source avec une capture RECONNAÎTRE UN DESSIN FAIS AVEC LE CURSEUR DE LA SOURIS

 Sources de la même categorie

Source avec Zip Source avec une capture LOUPE PARAMÉTRABLE par Hubert79
Source avec Zip Source avec une capture EFFET D'EAU RÉALISTE - AS2 par Choumoumou
Source avec Zip Source avec une capture DIAPORAMA FLASH XML + FLASH par nixoulamasse
Source avec Zip Source avec une capture BOUTON DE VOLUME par pegase31
Source avec Zip FLASH : DIAPORAMA DYNAMIQUE AVEC FICHIER XML par nixoulamasse

 Sources en rapport avec celle ci

Source avec Zip ZOOM SUR UNE IMAGE par yasdar
Source avec Zip Source avec une capture BITMAPPICKER: CLASSE PERMETTANT LA PERSONNALISATION DU COMPO... par top30
ADAPTER AUTOMATIQUEMENT LA TAILLE DE POLICE SELON LES DIMENS... par bat_2504
Source avec Zip SIMULATION D'ORDONNANCEMENT DE PROCESSUS DANS UN PROCESSEUR ... par essametahmed
Source avec Zip Source avec une capture CARRE QUI SE REDIMENTIONNE INDEFINIMENT par josselinbonnin

Commentaires et avis

Commentaire de Slagt le 10/11/2006 16:28:10

N'hésitez pas à noter, et surtout à commenter :)

Commentaire de scara 51 le 13/11/2006 12:43:00

Petit commentaire rapide. Le code est un peu illisible et j'ai pas pris le temps de tout refaire sur une feuille.

Donc je vais juste analyser le résultat :
La qualité est médiocre, alors que l'utilisation des bitmapData permet normalement un très bon lissage. Pourquoi des pixels aussi gros sur le résultat final ?
Les performances ne sont pas au rendez-vous. Je ne sais pas ce qui alourdit l'anim, mais ça l'alourdit. Tu sais d'où ça vient ?

Commentaire de Slagt le 16/11/2006 23:40:11

Ho oui, il s'agit de la méthode de traitement :)

Je parcours l'image pixel par pixel, je récupère la valeur de la couleur, je calcul la forme du pixel correspondant (il n'est plus carré), et je le dessine. Donc ça prend beaucoup de ressource. C'est... amusant à coder, mais pas à utiliser je le reconnait.

Commentaire de scara 51 le 16/11/2006 23:46:09

Bon une tite solution pour optimiser tt ça : diviser l'image en 2 triangles rectangles et appliquer à chaque une torsion. Tout ca bien sûr en bitmap. Ca permet de déformer l'image sans qu'il y ait parallélisme car on sépare en 2 l'image.

Et là la qualité comme la vitesse suivent.

Je ne sais pas si je suis clair. Sinon je peux réexpliquer

Commentaire de Slagt le 17/11/2006 16:15:51

une torsion ?

Commentaire de scara 51 le 17/11/2006 17:57:53

Au chapitre martix de l'aide de flash, recherches les infos sur "Inclinaison ou cisaillement".

Commentaire de Slagt le 18/11/2006 23:07:38

En effet, ça à l'air fort pratique. Mais de la à le généraliser pour sortir l'image en fonction de la position des 4 coins, c'est tout de suite beaucoup plus dur non ?

A chercher...

Merci pour l'info, je n'ai pas l'habitude de me servir des matrices, et c'est vrai que leurs capacités d'action sont assez étendues.

Commentaire de scara 51 le 19/11/2006 23:18:47

C pour ca que je dis de couper l'image en 2 images ! La découpe se fait au nv des diagonales.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Modifier bitmap dans la bibliotheque [ par blat ] Bonjour, Je ne sais pas si c'est possible mais je ch la commande actionscript qui permettrait de modifier un bitmap de ma bibliotheque... le but est d AS3 : comment transformer un texte dynamique en bitmap [ par yasdar ] apparament si le text dynamique commence à tourner en peut pas voir son contenu alors j'ai pensé à le convertir en bitmap.alors comment faire. et merc utilisation de this[] en AS3 [ par solage ] Bonjour, Je voudrais pouvroi modifier dynamiquement un "sous objet". Quand je modifie ces propriétés directement cela fonctionne. Par exemple: objetA site dynamique [ par alixe33 ] Bonjour, J'aurai vraiment besoin de votre aide. Je travaille sur mon projet de diplôme et j'en suis sur la phase du site web. J'aimerai pouvoir faire flash champ text dynamique html [ par kwcri ] Salut ! me revoila avec un autre probleme, j'explique rapidemenent ce que je veux. j'ai un champs text dynamique definit comme type html, j'envoie Accès a un texte dynamique depuis un fichier .as [ par multimania ] Bonjour J'ai sur la scène une zone de texte dynamique d'information dans laquelle je voudrais écrire depuis un fichier .as de mon projet. La scène e Créer un logiciel d'affichage dynamique [ par badyinfo ] Bonjour, Je travaille dans une société qui débute dans l'affichage dynamique et nous souhaitons créer notre propre logiciel pour diffuser des flux mul as3 zone texte dynamique [ par sohoo ] Bonjour à tous, je vous appelle au secours car j'ai l'impression d'être bête, je ne trouve pas la solution à mon problème : dans flash, j'ai bêtement Modifier la taille d'une fenêtre pour une projection exe ? [ par itzme ] Bonjour à tous, Je suis légèrement beaucoup perdue en ce moment, je tente de faire une interface de CD rom, qui au final sera donc un .exe, et j'en Problème upload image sur serveur [ par sarahm ] Bonjour, J'ai trouvé sur votre site un générateur d'avatar. Seulement voilà j'aimerais enregistrer l'avatar généré et c'est là le drame, je n'y arriv


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,763 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales