begin process at 2012 02 10 07:03:13
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets d'images

 > EFFET PAGE

EFFET PAGE


 Information sur la source

Note :
8,29 / 10 - par 7 personnes
8,29 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets d'images Classé sous :page, affiche, effet Niveau :Initié Date de création :05/10/2007 Date de mise à jour :15/04/2008 12:27:39 Vu / téléchargé :23 511 / 4 639

Auteur : mousman

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

 Description

on me l'a demandé alors je le met en ligne pour tout le monde.
Ce petit code simule l'affichage d'une page ( ou plutôt d'une affiche).

Il nécessite seulement d'importer votre image dans la bibliothèque.





 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

15 avril 2008 12:27:39 :
j'ai mis à jour le code pour prendre en compte l'affichage de plusieurs images les unes à la suite des autres. dans la source il y a 2 images. au niveau du code il suffit d'ajouter les images dans le tableau clipArray . exemple : clipArray.push("img"); clipArray.push("img2");

 Sources du même auteur

Source avec Zip EMETTEUR DE PARTICULES AS3
Source avec Zip EFFETDECOLLEMENT

 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 Source avec une capture EFFET D'EAU RÉALISTE - AS2 par Choumoumou
Source avec Zip Source avec une capture [AS3 - CS4] MOTION BLUR EFFECT par stefbuet
Source avec Zip Source avec une capture [AS3 - CS4] CLASSE EFFET HDR GLOW par stefbuet
Source avec Zip Source avec une capture PARTICLE 1.0 par Ockam
Source avec Zip FLAMME EN FLASH TOUTE SIMPLE par darksoul

Commentaires et avis

Commentaire de pegase31 le 05/10/2007 18:15:18 administrateur CS

En gros c'est exactement la même source que ton code précédent .. un tantinet optimisé, mais quel est l'interêt ?

Peg'

Commentaire de mousman le 06/10/2007 22:28:22

:-)
En fait c'est la source opposée !!
avec un effet opposé....

source precedente = decolage
cette source = colage,
comme ca c'est complet.

Et si le code est plus simple,
c'est que c'est plus simple à faire que l'autre effet...

you see ?

Quand à l'interet je l'ai expliqué dans la description....


Commentaire de loryuno le 11/10/2007 17:38:20

Bravo pour cet code. Il permet d'obtenir un effet très intéressant.
Je me suis posé une question: serait-il possible de faire en sorte que l'animation se répète après quelques instants,. Naturellement pour obtenir un effet différent de ce qu'on a obtenu sur le site indiqué comme exemple, avec affichage des liens internes du site. Ce qui serait intéressant c'est l'apparition et la disparition de l'image, d'ailleurs avec procédé inversé.
J'ai essayé d'ajouter une image clé, mais cela ne marche pas. J'ai aussi essayé en mettant un bout de code supplémentaire, mais cela n'a pas marché non plus, même si le code semblait correct: un code qui permette de répéter à l'infini les 48 premières lignes du code: le principe de l'animation bouclée). Serait-ce une chose impossible avec ce genre d'animation?
Merci d'avance et bravo pour cette trouvaille.
Lorenza

Commentaire de mousman le 17/10/2007 10:20:29

merci lorenza.

pour faire ce que tu veux il faut remplacer la fonction deplace() par celle-ci :

function deplace()
{
count++;
imgMcInv._x +=2;
if(count <= maxCount1)
{
masqueMc._x ++;
}
if(count >= maxCount2)
{
clearInterval(intervalId);
count = 0;
imgMcInv._x =monMc._x + 15;
masqueMc._x = monMc._x - imgMc._width;
intervalId = setInterval(this, "deplace", 5);
}
}

voila....
Mousman

Commentaire de loryuno le 17/10/2007 16:26:59 8/10

Merci, Mousman.
Effet très intéressant. Je viens d'ajouter une note (une bonne note) à ce code source.
Je vais de ce pas essayer cette modification du code.
Ciao
Lorenza

Commentaire de zen69 le 15/11/2007 20:48:06 10/10

Wow vraiment superbe cet effet! 10/10 !!!

