Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1336 connectés 

  FORUM HardWare.fr
  Programmation
  Flash/ActionScript

  Portefolio en flash

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Portefolio en flash

n°1687282
magiclazy1​23
Posté le 16-02-2008 à 14:07:56  profilanswer
 

Bonjour à tous et à toute,
 
Je crèvre d'envie de rentrer à L'IIM ( Institut international du multimédia ) je suis don en train de créer un portofolio à joindre à mon dossier
je me débrouille  pas mal dans un peu dans tout les domaines mais pas assez en flash pour créer la galerie de ce portfolio
Voici mon projet :
 
http://www.monsterup.com/upload/1203166927.jpg
 
- une galerie horizontal cyclique
- la photo principal centrée et net avec un zoom quand on passe dessus
- quand on clique dessus elle s'agrandie et si c'est une vidéo se lance ...
- les photo latéral plus petite floue
- un déplacement de cette "roue" horizotal en fonction de la position de la souris type : http://www.inook.fr/ et  j'ai la source slaveweb.free.fr/slide.swf
 
j'ai fait quelques recherches comme http://www.mammouthland.net/cours/css/zoom_image.php ceci pour le zoom mais je n'ai vraiment pas le scapacités pour la créer seul
 
Votre aide m'est donc indispensable merci à tous d'avance !
 
 
ps des pistes ^^ : http://www.flashxpress.net/content/view/265/59/
 


Message édité par magiclazy123 le 16-02-2008 à 14:49:04
mood
Publicité
Posté le 16-02-2008 à 14:07:56  profilanswer
 

n°1687290
magiclazy1​23
Posté le 16-02-2008 à 14:58:32  profilanswer
 

ok donc voici ce que je dois utiliser pour déplacer le menu maintenant je dois trouver :
 
- comment faire quelle rétréssice en séloignant du centre donc définier un centre et des limites extérieures ...
 

Code :
  1. difference = _xmouse - arrow._x;
  2. arrow._x = arrow._x + (difference/delay);
  3. menu._x = - arrow._x;


Message édité par magiclazy123 le 16-02-2008 à 14:59:11
n°1687297
antika
Posté le 16-02-2008 à 15:51:11  profilanswer
 

Tu dois changer l'échelle des MovieClips contenant tes images via leurs propriétés _xscale/_yscale, et leur appliquer un filtre BlurFilter via la propriété filters. Les valeurs à appliquer à ces propriétés sont proportionnelles à la distance entre le clip et le centre.
 
Ce sera plus joli si le calcul n'est pas simplement linéaire (valeur = d / CONSTANTE) mais plus alambiqué ( utilise les propriétés de l'équation y = x² par ex.). Si le rapport est uniquement linéaire tu n'auras pas cette impression de "tambour circulaire" que tu souhaites, qui apparaît si le rapport est quadratique.
 
Pour calculer la distance entre deux points dans un repère cartésien la formule c'est ça (cf. tes cours de seconde) :
 
d = racine carrée ( (xb-xa)² + (yb-ya)² )
 

Code :
  1. var d:Number = Math.floor( Math.sqrt( Math.pow( 2 , b._x - a._x ) - Math.pow( 2 , b._y - a._y ) ) );


Message édité par antika le 16-02-2008 à 15:53:49

---------------
(vivement qu'AS3 se généralise et que je n'ai plus à répondre à ce genre de questions, faute de gens pour les poser)
n°1687329
antika
Posté le 16-02-2008 à 17:52:51  profilanswer
 

Code :
  1. d=Math.floor( Math.sqrt( Math.pow( menu2._x - midlle._x , 2 ) + Math.pow( midlle._y - menu2._y , 2 ) ));


 
Désolé mec, j'avais pas vérifié la syntaxe de Math.pow();
 


---------------
(vivement qu'AS3 se généralise et que je n'ai plus à répondre à ce genre de questions, faute de gens pour les poser)
n°1687330
magiclazy1​23
Posté le 16-02-2008 à 17:57:50  profilanswer
 

pow(Valeur1, Valeur2)  Retourne le nombre Valeur1 à la puissance Valeur2


