begin process at 2012 05 26 05:44:44
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets d'images

 > EFFETDECOLLEMENT

EFFETDECOLLEMENT


 Information sur la source

Note :
8 / 10 - par 2 personnes
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets d'images Classé sous :decollement, page, image Niveau :Initié Date de création :11/08/2006 Date de mise à jour :17/08/2006 09:27:07 Vu / téléchargé :12 290 / 4 933

Auteur : mousman

Ecrire un message privé
Commentaire sur cette source (11)
Ajouter un commentaire et/ou une note

 Description

Un petit code qui permet de donner un effet de décollement à une image.
Le code est assez simple, le principe un petit peu moins.....


 Conclusion

C'est une première étape ,
la suivante étant l'utilisation de classes as.
(avis aux amateurs)..... ;-)

 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


 Historique

16 août 2006 10:12:48 :
j'ai supprimé une variable inutile ( var offset:Number = 30; )
17 août 2006 09:27:07 :
augmentation du nombre de frames par secondes et passage de l'image en compression jpeg

 Sources du même auteur

Source avec Zip EMETTEUR DE PARTICULES AS3
Source avec Zip EFFET PAGE

 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 CLASS IMAGE ET IMAGEEVENT par top30
AS3 - CHARGER UNE IMAGE EXTERNE, L'UTILISER PLUSIEURS FOIS (... par SuperChouquette
Source avec Zip Source avec une capture LOUPE PARAMÉTRABLE par Hubert79
Source avec Zip REDIMENSIONNEMENT PROPORTIONNEL D'UNE IMAGE par Orange73
Source avec Zip DIAPORAMA AVEC DELAI par essametahmed

Commentaires et avis

Commentaire de Mafassure le 11/08/2006 21:35:49 administrateur CS

l'effet et tres reussi,
y'a une variable inutilisée -> var offset:Number = 30;
sinon c'est nickel !

Commentaire de mousman le 14/08/2006 11:11:26

oups... un oubli .
merci !

Commentaire de pegase31 le 15/08/2006 21:09:35 administrateur CS

curieux de savoir comment on obtiens une version compilée plus grosse que la version source ....

Peg'

Commentaire de mousman le 16/08/2006 10:29:51

C'est une bonne question !!!!
Un café gratuit à qui trouve la réponse   :-D
J'avais pas fait gaffe mais je pense que ça vient de l'image,
sa taille compressée dans le fla est de 120Ko,
ce qui soulève une autre question : comment avoir un fla de 95Ko avec dedans une image de 120Ko...

Mousman

Commentaire de pegase31 le 16/08/2006 13:18:04 administrateur CS

J'ai trouvé peu après : tu passes la compression de ton image en Jpeg au lieu du Gif, tout simplement.
Ensuite, passe ton animation en 30 ou 60 img/sec, tu verras que l'effet est bien plus fluide.

Peg'

Commentaire de mousman le 17/08/2006 09:28:18

exact !!
j'ai mis en ligne la nouvelle source.

Commentaire de scara 51 le 26/08/2006 05:05:51

Cette source est pas mal.

Une petite idée pour une amélioration. Elle n'engage que moi. C'est de faire la même chose, mais avec le décollage des coins. Le principe :
- 2 masques qui cachent chacun des 2 côtés comme ici.
- un effet de rotation des clips avec _rotation
- une image chargée par un MovieclipLoader normal (pour ne pas être dépendant du swf)
- la seconde (le verso) qui doit être une bitmap pour une rotation de qualité avec target_mc comme MovieClip de chargement d'un MovieclipLoader qui a pour écouteur MonListenerClipLoader :

// Donc ceci pour le verso uniquement
MonListenerClipLoader.onLoadInit = function(target_mc) {

myBitmap = new BitmapData(
target_mc._width*100/target_mc._xscale,
target_mc._height*100/target_mc._yscale,
true,
0x00000000);
myBitmap.draw(target_mc);

target_mc.removeMovieClip();

_root.createEmptyMovieClip("leNouveauMovieclipAvecLeBitmap", _root.getNextHighestDepth());

_root.leNouveauMovieclipAvecLeBitmap.attachBitmap(myBitmap, 1, "auto", true);

}


- la rotation du côté qui se décolle (le verso) calculée avec le triangle rectangle qui se forme (comme celui qui apparait en pliant le coin d'une page), cf les cours de trigo :)

- et pour finir (enfin là je vais me faire lincher car je ne fais que donner des idées sans sortir de sources) un beginGradientFill (qui crée un effet de relief) du type :

var matrix:Matrix = new Matrix();
matrix.createGradientBox(30, 30, 0, 0, 0);
// angleDuVerso est la variable qui correspond à l'angle du clip verso
matrix.rotate(angleDuVerso);
_root.effetRelief.beginGradientFill("linear", [0x000000, 0x000000], [80, 0], [0x00, 0xFF], matrix);

// et après il faut spécifier la zone de remplissage qui correspond à l'endroit de décollement

// puis il faut rajouter un masque qui n'est autre qu'une copie du masque du verso pour que le calque effetRelief soit limité à la zone qui nous intéresse.


ps : je tiens à rappeler que je ne fais que faire une suggestion, et que cette source a le mérite d'exister ...

Commentaire de bibi_81 le 26/08/2006 23:20:08

c'est trés esthétique en plus !! lol ^^
Mais l'image selectionnée est un peu "pourrie"(vous me passerez l'expression);
Allez @+

Commentaire de bibi_81 le 26/08/2006 23:23:53

Mais n'empeche que le decollement fait 565 pti tour XD...(vive trace(""); XD)

Commentaire de mousman le 27/08/2006 23:57:46

g pas tout compris  ! ça veut dire quoi 565 tour XD ?

Sinon Scara , je suis pas sur d'avoir tout compris non plus (g lu vite fait),
mais je v essayer et si ça le fait je mettrai en ligne.
Toutes les améliorations sont bienvenues,
c'est aussi le principe de ce site.
En plus on peut très bien imaginer plusieurs effets de decollement à mettre dans un package !

Ca risque juste de prendre un peu de temps, je n'ai pas beaucoup de temp libre......


Ca peut etre sympa un décollement par un coin.

Mousman

Commentaire de scara 51 le 11/09/2006 13:54:05

Pour le décollement par un coin ya des tas de sources, faut chercher sur google "pageflip" et "flash". Yen a même avec des flux vidéos.

Ils utilisent tous un BitmapData pour lisser et pour supporter du textField sur le movieClip (d'où l'utilisation du BitmapData sur les 2 faces et non sur une seule).
Pour l'ombre après ya des tas de solutions.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

image survolée [ par sebastienbel ] Bonsoir, je réalise un Bandeau PUb de 468 /50 pixels qui au survol fait apparitre une pub + grande...300pixels de hautCa fonctionne, mais lorsque je p loadMovieNum [ par pplus ] Ouverture d'un swf à la bonne image ?Ce que je fais :A partir de la page "index.swf" j'ouvre une page navigateur ("navig") par - loadMovieNum("navig.s une image toujours au centre de la page [ par Zeber ] bonjour, je voudrais savoir si'il existe un script pour qu'une image (appelée par action script) apparaissent toujours au centre de l'ecran, meme si e Masque et changement d'image... [ par eldidou ] El Didou - étudiant en multimedia à ToulonVoila,le rendu est simple, mais j'ai vachement de mal à le mettre en place.En gros, c'est une anim de change Images dynamiques: les bases qu'il faut savoir. [ par droux ] Bonjour, Bon ben moi je trouve pas d'explication "simple" à mon problème sur le forum. Je suis  hyper débutant.Pour un site d Question sur preloade et fondu [ par xtravaganza ] Bonjour,Voici mes deux questions :Le site commence sur une page HTML index, où un logo apparaît, puis à partir d’un mouvement de l animation flash [ par gersgers ] bonjour, je dois faire un livre en flash ; page de couverture avec une image et quand on clic en bas de page , on a la page qui tourne pour arriver su FLASH MX 2 Question SVP [ par Djcoco ] Bonjour j'aimerais s'avoir comment faire pour imprimer une imagede dans mon animation en flash ? ( j'ai créer le bouton et tous fonctionne bien le seu pb loadMovie("image.jpg","") dans une page html [ par smilandfly ] J'ai nommé mon instance conteneur "cadre":// MovieClip cadre;cadre.loadMovie("image.jpg","");qd j'utilise le swf tout vaqd je l'integre à une page htm pb loadMovie("image.jpg","") dans une page html [ par smilandfly ] J'ai nommé mon instance conteneur "cadre":// MovieClip cadre;cadre.loadMovie("image.jpg","");qd j'utilise le swf tout vaqd je l'integre à une page htm


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 0,889 sec (4)

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