Commentaire de tompintures le 16/11/2007 10:36:54

Bonjour,

quelqu'un aurait-il l'amabilité de me dire si il est possible d'ajouter d'autre images à  la suite de la première ?
merci d'avance !


Tom

Commentaire de manosei le 19/11/2007 15:20:39

bonjour,

je trouve l'effet assez sympa
mais pour moi qui suis débutant je n'ai pâs réussi à changer d'image

Commentaire de mousman le 22/11/2007 09:45:39

tompinture :
pour ajouter d'autre images à la suite de la premiere il faut les ajouter dans le clip "img" qui est dans la bibliotheque.

manosei :
  pour changer l'image tu peux soit modifier l'image gif dans la bibliotheque,
soit en mettre une autre dans le clip "img" de la bibliotheque.

Voila......

en esperant que ca répond à vos attente !

Commentaire de sabrinalem le 08/04/2008 20:53:45

pour changer d'image j'ai compris mais pour mettre plusieurs comment fait on exactement car quand je regarde le swf mais image clignotent. Merci

Commentaire de mousman le 15/04/2008 12:28:50

sabrinalem :
j'ai mis à jour le fla pour toi.

Commentaire de xysis le 18/04/2008 10:11:13 7/10

Bonjour un effet très interessant car il permet en effet de simmuler les pages d'un livre.

Que donnerait ce code en AS3 svp?? Où peut on trouver une bibliotheque des fonctionnalités de la classe Tween?

J'en demande pas trop? XD

Commentaire de mousman le 29/04/2008 09:58:20

salut xysis,
pour l'as3 je ne sais pas , je ne m'y suis pas vraiment mis.
Mais il n'y aurait pas beaucoup de changement je pense.
Je ne comprend pas ta question sur la classe Tween,
ou en tout cas le rapport avec mon code !

Commentaire de pegase31 le 29/04/2008 11:11:48 administrateur CS

Pour l'as3 il y aurait beaucoup de changements dans ton code .. déjà plus de movieClips, plus de setInterval et si tu utilises une classe qui extends la class Sprite, tu as un gain de ressources énormes. (sans parler du côté "réutilisable")

Tu devrais t'y mettre ;)

Peg'

Commentaire de xysis le 29/04/2008 18:43:24

Les classes tween permettent de gerer des animations selon des parametre défini et existants. Peut etre existe t il une solution pour obtenir le meme résultat grace à elles (ce n'etait qu'une question à laquelle j'ai répondu par moi meme.)

Pegase31 : plutot que d'utiliser setInterval les timers ne rempliraient ils pas plus simplement cette tache? (c'est peut etre la meme chose?...). Ou de simple boucles for??

En tout cas avec AS3 l'utilisation des XML est simplifiée et l'animation beaucoup plus fluide ( pas fini de réaliser la meme galerie en AS3 je seche sur l'animation : boucle ou timer?...). Pour se simplifier la vie un espace d'administration serait très utile mais à votre avis, vaut il mieux utiliser une config XML, une base de données et interaction php pour les modifications ou intégrer l'espace d'administration directement dans le flash?

Commentaire de mousman le 30/04/2008 09:52:22

pegase : je vais m'y mettre sérieusement ! :-)
xysis : pour une config, xml est parfait.
son point faible c'est les gros volumes,
les requetes via xsl étant vraiment moins performantes que des requetes sql.
un autre point faible du xml pourrait etre aussi la frequence de mises à jour des données.
pour une config simple j'utilise xml,
sinon une bdd et un script php générant du xml pour transmettre les données à flash.

Commentaire de xysis le 03/05/2008 11:32:01

Au fait il y a une source fabuleuse concernant le meme effet. Mais en beaucoup plus propre et dont le résultat est vraiment réaliste. Je cherche le lien et je le poste

http://www.iparigrafika.hu/pageflip/

(J'aimerais bien voir cette anim, la tienne ou l'autre, tourner en AS3 ^^ )

Une autre question : peut on mettre des éléments AS2 ET AS3 sur la meme page html? (il me semble que le flash player et la gestion du RUN ACTIVE CONTENT disent M.... mais jamais essayé)

Au fait mousman le rapport entre ton anim et mes questions ne te parrait peut etre pas évident mais essaye d'imaginer les possibilité de dévellopement que ces réflexions offrent. Utiliser des classes existantes et puissantes spécialisées dans l'animation (tween) peut surement simplifier le dévellopement d'un telle animation) Pour as2 as3 je n'ai juste jamais testé et je vois pas l'utilité de poster un sujet sur ca quoi que...

Commentaire de mousman le 06/05/2008 10:33:17

je connais la source que tu as mis en lien.
mon code n'est pas comparable, c'est juste un petit code pour faire une anime simple.
Cela dit je gère une feuille avec un effet de semi transparence qu'il n'y a pas dans pageflip :-)