Message édité par magiclazy123 le 16-02-2008 à 19:35:42
n°1687331
magiclazy1​23
Posté le 16-02-2008 à 17:58:09  profilanswer
 

AAA GRILLED sa fait 2h que je cherche lol c'était l'inverse smirff ^^

n°1687341
magiclazy1​23
Posté le 16-02-2008 à 18:16:00  profilanswer
 

VICTOIRE http://slaveweb.free.fr/test.swf
 
merci je continue
n'hésitez pas à commenter et me conseiller merci d'avance

n°1687342
antika
Posté le 16-02-2008 à 18:18:09  profilanswer
 

Citation :

n'hésitez pas à commenter


 
C'est bien, tu t'en sors, mais tu postes trop.


---------------
(vivement qu'AS3 se généralise et que je n'ai plus à répondre à ce genre de questions, faute de gens pour les poser)
n°1687357
magiclazy1​23
Posté le 16-02-2008 à 19:21:02  profilanswer
 

voilà le flou mais à améliorer grandement ..
http://slaveweb.free.fr/test.swf
 
[EDIT] : j'ai rajouté un deuxième cube mais plusieurs problèmes sont apparues ils faut que :
 
- l'écart entre les cubes varient suivant une courbe de type 1/x²
- faire varier les _yscale suivant la même courbe
- trouver une solution pour que _xscale varie suivant cette courbe aussi  : ceci semble satisfaisant

Code :
  1. 1/((Math.pow(g,2))*0.0000005)


pas facile .. merci d'avance pour toutes vos idées


Message édité par magiclazy123 le 16-02-2008 à 20:11:02
n°1687369
antika
Posté le 16-02-2008 à 20:57:38  profilanswer
 

- inverse l'axe x, pour l'instant c'est contraire aux usages ce que tu fais (quand la souris va vers la droite, le tambour devrait tourner vers la gauche)
- fait varier _alpha et _yscale bien sûr
- manque le easing
- beau travail pour un hfrien


Message édité par antika le 16-02-2008 à 21:02:25

---------------
(vivement qu'AS3 se généralise et que je n'ai plus à répondre à ce genre de questions, faute de gens pour les poser)
mood
Publicité
Posté le 16-02-2008 à 20:57:38  profilanswer
 

n°1687372
magiclazy1​23
Posté le 16-02-2008 à 21:12:34  profilanswer
 

ouaou merci beaucoup
le problème c'est que je ne sais pas trop comment faire varier le yscale enfin en fonction de quoi ...
pour le reste j'y travaille merci beaucoup ;)  
mais c'est pas finit il faut maintenant que quand je clique les "photo" ou vidéo prenne tout l'espace ..etc encore du taf ^^
 
[EDIT] arf je n'arrive pas à inverser l'axe des x un moins ne suffit pas ..


Message édité par magiclazy123 le 16-02-2008 à 21:16:55
n°1687534
magiclazy1​23
Posté le 17-02-2008 à 18:46:34  profilanswer
 

Bonjour à tous j'ai bien avancé alors voila le fichier http://slaveweb.free.fr/test2.html
 
il me reste le easing et le _yscaling sur lequel je câle encore j'ai néttoyé le code le voici (rro c opensource :D):
 

