EFFET PAGE

pegase31 Messages postés 6138 Date d'inscription dimanche 21 décembre 2003 Statut Modérateur Dernière intervention 4 septembre 2013 - 5 oct. 2007 à 18:15
blue84 Messages postés 2 Date d'inscription samedi 22 novembre 2003 Statut Membre Dernière intervention 27 octobre 2010 - 27 oct. 2010 à 15:35
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/44280-effet-page

blue84 Messages postés 2 Date d'inscription samedi 22 novembre 2003 Statut Membre Dernière intervention 27 octobre 2010
27 oct. 2010 à 15:35
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;
}

}

}
blue84 Messages postés 2 Date d'inscription samedi 22 novembre 2003 Statut Membre Dernière intervention 27 octobre 2010
27 oct. 2010 à 10:46
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 ;)
jessicalopes Messages postés 7 Date d'inscription mercredi 17 juin 2009 Statut Membre Dernière intervention 7 juillet 2009
25 juin 2009 à 15:25
hiihi trop mignon merci pour le placement de l'anim
mais alors "lockroot à true" c'est comme si tu parlais chinois :D
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
25 juin 2009 à 15:05
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
jessicalopes Messages postés 7 Date d'inscription mercredi 17 juin 2009 Statut Membre Dernière intervention 7 juillet 2009
25 juin 2009 à 14:56
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
jessicalopes Messages postés 7 Date d'inscription mercredi 17 juin 2009 Statut Membre Dernière intervention 7 juillet 2009
25 juin 2009 à 14:26
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
gigamaster Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 15 juin 2009
15 déc. 2008 à 11:33
Bravo ^^
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
14 déc. 2008 à 19:49
merci nukunu.
regarde cette autre source que j'ai postée,
elle devrait faire ce que tu veux :
EFFETDECOLLEMENT
bukunu Messages postés 1 Date d'inscription dimanche 19 octobre 2008 Statut Membre Dernière intervention 12 décembre 2008
12 déc. 2008 à 17:43
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 ?
cs_verif2 Messages postés 1 Date d'inscription jeudi 14 décembre 2006 Statut Membre Dernière intervention 25 novembre 2008
25 nov. 2008 à 12:17
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
En formation Messages postés 2 Date d'inscription jeudi 7 octobre 2004 Statut Membre Dernière intervention 14 novembre 2008
14 nov. 2008 à 17:08
Merci pour tout Mousman et encore BRAVO pour cette source
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
14 nov. 2008 à 12:23
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"
castillo386 Messages postés 1 Date d'inscription mardi 4 novembre 2008 Statut Membre Dernière intervention 4 novembre 2008
4 nov. 2008 à 12:32
super
En formation Messages postés 2 Date d'inscription jeudi 7 octobre 2004 Statut Membre Dernière intervention 14 novembre 2008
3 nov. 2008 à 23:23
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é?
zejesus Messages postés 2 Date d'inscription mercredi 6 septembre 2006 Statut Membre Dernière intervention 27 août 2008
27 août 2008 à 14:24
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.
cyrilleouf Messages postés 1 Date d'inscription lundi 23 janvier 2006 Statut Membre Dernière intervention 27 mai 2008
27 mai 2008 à 13:23
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 ....
cs_tito69 Messages postés 2 Date d'inscription jeudi 22 juillet 2004 Statut Membre Dernière intervention 6 mai 2008
6 mai 2008 à 15:27
re:
je n'avais pas vu la mise à jour, je m'y colle aussitôt.
Merci
cs_tito69 Messages postés 2 Date d'inscription jeudi 22 juillet 2004 Statut Membre Dernière intervention 6 mai 2008
6 mai 2008 à 14:15
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
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
6 mai 2008 à 10:33
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...
xysis Messages postés 15 Date d'inscription lundi 24 septembre 2007 Statut Membre Dernière intervention 1 octobre 2008
3 mai 2008 à 11:32
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...
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
30 avril 2008 à 09:52
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.
xysis Messages postés 15 Date d'inscription lundi 24 septembre 2007 Statut Membre Dernière intervention 1 octobre 2008
29 avril 2008 à 18:43
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?
pegase31 Messages postés 6138 Date d'inscription dimanche 21 décembre 2003 Statut Modérateur Dernière intervention 4 septembre 2013 12
29 avril 2008 à 11:11
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'
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
29 avril 2008 à 09:58
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 !
xysis Messages postés 15 Date d'inscription lundi 24 septembre 2007 Statut Membre Dernière intervention 1 octobre 2008
18 avril 2008 à 10:11
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
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
15 avril 2008 à 12:28
sabrinalem :
j'ai mis à jour le fla pour toi.
cs_sabrinalem Messages postés 1 Date d'inscription vendredi 5 octobre 2007 Statut Membre Dernière intervention 8 avril 2008
8 avril 2008 à 20:53
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
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
22 nov. 2007 à 09:45
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 !
manosei Messages postés 1 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 19 novembre 2007
19 nov. 2007 à 15:20
bonjour,

je trouve l'effet assez sympa
mais pour moi qui suis débutant je n'ai pâs réussi à changer d'image
tompintures Messages postés 2 Date d'inscription mercredi 19 avril 2006 Statut Membre Dernière intervention 16 novembre 2007
16 nov. 2007 à 10:36
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
zen69 Messages postés 584 Date d'inscription jeudi 28 décembre 2006 Statut Membre Dernière intervention 29 avril 2010 1
15 nov. 2007 à 20:48
Wow vraiment superbe cet effet! 10/10 !!!
loryuno Messages postés 2 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 17 octobre 2007
17 oct. 2007 à 16:26
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
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
17 oct. 2007 à 10:20
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
loryuno Messages postés 2 Date d'inscription vendredi 28 septembre 2007 Statut Membre Dernière intervention 17 octobre 2007
11 oct. 2007 à 17:38
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
mousman Messages postés 23 Date d'inscription jeudi 27 janvier 2005 Statut Membre Dernière intervention 10 septembre 2008
6 oct. 2007 à 22:28
:-)
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....
pegase31 Messages postés 6138 Date d'inscription dimanche 21 décembre 2003 Statut Modérateur Dernière intervention 4 septembre 2013 12
5 oct. 2007 à 18:15
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'
Rejoignez-nous