Accueil > Forum > > > > Optimisation de code scroller image avec tweens sur plusieurs clips
Optimisation de code scroller image avec tweens sur plusieurs clips
mardi 22 septembre 2009 à 17:39:55 |
Optimisation de code scroller image avec tweens sur plusieurs clips

donchacal
|
Bonjour à tous,
J'ai fait un code à partir de différentes sources afin d'avoir un scroller image horizontal qui réagisse aux mouvements de la souris. Jusque là pas de soucis ;)
Mon animation comprend 4 clips qui ne se déplacent pas autant les uns des autres pour donner une impression de fausse 3d, un effet couramment utilisé sur certains sites flash comme celui ci par exemple : http://www.highlife.fr/#salon-1
J'ai utilisé des tweens, pour donner un effet d'accéleration / ralentissement par rapport aux mouvements de la souris.
Mon soucis, c'est l'animation rame pas mal, et j'ai l'impression que le code n'est pas très bien optimisé et qu'il reboucle en permanence, ce qui donne une saccade dans l'animation...
Voici mon code :
Code ActionScript :
import mx.transitions.Tween;
import mx.transitions.easing.*;
vitesse = 2; // Vitesse de la tween
plan0.deplacementMax=50; // Le déplacement maximum de mes clips en horizontal
plan1.deplacementMax=100;
plan2.deplacementMax=150;
plan3.deplacementMax=200;
plan0.positionInitiale=plan0._x; // Le positionnement initial de mes clips
plan1.positionInitiale=plan1._x;
plan2.positionInitiale=plan2._x;
plan3.positionInitiale=plan3._x;
var demiEcran:Number=1280/2; // Le centre de mon animation
_root.onMouseMove = function(){
// selon la position de la souris
// définition du pourcentage de mouvement
var pourcent:Number=0
var posSouris:Number=_xmouse
if (posSouris<demiEcran){
pourcent=-((demiEcran-posSouris)/demiEcran)
}else{
pourcent=((posSouris-demiEcran)/demiEcran)
}
// Les tweens pour repositionner les clips en fonction du déplacement de la souris
var MonAnim:Tween = new Tween(plan0, "_x", Strong.easeOut, plan0._x, plan0.positionInitiale+Math.round((plan0.deplacementMax)*pourcent), vitesse, true);
var MonAnim:Tween = new Tween(plan1, "_x", Strong.easeOut, plan1._x, plan1.positionInitiale+Math.round((plan1.deplacementMax)*pourcent), vitesse, true);
var MonAnim:Tween = new Tween(plan2, "_x", Strong.easeOut, plan2._x, plan2.positionInitiale+Math.round((plan2.deplacementMax)*pourcent), vitesse, true);
var MonAnim:Tween = new Tween(plan3, "_x", Strong.easeOut, plan3._x, plan3.positionInitiale+Math.round((plan3.deplacementMax)*pourcent), vitesse, true);
}
Quelqu'un aurait une idée pour optimiser ce code un peu mieux et que ce soit plus fluide ;)
Merci d'avance pour toute aide ***
|
|
Cette discussion est classée dans : code, tween, deplacementmax, positioninitiale, plan0
Répondre à ce message
Sujets en rapport avec ce message
Effectuer une animation dans un sens puis dans l'autre en AS3 à l'aide de Tween et rewind. [ par Stigmataa ]
Salut, Voila, je cherche depuis maintenant plusieurs jours comment faire pour que mon tween puisse se lire dans un sens, puis dans l'autre, je m'expli
Probléme code AS3, Faire rebondir un mc dans la scéne [ par analxlogik ]
Plop all ! Étant une grande débutante, j'ai un petit probléme sur lequel je bûche depuis quelques jours déja. En espérant ne pas faire un repost, je
plusieurs tweens dans une boucle while [ par remlev ]
Bonjour, -J'ai créé une mosaïque à partir d'un clip (avec duplicateMovieClip) les clips ont des noms créés par une boucle while ils sont dans un con
Problème Tween et Flash Player 10 [ par Orange73 ]
Hello, J'ai un soucis de Tween lorsque je publie avec le lecteur flash player 10 (fichier > parametres de publication > lecteur). Les tweens du code
Problème de Code [ par candyman02 ]
Bonjour, le code ci dessous me permet d'avoir un motif en fond de mon swf quelque soit la taille de la fenêtre, avec un recentrage automatique du swf
insérer du code html dans un ficher xml [ par jihednond ]
Bonjour, je cherche à insérer du HTML dans un fichier XML (pour par exemple mettre en gras un bout de texte sans forcement recreer un element) exemp
close load en as2 [ par yoyowebdesigner ]
Bonjours à tous, j'ais un petit probleme en as2: j'ai fait un clip en frame 1 avec un code de chargement et une barre de progression à l'interieur d
teleportation d'un mc [ par nikko76600 ]
Bonjour, je suis en train de créer ma première annim, et j'ai besoin de faire en sorte que le personnage se "téléporte" d'un point a un autre. j'ai d
Organisation de code [ par Orange73 ]
Hello, Juste une petite question concernant la methode de developpement a appliquer pour ce genre de projet : 3 template different pour 3 element de
mouvement vraiment saccadé d'un tween avec un effet blur [ par talock ]
Bonjour à tous, je suis confronté à un problème depuis au moins une semaine. j'ai répété une image que je fai déplacer en x y et z avec une impression
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|