Code :
  1. //DEF VALEURS
  2. divxscale = 0.0000005;
  3. pwrblur = 17000;
  4. foisx = 0.000001 ;
  5. //ORIENTATION
  6. //P01//ORIENTATION
  7. difference = _xmouse - arrow._x;
  8. arrow._x = arrow._x + difference-8;
  9. p1._x = - arrow._x;
  11. //P02//ORIETATION
  12. p2._x = p1._x+ 1/((Math.pow(g,2))*foisx);//changer 50 par un truc relié a linverse de la distance au carré
  13. //P03//ORIETATION
  14. p3._x = p2._x+ 1/((Math.pow(h,2))*foisx);//changer 50 par un truc relié a linverse de la distance au carré
  16. //SCALE X1;
  17. d=Math.floor( Math.sqrt( Math.pow( m._x - p1._x,2 )+ Math.pow( m._y - p1._y,2) ));
  18. p1._xscale=1/((Math.pow(d,2))*divxscale);
  19. //SCALE X2;
  20. g=Math.floor( Math.sqrt( Math.pow( m._x - p2._x,2 )+ Math.pow( m._y - p2._y,2) ));
  21. p2._xscale=1/((Math.pow(g,2))*divxscale);
  22. //SCALE X3;
  23. h=Math.floor( Math.sqrt( Math.pow( m._x - p3._x,2 )+ Math.pow( m._y - p3._y,2) ));
  24. p3._xscale=1/((Math.pow(h,2))*divxscale);
  26. //FLOUX1
  27. blur1 = (Math.pow(d,2)/pwrblur)-2;
  28. quality = 100;
  29. blur1 =new flash.filters.BlurFilter(blur1, blur1, quality);
  30. p1.filters = [blur1];
  31. //FLOUX2
  32. blur2 = (Math.pow(g,2)/pwrblur)-2;
  33. quality = 100;
  34. blur2 =new flash.filters.BlurFilter(blur2, blur2, quality);
  35. p2.filters = [blur2];
  36. //FLOUX3
  37. blur3 = (Math.pow(h,2)/pwrblur)-2;
  38. quality = 100;
  39. blur3 =new flash.filters.BlurFilter(blur3, blur3, quality);
  40. p3.filters = [blur3];

n°1687556
magiclazy1​23
Posté le 17-02-2008 à 20:50:49  profilanswer
 

hey bonsoir, j'ai une question dans  
 
d=Math.floor( Math.sqrt( Math.pow( m._x - p1._x,2 )+ Math.pow( m._y - p1._y,2) ));
 
comment fair pour que le p1._x corresponde au milieu de l'image et non au bord gauche ... ce qui me décale tout ... merci d'avance
 
[EDIT] jai mise à jour la vidéo postez vos commentaire il y a plein de petits default difficil à corriger merci d'avance pour votre aide ..

Message cité 1 fois
Message édité par magiclazy123 le 17-02-2008 à 21:23:58
n°1687662
Zedlefou
In cabbage we trust !
Posté le 18-02-2008 à 08:36:08  profilanswer
 

magiclazy123 a écrit :

hey bonsoir, j'ai une question dans  
 
d=Math.floor( Math.sqrt( Math.pow( m._x - p1._x,2 )+ Math.pow( m._y - p1._y,2) ));
 
comment fair pour que le p1._x corresponde au milieu de l'image et non au bord gauche ... ce qui me décale tout ... merci d'avance


 
Soit tu tu fais mc._x + mc._width/2  
 
Soit au moment de creer ton clip tu mets un register point (me souviens plus en Francais) au centre et non pas en haut a gauche par defaut :
http://www.free-webmaster-resource [...] 6/pic1.gif


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°1687664
magiclazy1​23
Posté le 18-02-2008 à 08:54:01  profilanswer
 

super je regarde ça
 
http://www.mjau-mjau.com/classic.html
 
maginifique la gallerie du haut !
 
[EDIT] ARFFF j'arrive plus à avancer pouvez vous m'aider ? merci


Message édité par magiclazy123 le 18-02-2008 à 09:12:21
n°1689260
magiclazy1​23
Posté le 20-02-2008 à 12:10:24  profilanswer
 

up

n°1690327
magiclazy1​23
Posté le 21-02-2008 à 19:03:28  profilanswer
 

salut bon pour faire un petit up et vous montrer une idée d'index pour séparer mes deux galeries .. dites moi tout ;) !
 
http://img337.imageshack.us/img337/9495/indexfa9.th.jpg


Message édité par magiclazy123 le 21-02-2008 à 19:03:54
n°1690429
Zedlefou
In cabbage we trust !
Posté le 22-02-2008 à 03:54:18  profilanswer
 

Bon t'en es ou, tu cherches a faire quoi ? (j'avoue que j'ai un peu decroché)


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°1690459
magiclazy1​23
Posté le 22-02-2008 à 08:48:36  profilanswer
 

http://slaveweb.free.fr/test2.html
 
^^ pas de soucis et bien dans l'animation flash j'ai plusieurs soucis d'abord  
 