Mais ca pourrait etre un projet interessant à faire en AS3, et là effectivement pour plus de réalisme les tweens seraient un plus (pour la gestion de la gravité ou de l'inertie par exemple).

Pour ta question je sais pas.
Tout ce que je sais c'est qu'en théorie on peut faire un loadMovie dans AS3 d'un swf exporté pour flash 8....
j'ai commencé à regarder l'AS3 mais je débute...

Commentaire de tito69 le 06/05/2008 14:15:20

Bonjour,
très sympa!
je répète la question qui peut aider les néophytes, comment ajouter une suite d'image, et que le tout tourne en boucle.
merci merci

Commentaire de tito69 le 06/05/2008 15:27:40 7/10

re:
je n'avais pas vu la mise à jour, je m'y colle aussitôt.
Merci

Commentaire de cyrilleouf le 27/05/2008 13:23:45

C est simple et chanmé .....  Moi qui n y capte rien en code ....Je m y retrouve ..Parole de dilettante ...Merci mec  c est un plaisir d ejouer avec vos codes a tous ....En esperant unjour vous rendre la pareille ....

Commentaire de zejesus le 27/08/2008 14:24:46

Bonjour moi je cherche ce style de code mais que l'animation débute par le centre de l'image comme si on ouvrait la  photo plier en 2. Par avance merci.

Commentaire de En formation le 03/11/2008 23:23:38 9/10

Bravo pour ce script, très sympa.
J'ai bien suivi les instructions pour rajouter des images mais cela ne marche pas.
Après avoir créé les clips dans la bibliothèque, j'ai ajouté les lignes
clipArray.push("img3");
clipArray.push("img4");
clipArray.push("img5");
clipArray.push("img6"); dans les actions mais seules les 2 premières images s'affichent...
Qu'ai je raté?

Commentaire de castillo386 le 04/11/2008 12:32:36

super

Commentaire de mousman le 14/11/2008 12:23:16

merci pour les compliments.
en formation :
   vérifie que tu as bien renseigné l'identifiant de liaison des clips que tu as crées ("img3" ,"img4"...) et coché la case "exporter pour actionscript"

Commentaire de En formation le 14/11/2008 17:08:33

Merci pour tout Mousman et encore BRAVO pour cette source

Commentaire de verif2 le 25/11/2008 12:17:44

Bonjour tous le monde. voilà ce que mon firewall scan au moment de l'enregistrement de la source. "L'accès à cette page vous a été refusé car ce virus à été détecté :
Clamd: Suspect.Zip

Commentaire de bukunu le 12/12/2008 17:43:57 9/10

Super source :)
J'ai juste une tite question serait il possible
en changeant quelques lignes de code de faire en sorte que l'image se soulève plutot qu'elle ne se pose ?

Commentaire de mousman le 14/12/2008 19:49:24

merci nukunu.
regarde cette autre source que j'ai postée,
elle devrait faire ce que tu veux :
EFFETDECOLLEMENT

Commentaire de gigamaster le 15/12/2008 11:33:54 8/10

Bravo ^^

Commentaire de jessicalopes le 25/06/2009 14:26:00

est ce que quelqu'un saurait comment on dispose cette anim ailleurs dans la page, j'aimerais en fait la caller en bas à gauche mais je ne sais pas quoi modifier dans le code please

Commentaire de jessicalopes le 25/06/2009 14:56:24

ou alors m'expliquer pourquoi quand je la charge comme .swf dans une autre anim, elle ne fait plus le même effet en gros les pages traversent l'écran enfin c'est dirt quoi

Commentaire de mousman le 25/06/2009 15:05:12

hello jessicalopes.
Dans le code tu as ces deux lignes :
monMc._x = 60;
monMc._y = 30;
Elles servent à placer l'anim......

Pour le chargement dans un swf,
tu as essayé avec un lockroot à true ?

Mousman

Commentaire de jessicalopes le 25/06/2009 15:25:05

hiihi trop mignon merci pour le placement de l'anim
mais alors "lockroot à true" c'est comme si tu parlais chinois :D

Commentaire de blue84 le 27/10/2010 10:46:48

Hello,
Tout d'abord félicitation pour ton effet page.
Cependant, je voulais savoir comment tu peux faire pour faire en sorte qu'à la fin cela revienne au début.
Tu as expliqué un autre effet à Lorenza (elle ne marche pas) mais moi je voulais juste savoir comment faire pour revenir au début et faire en sorte une boucle.

Encore bravo pour ton code ;)

Commentaire de blue84 le 27/10/2010 15:35:14


Hello,

C'est bon j'ai trouvé comment faire la boucle, c'est tout bête ;)
Si qqn est interessé voilà le code qu'il faut mettre à la place de function deplace:



function deplace()
{
count++;
imgMcInv._x +=2;
if(count <= maxCount1)
{
masqueMc._x ++;
}
if(count >= maxCount2)
{
clearInterval(intervalId);
if (++imgEnCours < clipArray.length){
flip(clipArray[imgEnCours]);
}
else
{
count= 0;
flip(clipArray[0]);
imgEnCours = 0;
}

}

}

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

effet tourner une page dans une bannière [ par jw_dev ] Voilà, j'ai vu sur une bannière un effet de transition dans le sénario comme si une page se tourne pour faire apparaitre une autre partie de la banniè Effet d'intro [ par laubro ] Bonjour,je voudrais, pour une page d'accueil, compos&#233;e en fait de 4 images, formant un carr&#233; une fois r&#233;unis, avoir un effet faisant en La page web n' affiche que le fichier Flash [ par OneWAY ] J'ai croisé par hasard ce site réunissant de nombreuses réalisations flash, mais la plus déroutante, c'est le site en lui même... <br Effet Goutte d'Eau sur un texte [ par Mrik37 ] Bonjour à tous, Je cherche à créer un effet de goutte d'eau sur un texte. Sur plusieurs secondes, j'aimerai qu'un texte s'affiche par amélioratio Effet "page qui tourne" [ par skullo ] Bonjour &#224; tous...J'aimerai savoir si quelqu'un sait comment proc&#233;der pour avoir une navigation &#233;quivalente&nbsp;&#224; celle dispo sur com flash php ?? [ par kingcobra ] salut,je connais bien la communication flash php, mais un probleme me vient.J'ai un site en php, et je voudrai, par exemple pour une page de statistiq Problème avec un scrollpane avec variable php image [ par oeann ] Bonjour,J'ai beaucoup chercher sur ce forum et sans parler de google pour trouver une solution a mon probléme... sans succès...Je suis en train de mon Page HTML qui affiche un SWF directement à une frame donnée [ par flashced ] Bonjour à tous, Quelqu'un peut il aider un débutant ? Voila, je tente simplement de créer une page html qui contient une anim flash. Je voudrais que anuler l'effet pages qui tournent [ par charlottedu42 ] Bonjour. Je suis complètement débutante en flash et je dois créer un livre intéractif pour ma boite! Aïe! comme vous devez vous dire! [^^happy3] A ma Effet 3d sur l'apparition d'une page/feuille [ par piorock ] Bonjour à tous, j'aimerai savoir comment il est possible de faire un effet 3d sur l'apparition d'une page sous flash. J'ai essayé de trouver une rép


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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,388 sec (4)

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