-l'écart entre les cellules  n'est pas assez important au MOMENT ou ma souris et sur la cellule et ou cette derniere devrait avoir un xscale de 100
 
- je n'arrive pas a configurer un yscale convenable
 
mais c'est surtout le positionnement des cellules qui ne va pas enfin je trouve que cela ne fait pas tres beau elle se superpose puis sa se décale sur la droite ...
 
 
le code
 

Code :
  1. //DEF VALEURS
  2. divxscale1 = 1386750;
  3. divxscale2 = 2250000;
  4. divxscale3 = 2408333;
  5. pwrblur = 12000;
  6. foisx = 0.000001 ;
  7. //ORIENTATION
  9. //P01//ORIENTATION
  10. difference = _xmouse - arrow._x;
  11. arrow._x = arrow._x + difference-220;
  12. p1._x = - arrow._x;
  13. //P02//ORIETATION
  14. p2._x = p1._x + 3/((Math.pow(g,2))*foisx);//un truc relié a linverse de la distance au carré
  16. //P03//ORIETATION
  17. p3._x = p2._x + 3/((Math.pow(h,2))*foisx);//un truc relié a linverse de la distance au carré
  19. //SCALE X1;
  20. d=Math.floor( Math.sqrt( Math.pow( m._x - p1._x,2 )+ Math.pow( m._y - p1._y,2) ));
  21. p1._xscale=3/((Math.pow(d,2))/divxscale1);
  22. //SCALE X2;
  23. g=Math.floor( Math.sqrt( Math.pow( m._x - p2._x,2 )+ Math.pow( m._y - p2._y,2) ));
  24. p2._xscale=3/((Math.pow(g,2))/divxscale2);
  25. trace(g);
  26. //SCALE X3;
  27. h=Math.floor( Math.sqrt( Math.pow( m._x - p3._x,2 )+ Math.pow( m._y - p3._y,2) ));
  28. p3._xscale=3/((Math.pow(h,2))/divxscale3);
  30. //FLOUX1
  31. blur1 = Math.pow(d,2)/pwrblur-2;
  32. quality = 100;
  33. blur1 =new flash.filters.BlurFilter(blur1, blur1, quality);
  34. p1.filters = [blur1];
  36. //FLOUX2
  37. blur2 = (Math.pow(g,2)/pwrblur)-2;
  38. quality = 100;
  39. blur2 =new flash.filters.BlurFilter(blur2, blur2, quality);
  40. p2.filters = [blur2];
  42. //FLOUX3
  43. blur3 = (Math.pow(h,2)/pwrblur)-2;
  44. quality = 100;
  45. blur3 =new flash.filters.BlurFilter(blur3, blur3, quality);
  46. p3.filters = [blur3];


Message édité par magiclazy123 le 22-02-2008 à 08:49:32
n°1693564
magiclazy1​23
Posté le 27-02-2008 à 14:10:01  profilanswer
 

http://www.oneover.com/
 
VOILA !!! c'est ça à quoi je veux arriver ... j'ai vraiment besoin de votre aide merci beaucoup à tous d'avance !
 
ps:je vous remercie d'avance alors attention à celui qui réponds pas !! XD :D

n°1746165
jeanMOULIN​54
Posté le 13-06-2008 à 16:10:41  profilanswer
 

j'aurai aimé avoir les 3lignes de code commenté svp :  
 
difference = _xmouse - arrow._x;
arrow._x = arrow._x + (difference/delay);
menu._x = - arrow._x;
 
Merci, jarriverai mieux à comprendre :)

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Flash/ActionScript

  Portefolio en flash

 

Sujets relatifs
Animation flash veut pas s afficher. Help !!!!![PHP ou javascript]Récupérer la résolution d'une vidéo flash
flash: revenir là ou le clip s'est arretérecherche flash
onLoad ne fonctionne que dans l'éditeur flash!?Couplage javascript / flash - Ajouter comme page de demarrage
PHP & FLASH ensemble[IE7] flash puis loadvars
Problême de restriction menu flash par IEFlash 8 et caractères japs, corréens,arabes ... ce qu'il faut savoir?
Plus de sujets relatifs à : Portefolio en flash

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.108 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR