preload preload

emob formation video photoshop

soldes sur formation vidéo

Vous êtes au niveau: Accueil > Tutoriaux Vidéo > Tutorial Vidéo #14 - Créer un bandeau panoramique sous Flash / Action Script

 

Tutorial Vidéo #14 - Créer un bandeau panoramique sous Flash / Action Script

Voici le 14ème tutorial vidéo gratuit sur Emob !! 2 exclusivités pour le prix d´une, le premier tutorial en flash et le premier tutorial réservé à la programmation... vous l´aurez compris nous allons voir de l´Action Script ...

Ce tutorial se classe dans une catégorie de difficulté intermédiaire car il demande des connaissances minimums en flash et/ou programmation. Alors pour les grands débutants, tout ceci risque d´être un peu difficile mais si vous suivez tout à la lettre vous arriverez au même résultat ;-) ...

Premiere Partie

tutorial 14 partie 1

Pour cette première partie quelques petites explications quand on fonctionnement du programme.

Seconde partie

tutorial 14 partie 2

Pour cette partie nous allons créer un document flash, importer et positionner des images. Et pour finir nous allons écrire les premières lignes d´Action Script pour l´affichage des medias.

Troisième partie

tutorial 14 partie 3

Enfin la dernière partie va nous permettre de déplacer les éléments avec l´Action Script, programmer des conditions et gérer des variables. Et finir tout simplement le script pour rendre le panoramique opérationnel.

Pour les plus fainéants d´entre vous voici les sources en format texte, on ne va pas vous faire tout le boulot non plus ;-)

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

// variables
var largeur_scene=600;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

}

stop();

Et donc comme toujours vous pouvez nous envoyer vos créations en commentaires sur le billet ou au blog@emob.fr, cette fois ci sous forme de liens... format oblige !!

 

 

 

Dans le même esprit...

 

 


Plus de tutoriaux vidéo gratuits ?

Découvrez l'intégralité des tutoriaux vidéo gratuits d'emob sur cette page. 

tuto.com

Sur Tuto.com, téléchargez plus de 3500 formations informatiques en vidéo

 
 

tuto gratuit

 

abonnez vous aux articles d'emob   Abonnez-vous aux articles d'emob!

Vos Commentaires

594 commentaires déjà postés

1. Le mardi 12 septembre 2006 à 16:32, par kaki33

Bravo pour ce tutorial ... Je teste ça dès que je recupère une version d'essai de Flash !!
Bravo (je radoe moi ?)

 

2. Le mardi 12 septembre 2006 à 16:41, par mouwaie

Il n'y a plus de présentation video avec nico ?? :-|

GG quand mm ;-)

 

3. Le mardi 12 septembre 2006 à 16:48, par Nico project chief

mouwaie>tout simplement parce que c'est Olivier qui a réalisé ce nouveau tutorial et qu'il n'a pas voulu passer devant la caméra....trop timide que voulez-vous :-/

 

4. Le mardi 12 septembre 2006 à 16:51, par dev

merci pour ce nouveau tuto :-|
continuez comme ça c'est très bien ce que vous faîtes :-C !!

 

5. Le mardi 12 septembre 2006 à 17:03, par Ombre

Comme dab bon tuto ;) bien que j'ai delaisser flash depuis quelques temps, je suis trop tomber amoureux de photoshop :-| du coup mes connaissance limiter a flash on disparues 8-O

 

6. Le mardi 12 septembre 2006 à 17:17, par Ombre

Petite question que je me pose dpeuis quelques temps...
Avec quel logiciel creez vous vos tuto ? Merci et encore tres bon boulot :)

 

7. Le mardi 12 septembre 2006 à 17:25, par Stol

Yep yep, c'est tout bon ça!!
Olivier va falloir en faire pleins d'autres pour qu'a la fin tu parraises complètement décontracté... :-|

en tout cas merci beaucoup ;-)

 

8. Le mardi 12 septembre 2006 à 17:32, par Nansouze

Super Merki Bcp

Je mets aussi un lien vers un tuto similaire si cela vous interesse

www.kirupa.com/developer/...

 

9. Le mardi 12 septembre 2006 à 17:43, par Stéphane

Gros gros merci pour ce tuto, j'ai essayer pas mal de soft et pour le moment aucun me convient, et voici que vous proposé cette solution, c'est vraiment magnifique, je sais pas comment vous le dire mais merci !! :-|

 

10. Le mardi 12 septembre 2006 à 17:50, par pomme_citron

Tout simplement merci ;-) j'ai du pain sur la planche ce soir ,)

 

11. Le mardi 12 septembre 2006 à 17:56, par enkei

cool sa marche très bien merci pour ce tuto ;-) :-|

 

12. Le mardi 12 septembre 2006 à 18:21, par Aurao

Vos tutos sont excélents !! Je suis tombé dessus par hasard et je suis fan !! Continuez c'est vraiment trop bien !! Je touchai déjà un peu à à peu pré tout les logiciels que vous utilisez dans vos tuto mais j'en apprend énnormément avec vous !! MERCI BEAUCOUP !!!

Je vous envoie ma panoramique dèq que je peux ^^
(une belle pannoramique du Cap d'Agde ^^)

 

13. Le mardi 12 septembre 2006 à 18:29, par Stéphane

J'aurais une petite question; quel sont les paramètres a modifier pour faire un panorama qui ne fais pas 360° et qui se bloque en fin d'image ?

 

14. Le mardi 12 septembre 2006 à 18:54, par dfsfsdf

Enfin un autre tutoriel vidéo!

J'esperait qu'il soit pour 3dsmax, mais bon, flash fait l'affaire :D

 

15. Le mardi 12 septembre 2006 à 19:07, par diZ

Merci : )

 

16. Le mardi 12 septembre 2006 à 19:11, par olivier

Stéphane--> il n'y a pas reelement de parametre à modifier, il faut recoder la fonction comme ceci..

tu remplaces ca du code original :


image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}



par :


var autorise_deplacement=false;

if ( (image_fond01._x>(15-image_fond01._width)) && (image_fond01._x<-15)) {
autorise_deplacement=true;
}

if ( (deplacement >0) && (image_fond01._x<=(15-image_fond01._width)) ){
autorise_deplacement=true;
}

if ( (deplacement <0) && (image_fond01._x>=-15) ){
autorise_deplacement=true;
}

if (autorise_deplacement) {
image_fond01._x+=deplacement;
image_fond02._x+=deplacement;
}



je te laisse le soin de commenter le tout... en sachant qu'il y a en plus des ET logiques et un booleens... 8-O

la valeur 15 et une marge de securité...

bon code ;-)

 

17. Le mardi 12 septembre 2006 à 19:12, par Quentin

Ouh ! Les vilains '_root' !
C'est un peu codé à l'ancienne ça, non ?

 

18. Le mardi 12 septembre 2006 à 19:21, par Lepou

Ohlalalalaaaaaaa un super tutorial !
Merci merci emob! ;-)

 

19. Le mardi 12 septembre 2006 à 19:52, par Stéphane

Olivier --> Merci, d'avoir répondu si promptement !

 

20. Le mardi 12 septembre 2006 à 20:07, par lon-va

ouaaaa super tuto je mis met de suite! :-|

par contre j'ai trouver qu'il manquait un peu de punch !
enfin c'est mon avis :: :-|

Alé A+ tt le monde!

 

21. Le mardi 12 septembre 2006 à 20:08, par Plx

quand je click droit sur mon image et que je fais liaison, la case action script est grisé... Je vais me pendre docteur ?

 

22. Le mardi 12 septembre 2006 à 20:16, par Plx

Et bah ! Utilisant la version Mx 2004 pro, j'ai du telechargé action script 2.0 ici :
www.adobe.com/products/fl...

Il y est également disponible pour pro 8 etc...

 

23. Le mardi 12 septembre 2006 à 20:16, par Mouwaie

On veut voir olivier devant la camera

Ouais, ouais, oaus

:-|

Bien joué mec, et désolé d'avoir pas vu que c'était toi :(

 

24. Le mardi 12 septembre 2006 à 20:26, par Stéphane

Voila, pour faire un panorama de moin de 180°, j'ai pris ton script olivier, mais j'ai du modifier quelques "trucs" :-| et voila se que sa donne.
Encore merci.

// Ici 415= 15 (sécu)+ 400 (largeur de ma fenetre

if ( (image01._x>(415-image01._width)) && (image01._x<-15)) {
autorise_deplacement=true;
}

if ( (deplacement >0) && (image01._x<=(415-image01._width)) ){
autorise_deplacement=true;
}

if ( (deplacement <0) && (image01._x>=-415) ){
autorise_deplacement=true;
}

if (autorise_deplacement) {
image01._x+=deplacement;
}

}

stop();

 

25. Le mardi 12 septembre 2006 à 20:33, par Stéphane

boluge.ovh.org/tuto14.htm...

Et voila le travail :-|

 

26. Le mardi 12 septembre 2006 à 20:52, par FLASH

Merci d avoir penser a moi pour flash
je dois faire mon cv en flash je pourrais p-e utilisez ta technique comme support de navigation ! :-|

 

27. Le mardi 12 septembre 2006 à 21:04, par NioX

Emob a encore frappé !! Merci pour ce nouveau tuto que je n'ai pas encore eu le temps de faire mais qui sera testé prochainement !
<mylife> Pour info, je suis arrivé à Toulon et je suis à Ingémédia ! J'ai aperçu, sans réellement le vouloir, le sujet d'un mail d'un de mes profs : Emob est-il un blog influent ? ;) Vous êtes une référence maintenant ^^ :-|

 

28. Le mardi 12 septembre 2006 à 21:30, par NoFack

NioX -> Fait attention ils vont commencer a prendre la grosse tète ;-)

 

29. Le mardi 12 septembre 2006 à 21:46, par icr

bravo , grand bravo emob , vous etes les best ;-) ;-)

 

30. Le mardi 12 septembre 2006 à 21:52, par NOFack

Ouf bha continuez comme ça ,ils vont rendrent le blog payant ,)

 

31. Le mardi 12 septembre 2006 à 22:01, par FleX

8-O c'est super bien expliqué !!

merci j'essaye ça des que j'ai 5 minute (genre :-C )

 

32. Le mardi 12 septembre 2006 à 22:47, par Julien.P

Olive roulaize ::

 

33. Le mercredi 13 septembre 2006 à 01:13, par Adysone

Ça change !
C'est plus le NPC qui parle, mais c'est sympa quand même, un bon tuto pour démarrer l'Action Script, ou tout simplement retrouver les notions enfouies dans le passé :-|

/* Moi, les tutos vidéos, je les fais, j'oublie à chaque fois d'envoyer mon résultat, et je les réécoute pour m'endormir le soir, je trouve ça reposant 8-O */
Bon OK, j'ai pété un cable !

 

34. Le mercredi 13 septembre 2006 à 01:47, par Perceval

Superbe tutoriel encore une fois, Good Job.

Bravo. :)

 

35. Le mercredi 13 septembre 2006 à 11:09, par Arizopal

Super un tutorial flash ;-)
Moi qui cherchait justement quelque chose pour commencer (java c'est sympa mais à la longue ça devient lassant), et c'est justement emob qui me le fournit sur un plateau d'argent... :-|

Continuez comme ça vous faites vraiment un super bon boulot ;-)

 

36. Le mercredi 13 septembre 2006 à 12:24, par Rémi

Très sympatique un tuto flash. ;-)

## Voici mon rendu ##

remi.lesquat.net/index.ph...

Ps: j'aurais voulu savoir comment faire pour qu'à l'arrivée sur la page, l'animation ne parte pas dans tout les sens, qu'elle soit arrêtée ???

 

37. Le mercredi 13 septembre 2006 à 12:51, par Perceval

J'aime bien ton rendu Rémi :D

 

38. Le mercredi 13 septembre 2006 à 13:19, par olivier

--> Stéphane sympa ton flash et bien optimisé ;-)

--> Rémi effectivement tu as un joli rendu

et pour repondre à ta question il faut faire quelque petites mofifications au sein du code

tu commences par creer un clip que tu nomme "zone" dans la bibliotheque comme pour l'image importée. Cette foi ci tu y inseres un carré noir par exemple. Et tu n'oublis pas de faire une liaison et exporter pour action script

ensuite dans le code en dessous des 2 createemptymovieclip tu inscris :

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

en fait il faut creer une zone transparante de la taille de la scene

ensuite, une variable qui dit si le panoramique doit etre enclenché ou pas, par defaut non

donc sous les variables
var panoramique=false;

puis creer un rollover sur la zone transparente
donc en dessous

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}


et pour finir, dans la fonction onenterframe

tu la commences par une condition

if (panoramique==true){

tu inclus la totalité de la fonction et tu n'oublis pas de la fermer avec: }

voila j'espere que j'ai été clair ;-)



 

39. Le mercredi 13 septembre 2006 à 14:17, par Rémi

Voilà c'est réglé (remi.lesquat.net/index.ph... merci Olivier. ;-)

Ce sont mes premiers pas en ActionScript, j'aime beaucoup l'énorme capacité d'action... Je vais devenir accro, je sent. 8-O :-|

 

40. Le mercredi 13 septembre 2006 à 17:11, par Morphee

haaaan, c'est exactement le tuto que je cherchais il y a quelques jours!
si elle est pas belle la vie!

 

41. Le mercredi 13 septembre 2006 à 19:16, par Ombre

Personne ne veux repodnre a ma question? si c'est trop indiscret dites le moi svp :)

 

42. Le mercredi 13 septembre 2006 à 20:28, par Perceval

Moi j'ai vu aucune question de ta part. 8-O

 

43. Le mercredi 13 septembre 2006 à 20:49, par Xavier

Ralala, faut tout leur dire:
Pour la capture d'écran: Camtasia studio, montage vidéo: Windows Movie Maker 8-O Nan je plaisante ,) (allez, tu peux dire que je t'ai fait peur... bon ok c'est pas drôle :: )(tout ca pour dire que j'ai oublié le nom du logiciel, au pire si personne ne donne la réponse, utilise donc pinnacle, apparamment très bon et surtout orienté grand public), Ensuite passage à l'Adobe moulinette (et oui, on ne peut jamais y échapper à adobe) avec adobe after effect, après ca: adobe/macromedia flash (en faire un fichier pour serveurs flashs) ensuite tu transferes ca avec ftp expert pro 3 et puis tu l'affiches avec firefox...

Bn ok, je me suis ptetre un peu emballé, mais au moins, tu peux pas dire que tu sais pas!

A bientôt avec Emob, la jeune pousse à la recherche du grand public.

 

44. Le mercredi 13 septembre 2006 à 22:14, par noobies

:-|
Tu explique vraiment bien!
ca fais 2 ans que j ai envie de faire du flash
mais j ai jamais rien su faire ! ;-(
la j ai essayer j y suis arriver mais je sais pas envoyer ma creation :(
bref merci mnt je sais faire un truc en flash merci
je viendrais souvent voir si ya du nouveaux et j ai tout vue de A a Z ;-)
bonne continuation et merci :-|

 

45. Le jeudi 14 septembre 2006 à 00:52, par TomCallhagan

Cool! je m'y mets dés que j'ai un peu de temps.
Merci l'équipe ! :-|

 

46. Le jeudi 14 septembre 2006 à 07:37, par Ombre

Merci xavier :-|

"tout ca pour dire que j'ai oublié le nom du logiciel, au pire si personne ne donne la réponse...." qui qui ( et pas kiki) a cette reponse? ;-)

 

47. Le jeudi 14 septembre 2006 à 07:44, par Ombre

@ noobies , je pense que dire savoir faire quelque chose en flash apres avoir suivi et voir meme recopier un tuto c ets un peu vite pretendre une tel chaose :) les tuto c'est bien pour connaitres quelques astuces ou effets et autres technique qui pourrais faire avancé le schmilblic.

Par exemple pour avoir des animations interactives comme celle là il faut deja manipuler flasj comme il le faut et surtout pour l effet interactive connaitre le language utilisé par flash "Action Script".

Les tutos c'est bien mais il ne faut pas en abusé je pense aussi, car faire que des choses deja existente meme avec des variante n'est rien d'autre que une pale copie d'idée de quelqu'un, bon ok moi aussi je el fait :-/ mais j'hevite de plsu en plus, car je trouve que ça tue l'imagination et surtout ça ne reflete en rien la personnalité du createur ;) biensur ce n'est que mon avis que je tenais a faire aprtager 8-O

 

48. Le jeudi 14 septembre 2006 à 09:16, par Nico prject chief

Ombre je suis d'accord avec toi, mais le fait d'imiter le des autres est un très bon moyen d'acquerir une technique, le style perso vient plus tard, à moins d'avoir un don et un univers propre dès le départ, mais ça c'est déj plus rare

 

49. Le jeudi 14 septembre 2006 à 13:09, par Nicolas

Bonjour à tous,

je n'ai pas trouvé d'endroit idéal pour cette question donc je me suis permis de la caser ici. J'aurais simplement voulu savoir si vous comptiez réaliser des tutoriaux vidéos sur non pas 3d Studio Max (qui, il me semble, est prévu) mais sur Blender. Car en plus d'être open-source, il est compatible Linux d'origine !

Merci d'avance pour votre réponse et ... continuez comme ça ! C'est l'avenir du web ! Vous avez déjà tous compris vous. ;)

Et vous avez l'avantage de ne pas être "froid" dans vos vidéos quand vous expliquez, on a l'impression d'être vraiment plongé dedans et on ne s'endort pas (niveau ton de la voix). ;)

Donc voilà, du très très bon boulot !

 

50. Le jeudi 14 septembre 2006 à 13:10, par Nicolas

Bonjour à tous,

je n'ai pas trouvé d'endroit idéal pour cette question donc je me suis permis de la caser ici. J'aurais simplement voulu savoir si vous comptiez réaliser des tutoriaux vidéos sur non pas 3d Studio Max (qui, il me semble, est prévu) mais sur Blender. Car en plus d'être open-source, il est compatible Linux d'origine !

Merci d'avance pour votre réponse et ... continuez comme ça ! C'est l'avenir du web ! Vous avez déjà tous compris vous. ;)

Et vous avez l'avantage de ne pas être "froid" dans vos vidéos quand vous expliquez, on a l'impression d'être vraiment plongé dedans et on ne s'endort pas (niveau ton de la voix). ;)

Donc voilà, du très bon boulot !

 

51. Le jeudi 14 septembre 2006 à 14:55, par Rémi

En plus d'être au mauvais endroit tu floode... :-/

Pour les question c'est en bas: "contactez-nous!". ::

 

52. Le jeudi 14 septembre 2006 à 15:40, par Jo

8-O yaurai t'il moyen d'avoir le fichier pour creer ce panoramique car je suis debutant et je n'y comprend pas grand chose
merci d'avance je comprendrai si la reponse est non

 

53. Le jeudi 14 septembre 2006 à 18:04, par olivier

Jo --> il suffit de bien suivre le debut de la seconde partie et ensuite de faire un copier coller du code qui est inscrit en fin de billet

 

54. Le jeudi 14 septembre 2006 à 18:44, par Ombre

@ Nico prject chief <<< oui c'est se que j ai essayer d expliquer, pour voir les details de certaines technique, moi grace a vos tuto j'ai appris plein de choses il est vraie, je savais faire le meme style, mais d une façon diferente pas toujours aussi facile et des fois des technique plus longue pour avoir le meme resultat que certains de vos tutos :) c ets la vie d un autodidacte :-| mais j essaye en se qui concerne mes créations d inover, meme si des fois je prend exemple sur des choses que je vois dans la vie courante :) comme des pubs, ou encore mieux des vus que je peu avoir a certains moment de la journée, un coucher de soleil ( deja pas mal repandu mais si beau on s en lasse pas :D ) Voili voilou enfin continuer comme ça votre site donne des couleurs au monde gris d internet ;-) ( sans parler de leurs web 2.0 que je trouve trop moche :D )

 

55. Le jeudi 14 septembre 2006 à 20:57, par lon-va

ptit question...
c'est pas plus logique que quand on déplace la souris vers la droite l'image bouge à droite ? et non pas l'inverse ? ;-)

enfin je voulais juste savoir comment faire..
merci d'avance !

++ les emobiens

 

56. Le jeudi 14 septembre 2006 à 21:16, par Xavier

>Ombre: pas de sushis, pour le nom du logiciel de montage, faut voir ca avec quelqu'un de l'équipe (Olivier?, Nico?, Gaëlle?, Audrey?, Romain?). Autre possibilité, tu relis tous les commentaires du blog et tu trouveras la réponse... 8-O

>Ion-va: je suis d'accord avec toi, c'est la réflexion que je me suis faite. Olivier, avis de l'expert?

A bientôt avec Emob, la jeune boîte pas carrée.

 

57. Le jeudi 14 septembre 2006 à 21:29, par Xavier

<mode réaliste on>Ah franchement je suis trop simpa...</mode réaliste off>
Ombre, tu vas m'adorer, j'ai retrouvé le nom d'un logiciel "recommandé" by Emob: Virtual Dub ( www.virtualdub.org/ ), qui est gratuit mais "n'importe quel soft fait l'affaire" (dixit Project Chief)... Rien ne dit que ce soit le soft utilisé par l'équipe.

Sur ce, a bientôt avec Emob, la jeune boîte pas carrée qui tourne rond.

 

58. Le jeudi 14 septembre 2006 à 22:03, par Xavier

Bon je vais me faire engueuler parce que je flood, mais bon c'est mieux que mes monologues de 3 pages.
Il suffit donc pour avoir l'image qui se déplace dans l'autre sens de remplacer

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

par

image01._x=image01._x-deplacement;
image02._x=image02._x-deplacement;

Et c'est parti!

A bientôt avec Emob, la pousse qui roule.

 

59. Le jeudi 14 septembre 2006 à 22:21, par Valentin

Wééé Xavier, t'as fait des extentions a chaque fois

la jeune boîte pas carrée. --> la jeune boîte pas carrée qui tourne rond

(perso jsuis fan)

 

60. Le jeudi 14 septembre 2006 à 23:30, par olivier

lon-va et Xavier --> pour le sens vous avez raison... :( c'est le plus souvent inversé!! à chacun sa logique, la mienne est parfois tordu... 8-O

Alors pour les plus logiques d'entre vous suivez la modif de Xavier !!

 

61. Le jeudi 14 septembre 2006 à 23:45, par Nico project chief

Xavier> pour je vais révéler quelque chose nous n'utilisons qu'After Effect pour la post prod...mais il ya d'autres outils existant je le rappelle ;-)

 

62. Le vendredi 15 septembre 2006 à 00:16, par Xavier

>Nico Project Chief: J'ai un peu hésité avant de rappeler qu'il pouvait servir pour le montage, car il est très puissant, mais un peu lourd pour effectuer des opérations nécessitant peu de puissance... Enfin bon, comme ca, je le saurais! ,)

>Olivier: En fait ta logique est loins d'être tordue: c'est la première fois que je vois de l'ActionScript et tu as réussi à me faire comprendre l'essentiel de la manip. Pour ce problème d'inversion, joues un peu moins sur Playstation où les viseurs sont inversés... :-|

>Valentin: :( Merci du complément, je compte bientôt en écrire un livre, en rajoutant à chaque fois une petite phrase, je pourrais vous raconter l'histoire de la jeune pousse!

A bientôt avec Emob, la jeune boîte pas carrée qui tourne rond sans bêtes dans les coins. (<mode pas drole on>pour l'export à la belgique, remplacer "bêtes" par "frites"<mode pas drôle off>)

 

63. Le vendredi 15 septembre 2006 à 17:50, par lon-va

merci en tt cas Xavier je vais faire ca tt de suite
et comme la dit olivier "à chacun sa logique!" :-|

 

64. Le vendredi 15 septembre 2006 à 17:58, par Valentin

Xavier, je serais le premier a acheter ton livre ! :-C

Ca devient de plus en plus complexe tes ptites phrases, je veux voir jusqu'ou tu peux continuer ,)

Pour en revenir au sujet, toujours un tuto de grande qualité, tres utile, jvais m'en servir pour faire des scroller de texte, je suppose que c'est faisable nan ?

 

65. Le vendredi 15 septembre 2006 à 18:45, par Paradox

Bravo pour tout vos tutos
C'est top !
Merci ;)

 

66. Le samedi 16 septembre 2006 à 08:49, par Valentin

Ouais en fait faudrait que je change l'action script pour que la position de la souris soit en y et pas en x... Je vais tenter

 

67. Le dimanche 17 septembre 2006 à 18:15, par Vivian

@ Fuck Emob : ?????? ::

 

68. Le dimanche 17 septembre 2006 à 18:42, par lon-va

ya des gens qui s'amuse a ce que je voi.. ::

bref je voulais vous montrer ce que j'ai fait..
j'ai mis des truc en plus pr le fun :-|

>> membres.lycos.fr/valon89/... <<

 

69. Le lundi 18 septembre 2006 à 10:05, par olivier

lon-va --> vraiment bien ton panoramique ;-)

 

70. Le lundi 18 septembre 2006 à 10:28, par Nico project chief

Vivian>c'est bon j'ai modéré....

 

71. Le lundi 18 septembre 2006 à 10:45, par olivier

Merci et bravo respectivement à Stéphane, Rémi et lon-va pour leurs differentes creations ;-)

 

72. Le lundi 18 septembre 2006 à 12:03, par lon-va

merci olivier ;-)
juste une petite question.. Comment faut faire pour que quand la souris quitte la scéne que l'image arrete de défiler ?

 

73. Le lundi 18 septembre 2006 à 12:17, par olivier

lon-va --> je l'ai expliqué un peu plus haut, tu y trouveras les modifs en action script à faire

 

74. Le lundi 18 septembre 2006 à 12:25, par lon-va

ah ok j'ai pas vu merci!

 

75. Le lundi 18 septembre 2006 à 19:32, par Valentin

Arf je comprend pas, j'ai une boucle que dans un sens...

[il est chelou votre anti spam Dans quelle ville se trouve la tour de Pise c'est vraiment moyen, n'importe qui peut trouver -_-']

 

76. Le lundi 18 septembre 2006 à 19:47, par Valentin

Alors je réctifie ( sorry for spammimg ), j'ai bien la boucle dans les deux sens mais seulement j'ai un moment ou une partie de l'image disparait durant la boucle...

--> dynastywarriors.keo.in/Tu... (tjr pas compris pourquoi ça respecte pas la taille...)

 

77. Le lundi 18 septembre 2006 à 20:19, par Xavier

>Valentin, si tu regardes bien, le "milieu" que considère ton flash (là où s'inverse le défilement), n'est pas le milieu réel de l'image. Tu as du oublier de modifier
var largeur_scene=600;
Il faut évidemment mettre la taille réelle de ton anim, tout devrait rentrer dans l'ordre. (Dans la logique actuelle de ton flash, on ne devrait pas voir l'image qui disparait: ca devrait marquer le bord gauche de l'écran).

Sur ce, à bientôt avec Emob, la jeune boîte pas carrée qui tourne rond, sans frites dans les coins et garanties sans routiers. (Dédicasse à mon seul... euh plus grand fan: Valentin)

 

78. Le lundi 18 septembre 2006 à 20:22, par Xavier

P.S:
>Valentin, si tu veux éviter que tout le monde récupère les photos de ta petite amie en culotte là: dynastywarriors.keo.in/
Tu ferais bien de rajouter un fichier index.html vide... Enfin moi je dis ca... :-|

 

79. Le lundi 18 septembre 2006 à 20:28, par Valentin

Exact Mister, je vais changer, merci bien

PS : Ca va, j'ai confiance en les emobiens, et puis c'est pour un forum je vois pas ce que feraient des photos de ma cop en ptite culotte dessus *siflotte* :-|

 

80. Le mercredi 20 septembre 2006 à 12:39, par Tarek

Encore un super tuto, Bravo Emob.

J'avais pu faire une variante de ce tuto avec un autre soft ou on pouvais se deplacer dans tous les sens. Mais il faut la photo en consequence, j'essaierais de trouver uen variante sur flash.

Merci emob =)

 

81. Le mercredi 20 septembre 2006 à 14:13, par Xavier

Un exemple d'utilisation de la technique: le site officiel d'Airbus, section A380: events.airbus.com/A380/De...

A bientôt avec Emob, la jeune pousse à l'assaut des sommets!

 

82. Le mercredi 20 septembre 2006 à 14:37, par Tarek

Merci Xavier. En effet il y as deux exemples. Le premier est en haut avec les dates. Au lieu de deplacer la souris il faut cliquer sur Gauche, ou Droite.

Et el second en bas avec l'avion a la manière de ce tuto en deplacent seulement la souris.

Je connais la variante du system de boutons j'essaierais de vous l'expliquer par écrit ou alors avec un peu de chance Nico pourrais nous faire une petite vidéo ? ;-)

 

83. Le vendredi 22 septembre 2006 à 06:16, par El-Zoro

salut a tous

dabort exelent tuto , ces tres simple (grace a la video) et pas long a faire parcontre je me demander comment vous faite pour rajouter des calque qui ne bouge pas par dessue le panorama ?

j'ai un peut chercher mais quand on y conait rien en flash bah... c'est chaud ;-(

je vous remerci d'avence pour les reponses

 

84. Le vendredi 22 septembre 2006 à 11:11, par olivier

El-Zoro --> Pour créer un calque par dessus, il te faut d'abord creer un nouveau symbole clip (ctrl + F8), tu y integres le contenu de ton calque. Tu essai positionner tes elements. Tu creer ensuite une liaison de ce symbole dans la bibliotheque comme dans le tuto (clic droit, liaison...).

et pour finir, dans le code tu inscris

// nouvel objet

_root.createEmptyMovieClip("nouvelle_image",3);
_root.nouvelle_image.attachMovie("mon_nouveau_symbole", "mc_mon_nouveau_symbole",1);


tu renommes mon_nouveau_symbole par le nom de ton symbole

voila, voila ...

 

85. Le lundi 25 septembre 2006 à 12:07, par stan

Pourquoi ce code pass pas sous flash mx pro ;-(

Sinon, joli travail, astuces d'experts...
Un site qui compte, longue vie à vous... :(

 

86. Le lundi 25 septembre 2006 à 21:16, par ArC3Nik

=> Olivier

Bonsoir

J'ai essayé de metre une petite image par dessus mon panoramique mais il ne s'affiche pas :( Il y a un endroit exact ou je doit placer :

_root.createEmptyMovieClip("nouvelle_image",3);
_root.nouvelle_image.attachMovie("mon_nouveau_symbole", "mc_mon_nouveau_symbole",1);

Dans mon cas j'ai fait :

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

_root.createEmptyMovieClip("mini_logo",3);
_root.nouvelle_image.attachMovie("mini_logo", "mc_mini_logo",1);

// variable
// reste du script

Cdlt

 

87. Le mardi 26 septembre 2006 à 09:33, par olivier

ArC3Nik -->

Pour que ton image s'affiche il faut régler ton 3eme attachMovie

tu as marqué:
_root.createEmptyMovieClip("mini_logo",3);
_root.nouvelle_image.attachMovie("mini_logo", "mc_mini_logo",1);

il faudrait marquer :
_root.createEmptyMovieClip("mon_mini_logo",3);
_root.mon_mini_logo.attachMovie("mini_logo", "mc_mini_logo",1);

ensuite il ne faut pas oublier de "lier pour l'action script" ton clip "mini logo".

Il te reste enfin a bien le callé les coordonnées en utilisant
_root.mon_mini_logo._x= .....
et
_root.mon_mini_logo._y= .....

voila tout, ;-)

 

88. Le jeudi 28 septembre 2006 à 09:34, par Debellez

Bonjour,

Merci pour ce tutot d'une extrème efficacité.
Cependant, j'ai une requête à vous soumetre :

Dans IE, pour que le flash devienne actif, il faut cliquer une première fois sur celui ci. Existe il un moyen de les rendre actifs par défaut ?

PS : J'ai le même problème lors de la cration de menus en Flash.

Merci pour vos réponses.

Merci d'avance.

 

89. Le jeudi 28 septembre 2006 à 09:58, par olivier

Debellez --> Il y a un exemple sur le site d'adobe
www.adobe.com/fr/devnet/a...

Sinon la solution la plus utilisée est de gerer ca avec un javascript externe et inserer la totalité de la balise object avec un document.write

 

90. Le jeudi 28 septembre 2006 à 11:11, par Debellez

I-M-P-E-C-C-A-B-L-E !!!
Merci.

 

91. Le jeudi 28 septembre 2006 à 15:15, par Rémi

Bon, je pense que ce commentaire va passer à la trape vu l'âge du billet, mais je me suis mis à l'actionScript et j'ai rajouté une amélioration au script:

Il s'agit d'une évolution progressive de la vitesse du déplacement... que j'ai créé avec la fonction trigonométrique cube... oui je suis parti loin. :-|

Il vous suffit de remplacer les lignes qui définissent la variable "deplacement" par celles-ci:


deplacement = _xmouse-(largeur_scene/2);
deplacement = deplacement/(largeur_scene/2);
deplacement = deplacement*deplacement*deplacement;
deplacement = deplacement*-(30); // Valeur de vitesse maximale en pixels.
deplacement = Math.round(deplacement); // Pour arrondir


Pour plus d'information je vous invite à visiter le dernier billet de mon blog pour la fonction :
remi.lesquat.net/index.ph...

Sinon j'ai mis à jour le panoramique que j'avais fait:
remi.lesquat.net/index.ph...

 

92. Le lundi 2 octobre 2006 à 10:47, par elde

super tutos.
J'ai un petit probléme : :(

Si j'appelle mon panoramique.swf dans un autre swf(+large), je n'arrive pas à masquer ce qui sors de la scene de panoramique.swf et donc je vois les passages dans tout le swf(+large).
je ne sais pas si je suis trés clair !!!
Avez vous une idée ?
Merci

 

93. Le lundi 2 octobre 2006 à 12:15, par olivier

elde --> si j'ai bien compris ton probleme, mais je n'en suis pas sur :: il faut faire quelques modifs dans le programme. Actuellement il est fait pour fonctionner à la racine d'ou les "root" si tu importes le swf le programme va continuer à creer tes images a la racine et c'est donc ton probleme... "la solution" serait de creer un clip dans ta nouvelle scene ou tu calles ton swf, et tu remplaces dans le panoramique tout les "root" par "this".

 

94. Le lundi 2 octobre 2006 à 20:51, par Eshin

ben super c'est la premiere fois que je peux apprendre le action script grace à un site car tout les autres sont en fr et de plus avec une vidéo c'est vraiment parfais, jespere que ce site continuera longtemps et je vous signal que vous avez gagné un visiteur de plus ;-)
Bravo et merci !!

 

95. Le lundi 2 octobre 2006 à 20:52, par eshin

en english pardon 8-O

 

96. Le lundi 2 octobre 2006 à 21:59, par eshin

alors tout fonctionne bien je l'incorpore dans ma scene, seulement j'avais des boutons (clip) et ils n'apparaissent plus, on ne vois que le panorama. J'ai 6 calques avec 1 bouton sur chaque, comment faire pour qu'ils apparaissent ? et qu'ils ne bougent pas en même temps que l'image ?

 

97. Le mardi 3 octobre 2006 à 04:24, par Yann

Merci beaucoup pour tous ces tutos ;-)

Voici ma petite contribution:
famin.info/famin-info/pri...
Avec comme modification la vitesse en "U" de Rémi.
Comme quoi le panorama que s'adapter au monde du jeu video. ;-)

Merci encore.

 

98. Le mardi 3 octobre 2006 à 04:27, par Yann

Hiiiiiiiiiii 8-O
il Fallait lire "peut s'adapter" et non pas "que s'adapter" ;-)

 

99. Le mardi 3 octobre 2006 à 08:22, par Nico project chief

eshin> bienvenue

Yann>bravi très réussi

 

100. Le mardi 3 octobre 2006 à 10:09, par olivier

Eshin --> il faudrait creer ton panoramique dans un nouveau clip, c'est la meme chose sauf que le code est inscrit dans le clip et non pas a la racine de la scene.
Pour le reste il faut supprimer les 'root' du code, ou les remplacer par 'this'

 

101. Le mardi 3 octobre 2006 à 11:40, par eshin

Yes je pensais pas qu'on me repondrais ;-)

Merci beaucoup Olivier je vais faire le plus vite possible :D merci bcp de ton aide ;)

 

102. Le mardi 3 octobre 2006 à 11:41, par eshin

et merci pour cette accueil Nico :)

 

103. Le mardi 3 octobre 2006 à 11:47, par eshin

une petite question qui me turlupine, si je sors avec ma souris du flash, mon panorama continue de tourné et j'aimerais qu'il s'arrete, j'ai essayé avec un stop; mais je n'y arrive pas.

 

104. Le mardi 3 octobre 2006 à 12:02, par olivier

eshin --> J'ai repondu à ta question plus haut suite au commentaire de Rémi... ;-)

 

105. Le mardi 3 octobre 2006 à 14:25, par eshin

ha ok olivier je n'avais pas vu merci bien. Je risque de vous soulé encore une derniere fois. voila j'ai mis donc comme tu me disais le code du panorama directement dans mon clip et j'ai remplacer "_root" par "this" seulement quand je regarde mon site, le navigateur plante, il me dit que le script risque de ralentir la page. pour infos jai un loading au demarage, jai bien mis mon movie clip dans la 2eme frame tout se charge mais apres ça plante.. aurais-tu une petite idée?

 

106. Le mardi 3 octobre 2006 à 14:52, par olivier

eshin --> Non désolé, je ne vois pas ce que ca peut etre... il faudrait tester chaque partie de ton prog a part pour voir d'ou ca vient (le loader, les boutons, le panoramique)...

essai peut etre si ca n'est pas fait de rajouter un calque action avec un "stop();" sur la 2 eme frame de ta scene au niveau du clip avec le pano

 

107. Le mardi 3 octobre 2006 à 15:36, par eshin

oké ça je ne l'avais pas fais, vu que je suis au boulot vais le faire ce soir, puis si ça ne vas toujours pas je chercherais, vous m'avez asser aidé comme ça :D

et bien merci bcp Olivier, j'attends un autre tuto avec impatience :D

 

108. Le mercredi 4 octobre 2006 à 11:47, par UnT

Trop bien vos tuto ...bon moi j'en suis que au premier la, celui du livre avec un reflet ^^ mais j'ai trouvé sympa déjà! Jvai aller dans l'ordre mai vivement que j'en soi ici :-|

 

109. Le mercredi 4 octobre 2006 à 19:27, par Denis

Bravo voila un truc au top.

Moi j'ai renoncé a flash trop compliqué pour swishmax.
Je crois que je vais m'y remettre.
Enorme merci :-| Denis

 

110. Le mercredi 4 octobre 2006 à 23:44, par Bastien

Ca marche aussi dans les jeux vidéos :)

ece.fr/~hubert/flash/if_p...

Merci bcp pour le tuto ;-)

 

111. Le mercredi 4 octobre 2006 à 23:50, par Romain

Superbe Bastien, bravo

 

112. Le jeudi 5 octobre 2006 à 09:03, par M@rc059

Bonjour et encore merci pour ce magnifique tuto !!!
Voila mon test et merci au site d'Arnaud Frich pour la photo : marco.pw.neuf.fr/panorami...

Et oui vous qui vous rendez beaucoup sur Paris ces temps ci ça vous donnera un autre point de vue !!!

Bonne journée et encore merci

Cordialement

M@rc0

 

113. Le jeudi 5 octobre 2006 à 10:33, par olivier

Un grand bravo à Valentin, Yann, Bastien et M@rc059 pour leurs jolis panoramiques ;-)

 

114. Le jeudi 5 octobre 2006 à 19:33, par Mark

Excellent tutorial!

J'aurais une question cependant: Comment faire pour que le panoramique ne vienne pas forcément au premier plan ?

Parce que j'ai plusieurs calques, et j'aimerais que le panomarique apparaisse derrière quelques calques.
Je ne vois pas trop comment faire, car j'ai déjà mis le calque du panoramique en 2ème position (sur 10 calques). Bref, une réponse serait la bienvenue.

Encore bravo pour le tuto!

 

115. Le jeudi 5 octobre 2006 à 19:49, par olivier

Mark --> tu trouveras les explications sur les commentaires du dessus, en gros il faut integrer ton panoramique dans un clip et supprimer les "root"...

 

116. Le jeudi 5 octobre 2006 à 19:59, par Mark

Merci olivier, désolé je suis un gros débutant ::

 

117. Le dimanche 8 octobre 2006 à 03:46, par Yann

Bonsoir ;-)

J'ai une petite question pertinante :-| . Peut-on associer un deplacement sur l'axe x et un deplacement sur l'axe y en meme temps ? Afin de transformer le panorama 360°, à un panorama 360°-180° ( Spherique ).
J'ai essayé d'ajouter quelques lignes, mais ... ca ne me donne pas le resultat voulu :-| .
Merci encore :)

 

118. Le dimanche 8 octobre 2006 à 17:51, par greg

bonjour
j'ai essayer le tuto 14
mais j ai un probleme quand je déplace mon image de la bibliotheque sur la scene celle ci n'apparait pas alors que je la voit bien dans la bibliotheque
quand je fais un test visuelle bien sur tout est blanc que dois je faire , j ai flash 8
merci a bientot (me repondre par email si possible

 

119. Le lundi 9 octobre 2006 à 09:56, par olivier

Yann --> oui c'est possible, c'est exactement le meme principe sauf qu'il faut creer non pas 2 mais 4 images. Les 2 premieres, comme celles du programme, les 2 suivantes, juste en dessous. Il faut ensuite creer les variables hauteur (image et scene), creer de nouveaux test de sorties d'images (les memes que le prog mais avec l'axe y) et faire marcher les images par paires (soit haut et bas ou gauche et droite) selon le cas.

ex:

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
image03._x=image04._x-largeur_image;
}

autre cas pour la hauteur

if (image01._x>=hauteur_scene){
image01._y=image03._y-hauteur_image;
image02._y=image04._y-hauteur_image;
}

....

Greg --> Il ne faut pas "deplacer" ton image sur la scene mais dans un nouveau clip. Si tu fais bien ca, c'est normal qu'il n'y est rien sur la scene. Apres, il faut bien nommer ton clip, bien l'appeler dans le code et ne pas oublier de le lier pour l'action script.

 

120. Le lundi 9 octobre 2006 à 13:56, par Yann

Merci Olivier pour la réponse ! ;-) Je vais me plancher de suite dessus :-|

Yann.

 

121. Le lundi 9 octobre 2006 à 14:07, par Xavier

Moi j'ai déjà étudié ta réponse (en réalité en ayant vu la question j'avait pensé à faire comme ca), mais j'ai un petit soucis.
Pour les déplacements horizontaux, pas de problème, mon soucis se situe dans les déplacements verticaux.
J'ai 3 parties de code:
//partie 1
if (image01._y>=hauteur_scene) {
image01._y = image03._y-hauteur_image;
image02._y = image04._y-hauteur_image;
etc...
//partie 2
if (image01._y+hauteur_image<=0) {
image01._y = image03._y+hauteur_image;
image02._y = image01._y;
}
etc...
et la partie 3, qui est un copier/coller de la partie 2. Si j'enlèves cette partie 3, le déplacement vers le haut fonctionne toujours, mais aucune image ne vient se replacer en dessous si je cherche à me déplacer vers le bas. Je ne comprends pas pourquoi j'ai besoin d'avoir cette portion de code en double pour que ca fonctionne, une idée?

A bientôt avec Emob, la jeune pousse qui renouvelle la jungle du web.

 

122. Le lundi 9 octobre 2006 à 15:44, par Xavier

J'arrive à un rendu pas trop crade, qu'est ce que vous en pensez?

www.jalfundation.info/emo...

A bientôt avec Emob, la jeune pousse qui monte.

P.S: toujours pas de compte plus exact pour mon autre anim? ,) Allez je suis méchant c'est pas évident.

 

123. Le lundi 9 octobre 2006 à 16:10, par olivier

Xavier --> carrément sympa ton 360°,on peut dire que t'as fais le tour des tutos... ;-)
Ok c'est simple... ::

Pour "repondre" à ta precedente question, je vais detailler ce que j'ai fais :

on creer 2 nouveaux clips pour les nouvelles images

_root.createEmptyMovieClip("image_fond03", 3);
_root.image_fond03.attachMovie("image_fond", "mc_image_fond", 1);
image_fond03._x = 0;
image_fond03._y = image_fond01._y+image_fond01._height;;


_root.createEmptyMovieClip("image_fond04", 4);
_root.image_fond04.attachMovie("image_fond", "mc_image_fond", 1);
image_fond04._x = image_fond02._x;
image_fond04._y = image_fond03._y;


2 nouvelles variables :

var hauteur_scene=Stage.height;
var hauteur_image=image_fond01._height;




puis on modifie la boucle dans le Enterframe comme ceci :


//valeur de deplacement en x
deplacementH= _xmouse;
deplacementH= (_xmouse-(largeur_scene/2))/15;

//valeur de deplacement en y
deplacementV= _ymouse;
deplacementV= (_ymouse-(hauteur_scene/2))/15;


// deplacement
image_fond01._x+=deplacementH;
image_fond02._x+=deplacementH;

image_fond01._y+=deplacementV;
image_fond03._y+=deplacementV;


// test pour remise en place

//partie droite
if (image_fond01._x>=largeur_scene){
image_fond01._x=image_fond02._x-largeur_image;
}

if (image_fond02._x>=largeur_scene){
image_fond02._x=image_fond01._x-largeur_image;
}

// partie gauche
if ((image_fond01._x+largeur_image)<=0){
image_fond01._x=image_fond02._x+largeur_image;
}

if ((image_fond02._x+largeur_image)<=0){
image_fond02._x=image_fond01._x+largeur_image;
}

///////////////nouvelle affectation pour la premiere serie de paires
image_fond03._x=image_fond01._x;
image_fond04._x=image_fond02._x;



// test pour remise en place

//partie haute
if (image_fond01._y>=hauteur_scene){
image_fond01._y=image_fond03._y-hauteur_image;
}

if (image_fond03._y>=hauteur_scene){
image_fond03._y=image_fond01._y-hauteur_image;
}

// partie basse
if ((image_fond01._y+hauteur_image)<=0){
image_fond01._y=image_fond03._y+hauteur_image;
}

if ((image_fond03._y+hauteur_image)<=0){
image_fond03._y=image_fond01._y+hauteur_image;
}

///////////////nouvelle affectation pour la seconde serie de paires
image_fond02._y=image_fond01._y;
image_fond04._y=image_fond03._y;




j'ai un peu arrangé le code par rapport à ma premiere proposition, je joue surtout avec les paires... concernant ton probleme, je ne vois pas ce que c'est... il me faudrait peut etre le reste du code. En attendant tu peux implémenter celui ci, il fonctionne sans doublon ;-)

Pour le nombre de learny je vais dire "8" ... ::

A bientot, et merci pour ta participation

 

124. Le lundi 9 octobre 2006 à 17:41, par Xavier

Et nous avons un gagnannnnnnnnnnnnnnnt mesdames et messieurs, formidable. Simplement avant de pouvoir valider votre participation, il va falloir préciser où se trouve le Learny manquant?

Pour ton code, j'étudies ca à fond, c'est carrément plus clair et court que ce que j'avais fait (et oui, en tant que débutant, pour optimiser 8-O ).

Merci et à bientôt avec Emob, la jeune pousse qui remonte aux sources.

 

125. Le lundi 9 octobre 2006 à 18:11, par olivier

Xavier --> celui qu'il nous manquait été dans la bouteille... comme quoi... :(

 

126. Le lundi 9 octobre 2006 à 18:15, par Xavier

Bien vu ;-)

 

127. Le lundi 9 octobre 2006 à 23:15, par Debellez

Bonjour,

Est ce qu'un petit debug serait possible SVP ? Je pense qu'il ne manque pas grand chose à ce flash pour qu'il fonctionne correctement ... !!! (1 Panorama 180° + 3 panoramas 360° + 1 progressbar global)

Mais je ne trouve pas ce petit quelque chose ;-(

archive ici : arvisinfo.com/perso/panor...

PS : Cette archive est cryptée car elle contient des fichiers clients. Olivier, si tu veux bien me donner un coup de main, merci de m'envoyer un mail pour que je te retourne la clef.

PS2 : Si cela interesse quelqu'un, je donnerais l'URL finale une fois terminée ! ;-)

 

128. Le mardi 10 octobre 2006 à 01:47, par MonQ

Bonjour amis Emobiens !

Je suis en train de réaliser un site web dans lequel j'utilise le panoramique d'Olivier.

mambo34.club.fr/index.php

J'auré besoin d'aide pour linker les images (têtes) du panoramique vers une URL interne au site. Ne connaissant rien de flash, je galère un peu! Je ne sais pas quelle ligne de code utiliser.

J'allai oublier le principal, merci pour tout ces tutoriaux bien faits ! A bientôt avec Emob, la jeune pousse qui renouvelle ton jardin.

 

129. Le mardi 10 octobre 2006 à 04:16, par Yann

Hop voici mon dernier panorama qui regroupe les modifications de: Rémi, Stephane, Olivier et d'Arcenik ( je crois que j'oubli personne :-| ).
famin.info/famin-info/pri...

Merci encore ;-)
Yann.

 

130. Le mardi 10 octobre 2006 à 10:35, par olivier

debellez --> envoi ta clef de zip dans le "contactez nous", je verrai ce que je peux faire...

MonQ --> Pour faire "simple" il faut que tu crées un movie clip pour les liens (dans la bibliotheque).

tu rajoutes ce code ensuite pour les creer physiquement

_root.createEmptyMovieClip("monlien01", 5);
_root.image_fond04.attachMovie("monlien", "monlien", 1);
monlien01._x = image_fond01._x+...;
monlien01._y = image_fond01._y+...;
...
que tu multiplies par le nombre de liens et encore par 2 pour tes 2 images.
Dans la boucle du "Enterframe" tu calles tes images genre:
monlien01._y = image01._y+55;
...

et a la fin

monlien01.onRelease=function(){
getURL("www.tonsite.com/tapage/&q... "_self");
}

et ainsi dessuite...

Yann --> tres joli panoramique ;-)

 

131. Le mardi 10 octobre 2006 à 15:30, par Yann

;-) Bonjour

J'ai une derniere et petite question:
Peut on attacher une image à une autre comme on peut le faire en html ?
Je m'explique :-|
Je souhaiterai fixer un clip sur une zone de mon image01, mais vu que mon image01 est en translation, mon clip ne suit pas.
Pour mon clip, j'ai entré ce code:

_root.createEmptyMovieClip("ma_fleche",4);
_root.ma_fleche.attachMovie("Symbole_1", "mc_Symbole_1",1);


Et dans la boucle, j'ai rentré celui-ci:
//ca me sert à placer mon clip à l'endroit voulu
//et à lui faire suivre la translation de l'image01

ma_fleche._x=image01._x-40+deplacement;
ma_fleche._y=image01._y+400+deplacement_vert;

Mais le soucis avec ce code, est que mon clip n'apparait qu'un tour sur 2 ( tous les 720° ) et il "tremblotte" quand je deplace mon diaporama 8-O :-|

Merci beaucoup pour votre aide ;-)
Yann.

 

132. Le mardi 10 octobre 2006 à 15:44, par olivier

Yann --> oui tu peux le faire ;-)

 

133. Le mardi 10 octobre 2006 à 15:52, par olivier

Yann --> Par rapport a ton code...

Il faut que tu crées tes 2 fleches comme ca :

_root.createEmptyMovieClip("ma_fleche01",4);
_root.ma_fleche01.attachMovie("Symbole_1", "mc_Symbole_1",1);

_root.createEmptyMovieClip("ma_fleche02",5);
_root.ma_fleche02.attachMovie("Symbole_1", "mc_Symbole_1",1);

puis preciser la valeur en y ( elle n'est pas cencé bouger)
donc :
ma_fleche01._y=image01._y+400;
ma_fleche02._y=image02._y+400;

et ensuite a la fin de ta boucle ca n'est pas la peine de noter

ma_fleche._x=image01._x-40+deplacement;
ma_fleche._y=image01._y+400+deplacement_vert;

Note plutot (j'insiste bien, en bas de ta boucle)

ma_fleche01._x=image01._x-40;
ma_fleche02._x=image02._x-40;

voila j'espere que j'ai été clair... ;-)

 

134. Le mardi 10 octobre 2006 à 16:10, par Yann

:-| Super ! merci beaucoup pour votre aide. ;-)
Ca fonctionne bien maintenant :-|

@mitiés :) ...
Yann.

 

135. Le mercredi 11 octobre 2006 à 16:35, par Debellez

Bonjour à tous,

Mon projet étant composé de deux scènes : scène index et scène Panorama. La scène Index appel la scène panorama. j'aimerais lorsque le panorama s'affiche pouvoir revenir à la scène index à l'aide d'un bouton.

Voila comment j'ai procédé :

je déclare un nouveau clip :
// creation de la zone pour les boutons
this.createEmptyMovieClip("ma_zone_bouton",4);
this.ma_zone_bouton.attachMovie("bandeau600-280","mc_zone_bouton",1);

ma_zone_bouton contient un bouton nommé "bouton_plan"
J'ai ajouter ce code sur l'objet bouton :
on (press) {
gotoAndPlay("index",1);
}

L'objet apparait bien en haut du panorama, il est bien considéré comme un bouton : le curseur change de style, mais le lien ne fonctionne pas ::

J'ai alors essayé ceci à la fin du panoramique==true :
bouton_plan.onPress=function(){
gotoAndPlay("index",1);
}

Pareil, le bouton apparait, mais sans aucun résultat ;-(

Quelqu'un aurait une petite idée svp ?

D'avance merci.

 

136. Le jeudi 12 octobre 2006 à 00:58, par Xavier

C'est un peu flippant la musique sur le panorama de la cathédrale St Vincent, quand on sait pas d'où ca vient... Mon pc recoit la visite du saint patron des ordinateurs... Oh Cher Billou je te vouerai une non dévotion qui te seras fatale.
Heummm Je vais pas tarder à me coucher moi...

A bientôt avec Emob, la jeune pousse cantatrice.

 

137. Le jeudi 12 octobre 2006 à 05:07, par Yann

:-| Oups, j'ai ajouté des panoramas cette nuit et j'ai du remplacer celui donné ici en test par un panorama pour l'un de mes sites. 8-O :-|
Sinon pour la musique, je trouve que ça donne un peu de vie au diaporama... Heureux que ce ne soit pas le diaporama pris en pleine rue Xavier, tu te serais demandé d'ou venait ce bruit de marcher que j'ai inseré :-| .
@mitiés :) ...
Yann.

 

138. Le jeudi 12 octobre 2006 à 12:04, par Marco 59

Bonjour j'ai une petite question je vous ai posté mon test avec la vue de paris mais il semble qu'une fois en ligne à chaque boucle on voit un instant le fond blancs de l anime savez le comment du pourquoi car ça ne le fait pas en local :(

Merci d'avance pour vos réponses

Amicalement Marco59

 

139. Le jeudi 12 octobre 2006 à 12:16, par olivier

Marco 59 --> je ne peux pas te dire pourquoi tu as une zone blanche sans voir ton flash mais, il faudrait que tu verifies la position de ton movie clip initial, celui qui contient ton image. Il faut imperativement que le bord gauche de ton image soit à "0" sur l'axe X. Ensuite verifie bien tes valeurs dans le programme, l'ideal c'est des tests avec des chiffres ronds et pairs. En outre la largeur de l'image, la largeur de ta scene etc...
Ensuite verifie la taille de ton export dans le code html, il doit etre égale à la taille de ta scene.

 

140. Le jeudi 12 octobre 2006 à 16:02, par Marco 59

Merci beaucoup pour ces informations... apres verification, l'image est bien en x=0 et les parametres semblent correct :: je seche au cas ou voici mon .fla

marco.pw.neuf.fr/panorami...

Encore merci

Cordialement Marco59

 

141. Le jeudi 12 octobre 2006 à 16:21, par olivier

Marco 59 --> J'ai regardé ton flash et je n'ai vu aucun probleme... tout marche chez moi et meme lors de la publication. Essai peut etre de publier à nouveau "ctrl +F12" (quand tu es dans ton flash).

 

142. Le jeudi 12 octobre 2006 à 16:30, par Marco 59

8-O Rasssure moi quand tu le regardes un peu plus haut le dernier incorporé au site tu as bien un ti bug aussi ? Ou alors il faut que je commence à fummer et a boire par e que la ça va pas :s ... :-|

Merci beaucoup quand même pour ces indications, je me demande si ça n'est pas dû à la taille de l'image lors de la boucle comme elle est grande et un peu lourde, il met un temps à la faire apparaitre ... Je vais essayer avec une plus petite ... Je vient d'en faire un autre au Boulot avec les collegues et j'ai exactement le même problème, donc je ne comprend pas trop mais bon l'image est encore très lourde (251 Mo en psd et apres compression 5Mo pour le swf :( )

Merci encore et longue vie à Emob.

 

143. Le samedi 14 octobre 2006 à 12:47, par bloblo

Bon, j'ai un petit souci... ::
Vous moquez pas car là j'ai deja la honte!!
J'ai tout fais comme expliqué dans le tuto et rien.
Dès la deuxieme ligne et le linkage de mon_image, quand je fais un rendu j'ai page blanche. ;-( Vraiment la, je suis desesperé :( . Etant debutant, je me trouve des excuses! Il ya t'il des parametres particuliers à vérifier avant de se lancer dans le tuto?
Merci d'avance
Bloblo ;-)

 

144. Le samedi 14 octobre 2006 à 13:01, par olivier

bloblo --> je ne vois pas franchement ce qu'il se passe... le tutorial est sous flash 8, avec les parametres de publication par defaut. Si tu suis bien les videos il ne devrait pas y avoir de probleme... verifie quand meme tes noms de clip, et la liaison pour l'action script... Si ce n'est pas ca, je ne vois pas ce que ca pourrait etre.

 

145. Le lundi 16 octobre 2006 à 15:12, par Debellez

Bonjour à tous.

Grâce à ce tutoriel, et pas mal de boulot quand même ;-) , voici le résultat final : ameublement-vitton.com/vi...

Encore merci.

 

146. Le lundi 16 octobre 2006 à 15:23, par olivier

Debellez --> Vraiment sympa ton flash ;-)

 

147. Le lundi 16 octobre 2006 à 20:21, par Debellez

olivier --> Merki ! :-|

 

148. Le lundi 16 octobre 2006 à 20:28, par Findly

Merci pour ce super tutorials aucune difficulté car super prof ^^ ,)

 

149. Le mardi 17 octobre 2006 à 15:19, par Yann

Bloblo --> Quand tu as placé ton image dans le clip "mon_image" il te faut centrer cette derniere avec les coordonnées en x= 0 comme dit dans le tuto, mais penses aussi a mettre ton image à 0 en "y". J'ai fait la meme erreur.

@mitiés :)
Yann.

 

150. Le mardi 17 octobre 2006 à 21:19, par energizer

Merci beaucoup pour se super tuto
voila se que j'en est fait
www.energizer-prod.com/pa...
il reste quelque petit souci mais sa va changer
encore merci

 

151. Le mardi 17 octobre 2006 à 21:21, par Xavier

Tu me feras le plaisir de ranger cette chambre, hein?!!

 

152. Le mercredi 18 octobre 2006 à 09:07, par energizer

ayé j'ai tout ranger et j'ai fait la vaisselle

 

153. Le mercredi 18 octobre 2006 à 09:39, par M@rco59

Debellez-> Vraiment pas mal ;-)

Pour ma part j'ai encore une petite question :
J'ai essayé de mettre une image fixe au dessus du panoramique , cette image callée en haut à gauche, j'ai voulu faire ça à l'ancienne cad de faire un calque par dessus avec l'image en png pour les transparences etc ... mais elle n'apparait pas, j'ai donc essayé avec l'image dans un clip, puis appellé le clip dans le script et lui donner une profondeur de calques moins profondes que les autres, pour etre au premier plan mais rien non plus :?
J'ai fait un bouton au dessus du panoramique qui fonctionne bien j'ai donc incorporé mon image au bouton mais pouf pouf pas d'image ... Je seche un peu là ;-( , si quelqu'un avait la gentillesse et le courage de me repondre encore ...
D'avance merci

Amicalement M@rco 59

 

154. Le mercredi 18 octobre 2006 à 09:58, par olivier

M@rco59 --> L'ideal c'est de creer un clip en action script comme tu l'as proposé. Pour la profondeur de calque, il faut que le chiffre correspondant au clip contenant ton png soit superieur à ceux des images du pano. Plus ils sont elevés, plus ils apparaissent au premier plan.

 

155. Le mercredi 18 octobre 2006 à 15:40, par Lael

Pratique ;-)

 

156. Le mardi 24 octobre 2006 à 03:57, par Orib Kid

Yo YO !!
Je cherchais un tuto exactement comme celui-ci, je l'ai trouvé ds la min apres!
----->Avec très bon tuto, je remercie l'équipe...
Ca va bien m'aider pr le rendu de vendredi ! lol
Moi aussi je viens de débarquer à Ingé ...

Big Up... l'équipe !! Merci encore :-|

 

157. Le mardi 31 octobre 2006 à 02:45, par Nils

Peut on faire bouger l'image avec des boutons droite,gauche, et pause? c difficile?

 

158. Le mardi 31 octobre 2006 à 05:14, par Nils

Bravo, ça marche nickel!
question:

au demarrage, l'image défile toujours vers la droite.
peut-on la faire défiler vers la gauche au demarrage?
(sans aucun survol de la souris au dessus de l'image)

merci ;-) et rebravo les gars!

 

159. Le mardi 31 octobre 2006 à 10:08, par olivier

Nils--> Je ne crois pas tout avoir saisi avec tes 2 posts... :: pour repondre à ta derniere question apparement la premiere est resolu... je suppose qu'il faut inverser ta variable de deplacement ex. : deplacement =-deplacement;

 

160. Le mardi 31 octobre 2006 à 12:08, par Nils

Merci de ta réponse Olivier, dsl si je n'ai pas été clair.en fait je voudrais faire les meme 3 boutons que ceux-ci :-) Je vais rerelire ts les coms pour voir si quelqu'un a donné la soluce. je n'ai pas vu.

www.expedia.fr/pub/agent....

J'ai déja essayé de mettre toutes les variables en negatif, mais sans succès...
si quelqu'un a trouvé la variable exacte et me dire à quelle ligne, j'ai testé toutes les possibilités je crois... mais mon pano demarre tjrs vers la droite...

Merci à tous, je pense qu'on peut améliorer encore ce super script.

 

161. Le mardi 31 octobre 2006 à 15:35, par olivier

Nils--> Je viens de voir ton pano, c'est une tout autre approche, mais vraiment tres reussi. Dans le programme initial c'est la variable "deplacement" qu'il faut inverser, dans ton cas je ne peux pas dire, le prog differe trop. Mais en tout cas, le script tourne et l'integration est carrement classe !!! ;-)

 

162. Le mardi 31 octobre 2006 à 16:37, par Nils

j'ai trouvé ce script sympa moi aussi, c'est pour ça que je voudrais savoir comment on faire rajouter des boutons pour manipuler le panoramique.ça apporte un plus indéniable. quelqu'un sait t-il faire et ajouter un bout de code? Je débute en Flash, je voudrais bien savoir commment on ajoute un bouton. ce pourrait etre l'objet d'un quatrieme tutorial vidéo d'ailleurs, car c'est un sujet très interessant. J'espère avoir donné une idée intéresssante et utile.

 

163. Le mercredi 1 novembre 2006 à 10:10, par olivier

Nils --> l'idee est interessante. Essai de te renseigner sur la creation et le placement d'objet, et inscrire du code du style :

_root.createEmptyMovieClip("bouton1",10);
_root.bouton1.attachMovie("mon_bouton_droit","mc_bouton_droit",1);
_root.bouton1._x=200;
_root.bouton1._y=400;

pareil pour le bouton gauche en n'oublinat pas de les lier pour l'action script dans la bibliotheque

ensuite suprimer cette partie de la fonction onenterframe :
///////////
deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;
/////////

et de rajouter a la fin un truc du genre

bouton1.onPress=function(){
image01._x+=10;
image02._x+=10;
}

bouton2.onPress=function(){
image01._x-=10;
image02._x-=10;
}

je n'ai pas tester ca mais ca devrait repondre a ta question... ;-)

 

164. Le mercredi 1 novembre 2006 à 15:10, par Nils

;-) Merci beaucoup, je suis plongé dans les bouquins pour voir comment ajouter ce code. possible de voir une demo en ligne? please :-| si oui, j'aimerais bien recevoir le fla pour l'améliorer à mon tour.
Je vous enverrai mon propre tutorial vidéo si j'arrive à maitriser le truc.je me débrouille en screencast. Thanks for all your help ;-)

 

165. Le mercredi 1 novembre 2006 à 18:25, par lemegapro

Bonjour à tous,

J'ai essayé ce tutorial mais pour l'instant, celà ne fonctionne pas !!!
En fait, je voudrais faire la même chose mais avec plusieurs photos pour constituer le bandeau, et c'est là que je n'arrive pas pour le code.
Par exemple, si je veux mettre 5 images bout à bout ( image1, image2, image3, image4, image5).
si Olivier ou une autre personne pouvait me mettre le code, ce serait vraiment sympa car je ne suis pas un pro mais un vrai débutant !!
Merci de votre aide

 

166. Le mercredi 1 novembre 2006 à 18:53, par olivier

Nils --> ca risque d'etre un peu difficile de te fournir des sources j'ai beaucoup de taff et par consequent pas trop de temps... mais tu trouveras la solution avec l'ensemble des elements du billet ;-)

lemegapro --> tu devrais essayer de copier les images les unes a la suite des autres dans ton clip "mon_image"

 

167. Le jeudi 2 novembre 2006 à 01:24, par nicosims

J'ai galéré sur les codes (ben ouais je suis habitué à PS pas aux scripts ,) ) mais bon j'y suis arrivé.
Bon maintenant je cherche un hébergeur de fichiers qui accepte les .fla car à cette heure ben chuis un peu crevé et j'ai un peu la flemme ( :-C ) donc voila si vous en trouvez... Merci de mailer =D

 

168. Le jeudi 2 novembre 2006 à 01:25, par nicosims

Ah oui au fait (désolé pour le double-post) mon mail :
nicolagrossetete@hotmail.com (vous moquez pas mici)
Voili =D

 

169. Le dimanche 5 novembre 2006 à 17:58, par Chris

Bonjour,

un grand merci pour votre tutoriel. Vraiment impeccable. En revanche, j'ai un petit souci que j'aimerais vous soumettre.
En lieu et place du panorama, j'ai crée un bandeau contenant dix images sur lesquelles j'ai rajouté dix boutons transparents. Le but étant de pouvoir cliquer sur ces boutons et faire apparaitre sous les images un texte (différent selon l'image cliquée).
Mon problème, c'est que les textes qui apparaissent sous le bandeau d'images bougent avec le bandeau. De sorte que pour la lecture, ça n'est pas évident.
J'ai pensé à créer une deuxième scène fixe pour que mes boutons renvoient à celle-ci. Mais impossible de faire fonctionner le tout. Auriez-vous une solution ? Un grand merci par avance.

Chris

 

170. Le dimanche 5 novembre 2006 à 19:18, par Xavier

>Chris: je veux bien jeter un coup d'oeil à ton code si tu le postes, je ne te garantis rien mais je vais regarder.
Si c'est trop long, postes uniquement les parties les plus significatives et puis je verrais (au pire olivier passera surement par là), mais sans code point de salut!

A bientôt avec Emob, la jeune pousse spécialiste de l'entraide!

 

171. Le lundi 6 novembre 2006 à 20:33, par Chris

Xavier,

Merci pour ta réponse. Pour l'instant, je n'ai pas moyen de t'envoyer le fla, le serveur qui héberge mon site étant planté (merci cegetel!!). Est-ce que je peux te l'envoyer par email, le fichier n'est pas trop lourd ?

 

172. Le lundi 6 novembre 2006 à 20:46, par Xavier

>Chris: tu n'as qu'à le copier/coller ici, comme ça, si quelqu'un de plus expert que moi passe par là, il pourra d'avantage t'éclairer!

A bientôt avec Emob, la jeune pousse interactive!

 

173. Le lundi 6 novembre 2006 à 21:37, par Chris

> Xavier: oups, je n'avais pas compris pour le code. En fait, le code est strictement identique à celui d'Olivier.
J'ai juste crée une scène plus grande, pour pouvoir postionner les textes sous le bandeau. Et dans le clip "mon_image", j'ai rajouté des boutons avec on press, release gotoandplay current scene frame 1.
Au final, j'obtiens un bandeau qui bouge de droite à gauche, comme sur le tutoriel, et lorsque je clique sur un des boutons, j'ai un texte.... panoramique... sous le bandeau.
Un vrai casse-tête ;)

 

174. Le lundi 6 novembre 2006 à 22:20, par Xavier

Est ce qu'il ne vaudrait pas mieux avoir un movie clip vide pour le texte, qui sera au-dessus de chaque calque déjà créé, et quand un utilisateur clique sur le bouton, avec un attachMovie, tu affiches un clip que tu as créé qui contient le texte, ça donnerait quelque chose du genre:
_root.createEmptyMovieClip("texte",5);
_root.texte._x=0;
_root.texte._y=0;

_root.leclipdubouton.lenomdubouton.onPress=function(){
removeMovieClip("mc_texte_dun_autre_bouton");//a répéter pour tous les autres boutons sauf celui que tu veux afficher
attachMovie("texte_associé_au_bouton","mc_texte",1);
}

Il faut bien sûr adapter un peu ça, mais l'idée y est, avec de la chance ça devrait fonctionner. Je n'ai pas testé le code, mais logiquement c'est bon.

A bientôt avec Emob, la jeune pousse pour l'entraide.

 

175. Le mardi 7 novembre 2006 à 08:07, par Nicolas

Xavier>je te nomme officiellement remplaçant d'Olivier pendant ses déplacements...;-)

 

176. Le mardi 7 novembre 2006 à 15:27, par artgraph

:-| :-| :-| ça déchire vraiment ce tuto 8-O
est ce qu'il y a des possibilité de rajouter une fonction zoom dessus.
je m'explique, tu vas de gauche a droite de haut en bas et tu peux en plus avancer et reculer.
oui ? non ?

dios te salve emobinus

 

177. Le mardi 7 novembre 2006 à 22:32, par Chris

> Xavier : un grand grand merci. Je regarde ça au plus vite et t'envoie un mail pour le résultat ;)
Et oui, doublure officielle d'Olivier ;)

 

178. Le mercredi 8 novembre 2006 à 00:47, par Xavier

Remplaçant officiel, Waaaw la classe, j'avais même pô vu.
>Chris: ça te plairait peut-être d'avoir mon adresse pour pouvoir m'envoyer un mail? Moi je dis ça, je dis rien ,) Pour l'occasion, je crée une adresse que je supprimerais après et je te donnerais ma vraie adresse (vu que les robots spammeurs adorent Emob): envoie donc ça à xavier_emob@jalfundation.info

>Nico: s'il envoi le mail à emob, tu me fais suivre? Trop gentil :-|

>artgraph: je suppose que tu dois pouvoir jouer avec les propriétés ._width et ._height, en faisant un bouton sur lequel tu cliques, qui incrémente la variable zoom de 0.1, tu multiplies ._width et ._height par 1+zoom, zoom étant à la base à 0.
Tu risques simplement d'avoir des problèmes au niveau des placements, donc il vaut mieux que tu modifies aussi la taille de tes images dans la variable largeur_scene (et hauteur_scene si tu fais ça en 2D).

Logiquement ça devrait aller.

A bientôt avec Emob, la jeune pousse aux rêves de grandeur.

 

179. Le mercredi 8 novembre 2006 à 01:15, par Xavier

>artgraph: il semblerai que je sois fatigué, les propriétés les plus adaptées sont ._xscale et ._yscale, en pourcentage, donc valent par défaut 100.
Ca fera quelque chose de plus propre que ._width et ._height.

A bientôt avec Emob, la jeune pousse aux rêves de grandeur.

 

180. Le jeudi 9 novembre 2006 à 21:55, par chris

> Salut Xav,

bon, heu, ce qui me paraissait clair l'est beaucoup moins une fois devant mon code :)
Pour résumer, j'ai crée un movieclip intitulé texte 1 dans lequel j'ai intégré un texte bidon.
J'ai crée un movie clip mcbouton1 dans lequel j'ai glissé/déposé mon mc texte1.
Puis je me suis "attaqué" au code que je te soumets ci-dessous (histoire d'avoir un petit casse-tête à résoudre ce w-e ehehe):

// creation objet
_root.createEmptyMovieClip("image01", 1);
_root.image01.attachMovie("mon_image", "mc_mon_image", 1);
_root.createEmptyMovieClip("image02", 2);
_root.image02.attachMovie("mon_image", "mc_mon_image", 1);
_root.image02._x = image01._x+image01._width;


// Clips boutons et textes
_root.createEmptyMovieClip("texte1",5);
_root.texte._x=0;
_root.texte._y=0;


_root.mcbouton1.Bouton1.onPress=function(){
removeMovieClip("mc_texte_dun_autre_bouton");//a répéter pour tous les autres boutons
sauf celui que tu veux afficher
attachMovie("texte_associé_au_bouton","mc_texte1",1);
}



// variables
var largeur_scene = 575;
var largeur_image = image01._width;
_root.onEnterFrame = function() {
deplacement = _xmouse;
deplacement = deplacement-(largeur_scene/2);
deplacement = deplacement/20;
image01._x = image01._x+deplacement;
image02._x = image02._x+deplacement;
// partie droite
if (image01._x>=largeur_scene) {
image01._x = image02._x-largeur_image;
}
if (image02._x>=largeur_scene) {
image02._x = image01._x-largeur_image;
}
// partie gauche
if (image01._x+largeur_image<=0) {
image01._x = image02._x+largeur_image;
}
if (image02._x+largeur_image<=0) {
image02._x = image01._x+largeur_image;
}
};
stop();


Un grand grand merci d'avance ;)

Chris

 

181. Le vendredi 10 novembre 2006 à 00:00, par Xavier

Salut Chris, je me suis penché sur ta question (eh oui, on fait pas les choses à moitié chez moi);

Il faut bien faire attention à créer un symbole de type "bouton" et non pas "clip", pour ton bouton.

De mon coté, j'ai créé deux clips qui s'appellent "exemple1", et "texte" qui contiennent ce que je veux afficher, et de l'autre "bouton1" et "bouton2", qui sont les boutons sur lesquels on clique (il s'agit de symboles de type bouton). Tous ces symboles sont exportés pour actionscript avec ces même noms.

Ca donne au niveau du code, un Movie Clip qui contient les boutons et dans lequel seront affichés les clips appelés.

_root.createEmptyMovieClip("mon_texte", 7);

//ici j'attache les deux boutons et je décale le deuxième bouton pour qu'il ne soit pas caché.
_root.mon_texte.attachMovie("bouton1","mc_bouton1",1);
_root.mon_texte.attachMovie("bouton2","mc_bouton2",2);
_root.mon_texte.mc_bouton2._x=300;

//je fais ensuite une fonction lorsque l'on clique sur le bouton 1:
_root.mon_texte.mc_bouton1.onPress=function(){
//cette ligne sert à supprimer l'autre texte, au cas où il aurait été affiché, pour qu'ils ne se superposent pas
removeMovieClip("_root.mon_texte.mc_exemple1");
//j'attache ensuite mon clip contenant le texte
_root.mon_texte.attachMovie("texte","mc_texte",4);
}

//et je refais la même pour le bouton 2, en inversant le Movie Clip à supprimer et le clip à attacher
_root.mon_texte.mc_bouton2.onPress=function(){
removeMovieClip("_root.mon_texte.mc_texte");
_root.mon_texte.attachMovie("exemple1","mc_exemple1",5);

//Cette fois-ci je décide de déplacer le contenu.
_root.mon_texte.mc_exemple1._y=300;
}

//Pour le plaisir, un troisième bouton pour tout effacer
_root.mon_texte.mc_bouton3.onPress=function(){
removeMovieClip("_root.mon_texte.mc_texte");
removeMovieClip("_root.mon_texte.mc_exemple1");
}

Bon c'est pas extrêmement détaillé et je n'ai copié que les parties utiles au codes ici (je n'ai touché à rien du reste).
Tu peux avoir une idée de ce que ça donne là: www.jalfundation.info/emo...

Si tu as des questions, n'hésites pas à les poser, j'y répondrais avec le plus grand plaisir.

A bientôt avec Emob, la jeune pousse interactive.

P.S: plus que 4mn 20, qu'est ce donc que ce compteur?

 

182. Le mercredi 15 novembre 2006 à 16:59, par pierkiroule

Un grand bravo et un grand merci pour le tuto. Je vais essayer prochainement et essayer à l'aide d'un bouton de stopper le défilement. L'idée étant de mettre du texte à la place des images. Encore merci

 

183. Le mercredi 15 novembre 2006 à 18:24, par lepro

j'ai une petite question comment on sait quelle script utiliser et ou peut on en trouver ?

 

184. Le mercredi 15 novembre 2006 à 23:32, par Xavier

>lepro: pour le script, tout dépend de ce que tu veux faire, le mieux étant d'apprendre le langage pour avoir du sur-mesures, mais on peux en trouver sur
www.flashkod.com portail flash de codes-sources.com
www.flash-france.com/acti...
www.media-box.net/
www.zoneflash.net/accueil...
Sinon, bah google is your friend!

Mais sache que le mieux pour discuter avec des étrangers est de connaître leur langage, pas d'avoir des bouts de phrases, créés par quelqu'un d'autre, que tu adaptes à ta sauce.
D'autant plus que, pour peu tu connaisses un langage style php ou js ou n'importe quoi, l'apprentissage de l'AS te paraitra simplissime!

A bientôt avec Emob, la jeune pousse pour qui l'entraide est une valeur.

 

185. Le jeudi 16 novembre 2006 à 16:37, par bfkong

salut,
tout d'abord, félicitations pour ce tuto, on peut diificilement faire plus clair.
Je suis en train d'adapter le code pour déplacer l'image en x et y rien de bien sorcier jusque là, seulement au lieu de placer l'image 02 pour effectuer la boucle je souhaiterai que le déplacement s'arrête une fois le bord de l'image 01 atteint.
si vous pouviez m'éclairer
Merci

 

186. Le jeudi 16 novembre 2006 à 19:35, par Chris

> Xavier,

j'espère que tu vas bien. Je t'ai envoyé un email perso en début de semaine, je voulais juste m'assurer que tu l'as reçu. Toujours à propos des boutons cliquables sur mon panoramique.
A bientôt et merci encore,
Chris

 

187. Le vendredi 17 novembre 2006 à 13:39, par levystore

Dites, et ça c'est un peu le même principe ou pas ? (enfin...ça doit pas être de la tarte à réaliser ça ^^)
www.ikea.com/ms/sv_SE/kam...

 

188. Le vendredi 17 novembre 2006 à 20:46, par lepro

j'ai une autre question quelle logiciel utiliser vous pour filmer ce que vous faites ? ;-) et comment vous fait pour mettre les video dans flash avec un format petit et que ce soit de bonne qualiter ? car moi quand je met des videos c'est trop grand par rapport a ce que je veus ;-(

 

189. Le samedi 18 novembre 2006 à 15:43, par Xavier

>Bfkong: il faut pas mal retravailler le script pour que ça puisse aller. Voilà ce que j'ai obtenu après rapide optimisation: (les parties que je n'ai pas commenté sont celles qui ont été faites par Olivier).
// creation objet
_root.createEmptyMovieClip("image01", 1);
_root.image01.attachMovie("mon_image", "mc_mon_image", 1);
image01._x=0;
image01._y=0;


// variables
var largeur_scene = 400;
var largeur_image = image01._width;



_root.onEnterFrame = function() {
//déplacements en x

deplacement_x = _xmouse;
deplacement_x = deplacement_x-(largeur_scene/2);
deplacement_x = deplacement_x/5;


//déplacements horizontaux

// si déplacement vers la gauche
if (deplacement_x>0){
//si l'image n'est pas au bord droit de la scène
if((image01._x+largeur_image)>largeur_scene){
image01._x -= deplacement_x;
}
}else{
//si déplacement vers la droite et que l'image n'est pas au bord gauche de la scène
if(image01._x<=0){
image01._x -= deplacement_x;
}
}

//si après déplacement, l'image est trop à droite, réajustement
if(image01._x>0){
image01._x=0;
}
//si après déplacement l'image est trop à gauche, réajustement
if((image01._x+largeur_image)<largeur_scene){
image01._x=largeur_scene-largeur_image;
}
}

stop();

>Chris: j'ai reçu, je regarde.
>lepro: il s'agit de camtasia, le montage est réalisé avec After Effects, exporté à l'aide du codec flash 8 flv (flash vidéo). Ce codec permettant d'obtenir la qualité des vidéos utilisées dans les tutos vidéos, depuis le tuto 11 (celui sur l'affiche de Sin City pour ceux qui se posent la question). Il faut ensuite importer la vidéo sous flash et rajouter l'enveloppe (boutons play/pause/son...) et pourquoi pas une anim.

>levystore: je ne sais pas trop quoi te dire, j'aurais plutôt tendance à dire qu'il s'agit d'un montage photo/3D dans lequel on navigue, mais je ne sais pas trop, il faudrait voir ça avec Nico et comparses, mais je ne pense pas que ça soit le même principe.


A bientôt avec Emob, la jeune pousse aux questions mystère.

 

190. Le samedi 18 novembre 2006 à 17:20, par lepro

et est ce que je peu avoir le même résultat avec camstudio ?

 

191. Le samedi 18 novembre 2006 à 17:28, par Xavier

Je suis désolé, mais là je n'ai pas de réponse à t'apporter, car je ne connais pas du tout ce logiciel, mais il faut faire des essais, tu verras bien.
C'est en codant qu'on devient corderon... (pfiou la fatigue se fait ressentir :: ).

Je suppose que ça devrait être le cas, mais je ne peux rien t'affirmer. N'hésites pas à réduire la zone d'enregistrement pour une plus grande fluidité et ensuite réduire ta vidéo sous After Effects ou bien sous le logiciel de montage que tu utilises. Si ton logiciel n'exporte pas au format flash 8, essayes d'autres codecs pour ensuite importer ta vidéo dans Flash, mais le stream sera plus difficile.

A bientôt avec Emob, le blog en éveil permanent.

 

192. Le samedi 18 novembre 2006 à 17:59, par lepro

j'ai essayer de mettre une video et quand je met le cadre de la taille que je veus la video ne s'affiche pas en entière c'est a quelle niveau qu'il faut régler sa ?

 

193. Le samedi 18 novembre 2006 à 19:27, par Xavier

>lepro: à propos de quel logiciel?

 

194. Le samedi 18 novembre 2006 à 19:46, par lepro

j'utilise flash 8 et je vien de prendre la version test de camtasia la qualiter d'image est mieu mais je n'ai toujour pas l'image en en tière avec la taille de cadre que je veus ;-(

 

195. Le lundi 20 novembre 2006 à 19:47, par Xavier

>lepro je ne suis pas certain d'avoir bien saisi ton problème, c'est ton cadre qui te mange une partie de ta vidéo? Le mieux étant de faire ta vidéo dans une taille "standard" (640*480, ou autre).

Essaye de développer un peu ton problème et de me dire ce que tu as fait précisément, car j'avoue ne pas trop voir.

A bientôt avec Emob, le blog de l'Espoir.

 

196. Le mardi 21 novembre 2006 à 19:55, par lepro

ok je vais faire des teste ce week-end sinon tu une adresse e-mail ? comme sa je pourrais t'envoyer des video de ce que je fais comme sa sa serait plu facile pour comprendre

 

197. Le mardi 21 novembre 2006 à 20:02, par Xavier

>lepro: mon adresse est marquée plus haut, je ne préfère pas la répéter à cause des robots spammeurs. (je reçois déjà assez de spams).

A bientôt avec Emob, le blog où l'entraide est réelle.

 

198. Le mercredi 22 novembre 2006 à 13:10, par olivier

Xavier --> me voici de retour et un très grand merci a toi !! ;-)
tes indications sont très pertinentes (et me soulage de pas mal de commentaires) :: ...

A bientot avec Xavier, le jeune qui donne des coups de pouces ... ;-)

 

199. Le mercredi 22 novembre 2006 à 13:16, par Xavier

Ce fut un réel plaisir, repars en vacances quand tu veux ,)

A bientôt avec Emob, la jeune e-pousse.

 

200. Le vendredi 24 novembre 2006 à 10:29, par bfkong

Merci Xavier pour les modifications que tu as apportées au script. a bientôt

 

201. Le vendredi 24 novembre 2006 à 17:24, par lepro

j'ai fais le tutoriel mais je ne trouve pas l'adresse e-mail elle est sur cette page(ou a peu pres) ou sur une autre (est ce que je pourrais avoir le lien)merci

 

202. Le vendredi 24 novembre 2006 à 17:35, par Xavier

>lepro: je l'avais posté dans les commentaires, mais bon, la revoila: xavier_emob[chez]jalfundation[petit point]info.

>bfkong: je t'en prie, n'hésites pas si tu as d'autres questions ;-)

Et à bientôt avec Emob, la jeune pousse solidaire.

 

203. Le vendredi 24 novembre 2006 à 17:51, par lepro

sa y est en testant les rélage a la taille 640*480 la quealiter d'image est bien mais il manque encore la barre pour la video

 

204. Le vendredi 24 novembre 2006 à 20:13, par lenoob

ou puis je trouver un site que apprend a utiliser le script(ou il explique les mot un par un avec une traduction ?

 

205. Le vendredi 24 novembre 2006 à 20:18, par olivier

lenoob --> ce n'est pas evident au depart d'entreprendre des recherches sur le net avec aucun bagage... il y a toujours flash france ou mediabox mais le vocabulaire y est deja technique. Le mieu serait d'acquerir un livre pour debutant...

 

206. Le samedi 25 novembre 2006 à 10:33, par Xavier

>Lepro: les boutons sont ce qu'on appelle l'enveloppe de la vidéo, tu peux la rajouter depuis flash ou AE. Tu peux soit utiliser une enveloppe prédéfinie ou bien en créer une avec tes propres boutons.

Pour plus d'info sur l'utilisation de ces enveloppes: www.adobe.com/fr/devnet/f...

A bientôt avec Emob, la jeune pousse au coeur grand comme le blog!

 

207. Le samedi 25 novembre 2006 à 10:42, par lepro

voila j'ai réussi mais comment il faut faire pour mettre ces création sur un forum ? j'ai tester avec imageshack mais sa ne marche pas le cadre reste blanc y a t'il a un autre moyen ?

 

208. Le samedi 25 novembre 2006 à 13:59, par Xavier

Il faut que tu possède un moyen d'héberger tes fichiers quelque part.
En ne mettant pas d'enveloppe, tu peux toujours la poster sur youtube et comparses, mais tu perdra au niveau de la qualité, les fichier étant automatiquement réduits.

A bientôt avec Emob, la pousse photogénique.

 

209. Le samedi 25 novembre 2006 à 17:39, par lepro

ou est ce que je ^pourrais les héberger gratuit ? et "En ne mettant pas d'enveloppe" comment sa ?

 

210. Le samedi 25 novembre 2006 à 20:08, par lenoob

merci de votre réponse ;-)

 

211. Le mardi 28 novembre 2006 à 18:25, par halo

moi aussi je cherche un hébergeur gratuit vous ne savez pas ou il faut paller pour en trouver un ?

 

212. Le mardi 28 novembre 2006 à 18:46, par Xavier

halo, lepro: voici une liste assez bien faite des hébergeurs gratuits: www.siteduzero.com/forum-...

Et vive le SdZ!

A bientôt avec Emob, la jeune pousse aux oreilles d'âne.

 

213. Le mercredi 29 novembre 2006 à 18:09, par ImO

Bonjour messieurs dames ! et merci pour ce tuto génial !

Cependant j'ai un petit soucis :/

Je me doit de faire un panorama partiel sur 180° uniquement... or votre tutorial ne permet que de faire un panorama sur 360°.

J'ai supprimé toute la partie avec image02 ... mais mon image reste flotante, comment puis-je bloquer mon défilement d'image quand le bord de l'image est atteind. J'ai vu que certaines personnes avaient réaliser cette modification ici ... mais étant nul nul nul en flash je m'adresse à vous !

Merci d'avance :)

 

214. Le mercredi 29 novembre 2006 à 18:39, par Xavier

>ImO: en fait il faut remplacer le code d'Olivier par celui que j'ai donné là: www.emob.fr/dotclear/inde...
et lorsque l'image 1 atteindra un bord ou l'autre de l'image, elle s'arrêtera de défiler.

J'ai essayé de commenter le code, mais si tu as des questions, n'hésites pas à les poser, je repasserai par là.

A bientôt avec Emob, la jeune pousse à l'entraide facile.

 

215. Le jeudi 30 novembre 2006 à 22:38, par ImO

Merci messieurs :)

J'ai bidouillé plein plein de trucs, j'ai même réussis a faire un panorama vertical !

merci à vous :) je vous montrerais ça quand tout sera terminé !

 

216. Le vendredi 1 décembre 2006 à 22:15, par Xavier

;-)

 

217. Le mardi 5 décembre 2006 à 19:28, par lepro

voila j'ai trouver mais quelle serait le meilleur forum a mettre ? c'est le tout dernier liens de la page qui marche sur mon forum voila la video

www.archive-host.com/fich...

je veus une taille asser petite et de bonne qualiter^^

 

218. Le jeudi 7 décembre 2006 à 18:31, par Niko

Très bon tutoriel... Un grand merci

 

219. Le vendredi 8 décembre 2006 à 19:44, par tonio

Hello !!!

Merci pour ce tuto ...c'est du super boulot !!


J'ai une petite colle à vous posez parce que je seche et je trouve pas.J'aimerais pourvoir faire un masque sur mon panorama afin d'integrer des videos en background qui se deplacerait avec le panorama. Ex sur ce site :
www.lorenzbaumer.com/hume...

Merci pour tout !!

A bientot.

 

220. Le vendredi 8 décembre 2006 à 20:29, par olivier

tonio --> pour faire ce genre d'effet j'utiliserai une autre methode. Je construirai l'animation a l'interieur du bandeau dans un clip directement deposé sur la scene. le clip se doit d'etre plus grand que la scene, nommé son occurence et codé un truc qui permet de deplacé sur la droite ou la gauche avec un blocage... tu trouveras des sources dans les premiers commentaires... ;-)

 

221. Le vendredi 8 décembre 2006 à 21:21, par tonio

Merci olivier !

J'essaye ça et je poste!

Vive les jeunes pousses ! ;-)

 

222. Le mercredi 13 décembre 2006 à 12:28, par forcabarca

Merci bien :-|

 

223. Le jeudi 14 décembre 2006 à 08:25, par lefaiseur

:-| mille merci,

je n'ai pas encore utilisé ces tutoriaux mais c'est fantastiquement limpide, merci! mon site devrait évolué bientôt lol

 

224. Le jeudi 4 janvier 2007 à 01:55, par O-jey

;-) Trooo Bien jen avais un autre mais en un peu plus compliqué et celui-là me permet de comprendre parfaitement hihi trop bon.
:-| Merci encore Pour votre Site c dla bombe, sachant que c'est la volonté et des gens comme vous qui m'ont permis d'apprendre.
Allez faire un tour sur mon Site ya du 360° ^^
only-jey.free.fr

 

225. Le jeudi 4 janvier 2007 à 15:56, par o-jey

:-C jme suis trompé sur mon Site ;-(
c'est ca onlyjey.free.fr/swf <-- 360°

 

226. Le jeudi 4 janvier 2007 à 16:09, par olivier

o-jey --> felicitation pour ton portfolio !! ;-)

 

227. Le vendredi 12 janvier 2007 à 07:59, par daz

Je dois être le dernier des cons car car je n'y suis pas arrivé.
J'aurais aimé savoir la taille d'origine.
Mes plus petits montages sont de 10,000 x 2000.
A combien je devrais les réduire?

 

228. Le vendredi 12 janvier 2007 à 09:58, par olivier

Daz--> L'important c'est d'avoir la largeur de la scene inferieur à la largeur de l'image. Dans le cas du tuto, j'ai une image qui fait 1169px en largeur et 450px pour la scene. L'ideal reste d'avoir une image de depart legere et optimisée. Reduit par 10 tes montages et ca devrait passer

 

229. Le samedi 13 janvier 2007 à 19:08, par universalnation

C'est vraiment un chouette tuto, j'ai un chouette résultat, mais je n'ai pas trouver le moyen d'intégrer une barre de chargement, les scripts que j'ai fonctionnent très bien avec d'autres animations, mais avec ce bandeau paroramique, ça ne fonctionne pas, est-ce dû aux _root ?
Quelqu'un pourrait me conseiller un script de barre de chargement qui fonctionne avec ce bandeau ?

Si quelqu'un sait m'aider, ça me ferait bien plaisir.

Merci et encore bravo pour ce tutoriel !

 

230. Le dimanche 14 janvier 2007 à 09:52, par olivier

universalnation--> Ton probleme peux venir effectivement des _root, essai de les remplacer par "this" et ca sera mieux. Je ne sais pas quel script de chargement tu utilises mais dans l'ideal il faut le placer sur ta premiere et/ou 2eme frame et eviter les sequences (enfin moi je n'aime pas trop). Il faut donc decalé le panoramique sur la troisieme frame. Et l'appelé a la fin du chargement avec un gotoAndPlay(3). Ca doit etre stipulé quelque part dans tes scripts chargements.
Bon j'espere avoir été clair :: ... bon courage ;-)

 

231. Le lundi 15 janvier 2007 à 16:22, par Bastet

Merci beaucoup, très clair. C'était mon premier cours de flash (j'ai fais - un peu - de prog avant) et j'ai l'impression d'avoir gagné des heures. Encore merci,merci,merci :-|

 

232. Le vendredi 19 janvier 2007 à 02:49, par marco

Génial le tuto et les commentaires. Ca m'a permis d'en arriver à un résultat au-delà de mes premières espérances. J'ai tout de même une question pour connaisseurs : Mon panoramique est terminé. J'y ai ajouté un calque sur lequel j'ai placé un bouton avec le code suivant:

on (release) {
_root.gotoAndStop (296)

}

Le lien se fait bien le problème est que je vois l'image du panoramique par dessus l'image de la case #296 du timeline !! Je sais que le lien se fait car je peux voir l'imgage de la case 296 ... Mais elle est sous l'image du panoramique ! ( Il y a environs 3 mm de jeux sous le panoramique et j'y apperçois mon autre image. ) Enfin.. j'ai essayé plusieurs choses mais comme je suis un débutant en Flash, rien n'y fait. Quelqu'un a une idée ?

 

233. Le vendredi 19 janvier 2007 à 03:23, par Xavier

>marco: il faut que tu enlèves le movie clip auquel est associé ton panoramique, au niveau de l'image 296 à laquelle tu vas, avec la fonction:
removeMovieClip('ton movie clip');

A bientôt avec Emob, la jeune pousse dans le vent.

 

234. Le vendredi 19 janvier 2007 à 03:42, par olivier

Xavier --> Decidement tu es devenu un as de l'action script !! ;-) ...
Juste une petite precision pour marco ... tu as 2 removeMovieClip a faire

removeMovieClip('image01');
removeMovieClip('image02');

un pour chaque image (pour chaque clip crée via l'action script)

 

235. Le vendredi 19 janvier 2007 à 03:45, par Xavier

>Olivier: Et toi un insomniaque :-|

 

236. Le vendredi 19 janvier 2007 à 04:22, par Loïc

C'est pas un peu fini là, y'en a qui aimeraient dormir.....

 

237. Le vendredi 19 janvier 2007 à 04:32, par Xavier

C'est marrant, je croyais que les lapins ça dormait peu...

 

238. Le vendredi 19 janvier 2007 à 16:11, par marco

Olivier et Xavier -> Merci pour votre réponse !

Je suis presque fier de moi car, même pour un débutant, c'est ce que j'avais essayé. :-|

Cependant, je dois faire une erreur car ça ne fonctionne pas. Je vais vous coller le code de mon panoramique, peut-être cela vous aidera-t-il à m'éclairer.


// creation objet
_root.createEmptyMovieClip("image01", 1);
_root.image01.attachMovie("scene_8_front_cl", "mc_mon_image", 1);


// creation des zones transparentes
// Zone droite
_root.createEmptyMovieClip("zone_droite", 2);
_root.zone_droite.attachMovie("zone", "mc_zone", 1);
zone_droite._x = 560;
zone_droite._y = 0;
zone_droite._width=40;
zone_droite._height=660;
zone_droite._alpha=0;

// Zone gauche
_root.createEmptyMovieClip("zone_gauche", 3);
_root.zone_gauche.attachMovie("zone", "mc_zone", 3);
zone_gauche._x = 30;
zone_gauche._y = 0;
zone_gauche._width=40;
zone_gauche._height=660;
zone_gauche._alpha=0;

// Zone haut
_root.createEmptyMovieClip("zone_haut", 4);
_root.zone_haut.attachMovie("zone", "mc_zone", 3);
zone_haut._x = 0;
zone_haut._y = 0;
zone_haut._width=1000;
zone_haut._height=80;
zone_haut._alpha=0;

// Zone bas
_root.createEmptyMovieClip("zone_bas", 5);
_root.zone_bas.attachMovie("zone", "mc_zone", 3);
zone_bas._x = 0;
zone_bas._y = 460;
zone_bas._width=1000;
zone_bas._height=80;
zone_bas._alpha=0;

image01._x=-320;
image01._y=-240;


// variables
var largeur_scene = 640;
var largeur_image = image01._width;

var hauteur_scene = 480;
var hauteur_image = image01._height;
var panoramique=false;

//rollover droite
zone_droite.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
zone_droite.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

//rollover gauche
zone_gauche.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
zone_gauche.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

//rollover haut
zone_haut.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
zone_haut.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

//rollover bas
zone_bas.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
zone_bas.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}



_root.onEnterFrame = function() { if (panoramique==true){
//déplacements en x

deplacement_x = _xmouse;
deplacement_x = deplacement_x-(largeur_scene/2);
deplacement_x = deplacement_x/20;

deplacement = _xmouse-(largeur_scene/2);
deplacement = deplacement/(largeur_scene/2);
deplacement = deplacement*deplacement*deplacement;
deplacement = deplacement*-(50); // Valeur de vitesse maximale en pixels.
deplacement = Math.round(deplacement); // Pour arrondir

//déplacements horizontaux

// si déplacement vers la gauche
if (deplacement_x>0){
//si l'image n'est pas au bord droit de la scène
if((image01._x+largeur_image)>largeur_scene){
image01._x -= deplacement_x;
}
}else{
//si déplacement vers la droite et que l'image n'est pas au bord gauche de la scène
if(image01._x<=0){
image01._x -= deplacement_x;
}
}

//si après déplacement, l'image est trop à droite, réajustement
if(image01._x>0){
image01._x=0;
}
//si après déplacement l'image est trop à gauche, réajustement
if((image01._x+largeur_image)<largeur_scene){
image01._x=largeur_scene-largeur_image;
}

//déplacements en y

deplacement_y = _ymouse;
deplacement_y = deplacement_y-(hauteur_scene/2);
deplacement_y = deplacement_y/20;

deplacement = _ymouse-(hauteur_scene/2);
deplacement = deplacement/(hauteur_scene/2);
deplacement = deplacement*deplacement*deplacement;
deplacement = deplacement*-(50); // Valeur de vitesse maximale en pixels.
deplacement = Math.round(deplacement); // Pour arrondir

//déplacements verticaux

// si déplacement vers la gauche
if (deplacement_y>0){
//si l'image n'est pas au bord droit de la scène
if((image01._y+hauteur_image)>hauteur_scene){
image01._y -= deplacement_y;
}
}else{
//si déplacement vers la droite et que l'image n'est pas au bord gauche de la scène
if(image01._y<=0){
image01._y -= deplacement_y;
}
}

//si après déplacement, l'image est trop à droite, réajustement
if(image01._y>0){
image01._y=0;
}
//si après déplacement l'image est trop à gauche, réajustement

if((image01._y+hauteur_image)<haueur_scene){
image01._y=haueur_scene-hauteur_image;
}


}
}
stop();

 

239. Le vendredi 19 janvier 2007 à 16:49, par Xavier

Alorsss, allons-y, j'ai déjà plusieurs petites chose à dire, notamment au niveau des zones transparentes qui permettent d'arrêter le panoramique lorsqu'on sort de l'image. La technique en réalité, consiste à créer une seule zone, de la taille de ton panoramique, cette zone sera immobile au-dessus de ton panoramique.

Tu peux donc remplacer toute ta partie concernant la création des zones transparentes par:
// creation de la zone transparente

_root.createEmptyMovieClip("ma_zone", 2);
_root.zone.attachMovie("zone", "mc_zone", 1);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width= Stage.width; //Fait la même largeur que la scène
ma_zone._height= Stage.height; //Fait la même hauteur que la scène
ma_zone._alpha=0;

Tu peux donc remplacer toutes les parties rollover par:
//rollover
ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

Déjà ca va permettre de fluidifier un peu le code.

Ensuite, il y a une petite erreur de frappe à la fin de ton code, haueur & non hauteur.

Normalement, un simple removeMovieClip('image01');
devrait suffire au niveau de l'image à laquelle tu accèdes avec le bouton.

As-tu possibilité de poster ton swf sur un serveur, que l'on voit à quoi ça ressemble?

A bientôt avec Emob, la jeune pousse en quête de savoir.

 

240. Le vendredi 19 janvier 2007 à 17:00, par Loïc

Xavier? je l'efface celui ci de message? :-| nan j'dis ça j'dis rien hein.....

 

241. Le vendredi 19 janvier 2007 à 17:26, par marco

Salut Xavier,

Je vais tester à l'instant. Je te poste l'URL de mon animation... Il s'agit d'un petit jeu que je m'amuse à faire. Soyez TRES indulgents car : Il n'est pas terminé, certaines animations sont à refaire mais surtout, il y a 3 semaines, je n'avais jamais touché à Flash ni au dessin 3D... En passant, les panoramiques sont un peu plus loin dans le jeux...
www.dojo1000iles.com/00/

 

242. Le vendredi 19 janvier 2007 à 17:31, par olivier

Xavier,marco --> ma petite contribution... ;-)
il se pourrait que tu es besoin de preciser le _root !!
ce qui donne sur ta frame 296

removeMovieClip(_root.image01);
ou encore
_root.image01.removeMovieClip();

 

243. Le vendredi 19 janvier 2007 à 17:39, par olivier

marco --> Pas mal du tout pour un début !! ;-)


Encore 2 semaines et tu nous fais un Myst OnLine ;-)

 

244. Le vendredi 19 janvier 2007 à 17:59, par marco

Olivier -> Merci pour l'encouragement. En tous cas, je m'amuse beaucoup ! ,)

Pour ce qui est de ce petit code:
######
removeMovieClip(_root.image01);
ou encore
_root.image01.removeMovieClip();
#####

Je n'y arrive toujours pas. Avec ou sans le _root. J'ai quand même passé 2 jours entier à me creuser la tête sur ce problème avant de demander ici... De quoi mettre à l'épreuve une patience ;-(

Xavier -­> J'ai remplacé mon code par le code que tu m'as suggéré et l'image reste fixe. Plus de panoramique ! Cependant, si j'avance sur l'image suivant et que je reviens, tout à coup le panoramique fonctionne ! Il y a des mystère que je m'explique mal..

 

245. Le vendredi 19 janvier 2007 à 18:29, par marco

C'est bon Olivier... Il y a vait une petite erreur dans ton code ,) J'ai trouvé ! Merci beaucoup... Ton code m'a aidé. J'ai toujours un problème avec l'autre par contre...

 

246. Le vendredi 19 janvier 2007 à 18:42, par olivier

marco --> Dans le code de Xavier il y a une petite boulette a la seconde ligne

_root.zone.attachMovie("zone", "mc_zone", 1);

à remplacer par :

_root.ma_zone.attachMovie("zone", "mc_zone", 1);


 

247. Le vendredi 19 janvier 2007 à 18:59, par marco

En fait, mon message précédant s'addressait à Xavier...

Merci Olivier ! J'avais déjà trouvé, mais c'est très gentil de ta part de me la souligner.

J'ai changé un peu son code et ça se rapproche beaucoup plus du résultat auquel je veux en venir.

Reste toujours la case 296... Je continue d'essayer...

 

248. Le vendredi 19 janvier 2007 à 20:10, par marco

Bon voilà une autre question concernant le panorama.
Ce sera sans doute la dernière...

J'ai créé une zone transparente dans laquelle le panorama demeure fixe. ( La zone est en plein centre de mon image et la fonction panorama est activée lorsque le curseur sort de la zone. Ca évite au panorama de bouger dans tout les sens)

J'ai créé un calque avec un lien vers une autre scene mais il semble que le lien ne fonctionne pas si il est à l'intérieur de la zone tranparente. Par contre, il fonctionne très bien à l'extérieur de la zone transparente. Le problème est que j'ai besoin du lien a l'intérieur de la zone. Comment faire ?

 

249. Le vendredi 19 janvier 2007 à 22:50, par Xavier

>marco: sorry for this mystake :(

Pour ton problème de lien, peut-être as-tu un soucis au niveau des profondeurs de calques, essaye de les modifier en t'assurant que le clip sur lequel se trouve ton lien, est bien au dessus de ta zone. Car elle a beau être transparente, elle est là et peut empêcher ton lien d'être actif.

A bientôt avec Emob, la jeune pousse en veille active.

 

250. Le samedi 20 janvier 2007 à 20:30, par marco

Xavier, no problem ! Je sais que c'était un oubli qu'une erreur.

Concernant le calque et la profondeur, mon problème vient du fait que mon lien se trouve directement sur mon clip et non sur le panoramique. ( Car le calque du lien doit demeurer immobile et non pas bouger avec le panoramique) Par défaut, il se trouve donc sous le calque de "ma_zone" qui lui se trouve sur le panoramique. PLutot mélangeant comme explication non ?
,)

 

251. Le dimanche 21 janvier 2007 à 19:18, par Satoshi

Bonjour !
Très bon tuto ;-) Cependant je n'arrive pas à me familiariser avec l'action script... ;-(
Peut être connaissez-vous des tutos valables sur l'action script ? :-|

 

252. Le dimanche 21 janvier 2007 à 21:25, par olivier

Marco --> c'est vrai que c'est melangeant comme explication... ,)
Et si j'ai bien compris ton soucis ... et je n'en suis pas sur... je vois 2 solutions.

la 1ere, tu crées un calque au dessus des autres dans ton clip "zone" ou tu y inseres le lien et tu y inscris le code sur la premiere frame.

tonbouton.onRelease=function(){
// ton code
}

la seconde solution est de creer un clip ou tu poses ton bouton. Et a la racine avec le reste du code tu copies un truc du genre...

_root.createEmptyMovieClip("bouton", 3);
_root.bouton.attachMovie("clip_bouton", "mc_clip_bouton", 1);

attention a la profondeur de champs... ici c'est 3, au dessus du panoramique et au dessus de ta zone transparente


Satoshi--> Merci ;-)
Pour des ressources sur internet, je te conseille mediabox, flashfrance, zoneflash et jeanphiblog (d'un niveau technique un peu plus elevé) ...

 

253. Le lundi 22 janvier 2007 à 15:25, par Satoshi

Merci Olivier :D
Si c'est possible, est-il possible de savoir ou tu as appris tout ça ? ;-(
Tout seul ou formation ?

Merci d'avance

 

254. Le mercredi 24 janvier 2007 à 02:21, par Sylvain

Bonjour et bravo pour ce tutorial.
Parcontre j'ai un soucis par rapport à l'image panoramique. J'ai pris mes photos et tout racollé avec photomerge de CS3 le problème c'est que les deux extrémitées du résultat, ne peuvent pas s'attacher pour donner une image "sans fin". :-/
Help merci d'avance

 

255. Le mercredi 24 janvier 2007 à 12:06, par olivier

Sylvain --> je ne peux pas trop t'aider pour le coup... Si tu as un nombre suffisant de photos pouvant couvrir un angle mininmum de 360 degré, tu les colles entre elles avec photoshop et tu tronques la fin pour avoir une bonne jointure... (astuce, tu rajoutes la premiere photo a la fin de ton image, pour bien caller le tout et tu l'enleves)

 

256. Le vendredi 26 janvier 2007 à 10:08, par Lily

Salut tout le monde,
J'ai une petite question concernant cette superbe anim Flash :
Lorsque j'insère mon anim dans une page, celle-ci se met à défiler directement alors que la souris n'est pas encore sur l'anim. Comment je peux faire pour que celle-ci ne défile pas quand la souris sort de l'anim ? car c'est un peu dérangeant pour l'utilisateur qui voit défiler une animation à vitesse grand V.

Merci d'avance pour votre réponse.

PS : Votre site est superbe ! ;-)

 

257. Le vendredi 26 janvier 2007 à 10:39, par olivier

Lily --> Salut a toi !!

J'ai deja répondu à la question un peu plus haut, mais comme je suis gentil, je te colle la reponse ici..


////////////////////////////////////
tu commences par creer un clip que tu nomme "zone" dans la bibliotheque comme pour l'image importée. Cette foi ci tu y inseres un carré noir par exemple. Et tu n'oublis pas de faire une liaison et exporter pour action script

ensuite dans le code en dessous des 2 createemptymovieclip tu inscris :

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

en fait il faut creer une zone transparante de la taille de la scene

ensuite, une variable qui dit si le panoramique doit etre enclenché ou pas, par defaut non

donc sous les variables
var panoramique=false;

puis creer un rollover sur la zone transparente
donc en dessous

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}


et pour finir, dans la fonction onenterframe

tu la commences par une condition

if (panoramique==true){

tu inclus la totalité de la fonction et tu n'oublis pas de la fermer avec: }
////////////////////////////

En esperant t'avoir été utile ! ;-)

 

258. Le vendredi 26 janvier 2007 à 11:26, par Lily

Olivier --> Merci beaucoup de ton aide.

J'ai quelques notions en Flash mais cela ne me serait jamais venu à l'idée de créer une zone transparente.
Tu me sauves la vie car je dois rendre ce diaporama cesoir !!!

Merci encore. :-|

 

259. Le vendredi 26 janvier 2007 à 11:42, par olivier

Lily --> Ravi de t'avoir sauvé la vie... ;-)

 

260. Le vendredi 26 janvier 2007 à 14:15, par Xavier

>Olivier: t'as pas bientôt finit de draguer à des heures indues, y en a qui essaye de dormir...
Et puis tu dois commencer à sérieusement piquer là donc faudrait voir à faire gaffe ,)

La porte est bloquée? Je sors par la fenêtre...

A bientôt avec Emob, la jeune pousse attentive à son public.

 

261. Le vendredi 26 janvier 2007 à 14:31, par olivier

Xavier --> C'est vrai que ca commence à piquer... ::
bonne nuit à toi !! ;-)

 

262. Le samedi 27 janvier 2007 à 12:53, par TitBen

Salut à tous ...

un ENORME MERCI pour ce tuto ... c'est exactement ce qu'il me fallait et n'y connaissant rien en flash, c'est NIKEL !!

Vous pouvez voir des rendus sur mon site dans la rubrique des panoramiques !

@ bientôt :-|

 

263. Le samedi 27 janvier 2007 à 14:49, par olivier

TitBen --> Très réussi tes panoramiques ;-)

 

264. Le jeudi 1 février 2007 à 09:31, par julien

;-(
Hello tout le monde.
Tout d'abord merci pour vos vidéos, c'est un concept simpa qui aide pas mal je trouve.
j'ai réussi sans soucis à faire mon panoramique (comme quoi :-| mais j'ai voulu en suite améliorer le script pour empêcher que sa défile à tout alure dès le chargement d'un page, comme demandé par Rémi le 13 septembre (voir plus haut)

Olivier y répond et j'ai adapté mon script mais maintenant plus rien ne bouge... Où pourait-être mon erreur?

Voici le code final.
Merci d'avance !!!
Julien

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variables
var largeur_scene=692;
var largeur_image=image01._width;
var panoramique=false;

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}


if (panoramique==true){
_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

}
}

stop();

Cependnat, chez moi, rien ne se passe.

 

265. Le jeudi 1 février 2007 à 10:09, par olivier

Julien --> effectivement il y a une petite erreur...

tu as codé ca :

if (panoramique==true){
_root.onEnterFrame=function(){

essaye plutot ca ...

_root.onEnterFrame=function(){
if (panoramique==true){

la condition doit se passer dans le onEnterFrame ... ;-)

 

266. Le jeudi 1 février 2007 à 11:08, par julien

:-|
Super Merci
Et en plus vous êtes rapides
Et en plus efficaces
Et en plus cool
Et en plus...

 

267. Le lundi 5 février 2007 à 13:55, par papy62

salut tlm le tuto es genial. mais je rechercher la meme chose mais avec plusieurs photos differente et quand on clic sur une des photos qu'on a choisis sa ouvre un popup de la photo

qui pourais me donnais un ptit cou de pouce merci :-|

 

268. Le lundi 5 février 2007 à 14:31, par olivier

papy62 --> Alors pour cela il faut créer des clips différents pour chaque image. Le mieux serait que tes images conservent la même taille. Ensuite il faut définir les placements et les dépendances.
Si tu pars sur une base de 3 images différentes. Tu commences par la 1, la 2 et la 3…
Si ton image 1 part complètement sur la gauche, il faut la recaler de l’autre coté à droite de la 3… Si ton image 1 part complètement sur la droite il faudra la recaler à gauche à coté de la 2… et ainsi de suite pour chaque image…


Concernant les liens sur les images

Voila une petite fonction


/// on test le click sur le clip de l’image 1
image01.onRelease=function(){
// on ouvre dans le navigateur ton image 1 avec « blank » pour que ca soit dans une nouvelle fenetre
getURL("ton_image01.jpg", "_blank");
}


Voila le code source modifié pour 3 images différentes et les liens ( je n’ai pas eu le temps de tester)…




// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image1","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image2","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

_root.createEmptyMovieClip("image03",3);
_root.image03.attachMovie("mon_image3","mc_mon_image",1);
_root.image03._x=image02._x+image02._width;

// variables
var largeur_scene=600;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;
image03._x=image03._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image03._x-largeur_image;
}


if (image03._x>=largeur_scene){
image03._x=image01._x-largeur_image;
}


// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image03._x+largeur_image;
}

if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

if (image03._x+largeur_image<=0){
image03._x=image02._x+largeur_image;
}

}



//liens

image01.onRelease=function(){
getURL("ton_image01.jpg", "_blank");
}

image02.onRelease=function(){
getURL("ton_image02.jpg", "_blank");

}


image03.onRelease=function(){
getURL("ton_image03.jpg", "_blank");
}



stop();

 

269. Le lundi 5 février 2007 à 17:00, par papy62

re je te remerci bcp pour ton aide c'est super sa marche tres bien mais j ai modifier la fin comme tu peut le voir pour qu il m'ouvre mon image en popup .

et aussi a mettre dans la page html ou il aura le swf entre <head> </head> pour qui prend en compte les popup

le code suivant

<script language="JavaScript">
<!--
function openNewWindow(URLtoOpen, windowName, windowFeatures){ newWindow=window.open(URLtoOpen, windowName, windowFeatures);
}
//-->
</script>

voici le code fla

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image1","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image2","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

_root.createEmptyMovieClip("image03",3);
_root.image03.attachMovie("mon_image3","mc_mon_image",1);
_root.image03._x=image02._x+image02._width;

// variables
var largeur_scene=600;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;
image03._x=image03._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image03._x-largeur_image;
}


if (image03._x>=largeur_scene){
image03._x=image01._x-largeur_image;
}


// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image03._x+largeur_image;
}

if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

if (image03._x+largeur_image<=0){
image03._x=image02._x+largeur_image;
}

}



//liens

image01.onRelease=function (){
this.getURL ("javascript:openNewWindow('image 1.jpg','thewin','height=468,width=468,toolbar=no,scrollbars=yes')");
}

image02.onRelease=function (){
this.getURL ("javascript:openNewWindow('image 2.jpg','thewin','height=468,width=468,toolbar=no,scrollbars=yes')");
}

image03.onRelease=function (){
this.getURL ("javascript:openNewWindow('image 3.jpg','thewin','height=468,width=468,toolbar=no,scrollbars=yes')");
}


stop();

 

270. Le lundi 5 février 2007 à 17:13, par olivier

papy62 --> bien vu le systeme de popup ;-)

 

271. Le mardi 6 février 2007 à 16:13, par papy62

dit tu peut me dire comment ajouter un cadre stp

j ai cadre en gif et je voudrai le mettre dans le flash

 

272. Le mardi 6 février 2007 à 16:33, par olivier

papy62--> tu peux rajouter un cadre avec du script

_root.createEmptyMovieClip("mon_cadre1",4);
_root.mon_cadre1.attachMovie("mon_cadre","mc_mon_cadre",1);
_root.mon_cadre1._x=0;
_root.mon_cadre1._y=0;

(ici mon_cadre correspond au clip contenant l'image du cadre)


il faut bien faire attention au fait qu'il doit etre contenu dans le dernier clip (ici c'est le 4 eme). Qu'il fasse la taille de ta scene. Et que la transparence au millieu fonctionne. Si ce n'est pas le cas convertis ton image en png

 

273. Le mardi 6 février 2007 à 17:03, par papy62

merci bcp de ton aide olivier

regarde le resultat

www.sarl-dubois.com/034.h...

si tu veut mon msn pas de blem

 

274. Le mardi 6 février 2007 à 17:28, par olivier

papy62 --> sympa ton flash!! ;-)
Il te manque a pauffiner un peu les details graphiques... peut etre ralentir la cadence de defilement:

deplacement=deplacement/30; (a essayer)

et gerer la sortie du curseur avec une zone transparente. Il y a la solution dans un commentaire assez recent que j'adressai à Lily www.emob.fr/dotclear/inde...

en tout cas le concept et sympa et il fonctionne bien !! ;-)

 

275. Le jeudi 8 février 2007 à 15:43, par Pierre92

Bonjour a tous et encore bravo pour le tuto..

mon problème est simple (?) : j'ai construit un site en 1024x768. mon pano fait 1024x250. je voudrais le placer au milieu de la page de mon site mais ne voir qu'une fenêtre de 600x250 de façon a ne pas masquer tous les autres menus...???

j'ai essayé avec un masque mais ca marche pas...

D'avance merci pour votre aide..

Pierre

 

276. Le jeudi 8 février 2007 à 16:00, par olivier

Pierre92 --> l'ideal (selon moi) serait de reconstruire ton panoramique en 600*250.
ensuite si le reste de ton site est en flash... tu importes le swf de ton panoramique dans un nouveau clip avec la fonction loadmovie...

loadMovie("ton.swf", ton_nouveau_clip);

 

277. Le jeudi 8 février 2007 à 17:01, par Pierre92

-> Olivier

Je dois être une grosse buche, mais j'ai bien mon animation.swf,reprenant tous le code du pano (elle fonctionne parfaitement) je crée un nouveau clip dans mon site, (mon_clip), et je fais un

loadMovie ("animation.swf",mon_clip);

Je place mon_clip dans la page de mon site, et la... nada... pas de pano visible... ou ai-je merd.....

merci ton aide


P.

 

278. Le jeudi 8 février 2007 à 17:26, par olivier

Pierre92 --> Je ne peux rien vraiment te dire sans tes flash sous les yeux...

Essai de changer les "_root" de ton panoramique en "this"

Ensuite verifier que le script avec le "loadmovie" se trouve à la meme profondeur que ton clip devant contenir l' animation.swf (eviter qu'il y est des clips dans des clips avec du code dedans)

Et ensuite ne pas oublier de lier le clip(contenant animation.swf) pour l'action script (comme dans la video)

voila,voila ... en esperant t'avoir été utile ;-)

 

279. Le jeudi 8 février 2007 à 17:28, par Pierre92

-> olivier

merci !!! j'ai un peu la tête farcie, mais je vais essayer ça.... si j'ai le temps je te poste le .fla

P.

 

280. Le jeudi 8 février 2007 à 18:30, par Pierre92

-> Olivier

j'ai fait :

var conteneur:MovieClip = this.createEmptyMovieClip("clipConteneur", 0);
conteneur.loadMovie("animation.swf");

le clip s'affiche sans pb, fonctionne bien, mais il ne fait pas 600 x 250 (taille du swf) mais 1024 de large, et je ne peux pas le placer en abs/ord sur ma page..ni lui fixer une taille (600 de large, sachant que la hauteur est bonne)

T'as une explication ?

Merci d'avance

P.

 

281. Le jeudi 8 février 2007 à 18:48, par olivier

Pierre92--> Il faudrait peut etre lui preciser une largeur, une hauteur, une position en x et y...


essai ca :
//largeur
conteneur._width=600;
//hauteur
conteneur._height=250;
//position en x
conteneur._x=200;
//position en y
conteneur._y=200;


ca devrait normalement fonctionner ...

 

282. Le vendredi 9 février 2007 à 09:15, par Pierre92

--> Olivier

Encore merci, mais ca marche toujours pas... quand je rentre les variables taille, le clip disparait...

j'ai essayé dans un autre doc le pano prend systématiquement la taille du doc et jamais celle fixée dans le pano.... et pareil, variables taille, le clip apparait pas...

j'y perd mon latin...

P.

 

283. Le lundi 12 février 2007 à 05:36, par Caro

Salut !
d'abord, un GRAND merci pour ce tuto !

Mais je rencontre à peu pres le meme probleme que Pierre92...

L'anim. pano est chez moi appellée dans une cible.
Avec les _root, rien n'apparait.
Avec les this., le panoramique apparait bien dans ma cible (cible.loadMovie(pano.swf)) mais l'anim dépasse de ma cible 8-O ...

Pouvez vous m'aider ?

Et bravo pour le taff ! ;-)

 

284. Le lundi 12 février 2007 à 11:09, par olivier

Pierre92 et Caro --> J'ai testé une solution qui consisterai à creer un calque "cadre" avec de la transparence au centre... La transparence conrespondrait à la taille du panoramique. Pour cela vous pouvez utiliser un gif, un png ou meme un masque sous flash.

L'ideal est de creer le clip directement dans la bibliotheque, de le deposer sur la scene, de nommer son occurence et dans le code creer le "loadmovie".

Le cadre sert fixer la limitation de taille du panoramique. Il faut donc logiquement que l'animation du pano soit imperativement en arriere plan par rapport au cadre

 

285. Le lundi 12 février 2007 à 14:12, par Caro

Salut,
merci pour ta réponse rapide !
mais j'avoue que ce n'est pas très clair pour moi...
Au risque de passer pour un boulet, pourrais tu préciser un peu plus, s'il-te-plait ?
Je cree bien un masque par dessus le calque qui contient le code du pano, mais rien ne semble se passer... j'ai loupé quoi ?

Merci d'avance !

 

286. Le lundi 12 février 2007 à 15:16, par olivier

Caro --> j'aurai du mal à préciser plus... mais je vais tenter... ;-)

Ce que tu dois faire c'est importer ton panoramique dans une animation plus grande, avec le "loadmovie". Apparement ca, ca marche chez toi.

La facon de procéder :
-tu crées un nouveau movieclip dans ta nouvelle animation
-tu le glisses sur la scene
- tu fais une liaison pour l'action script
- tu nommes l'occurence (en bas a droite)

- ensuite dans un calque audessus ( sur la time line) tu precises ta ligne de code

clip_pano.loadMovie("pano.swf");

"clip_pano" est le nom de mon occurence
"pano.swf" est mon fichier panoramique

ici quand tu testes tu devrais voir le panoramique.


Ensuite,tu crées un nouveau calque entre le clip du pano et le script.
J'y inserere 4 bandes en dessin vectorielle qui correspondent aux bordures de mon cadre. c'est ici ou tu peux utiliser un gif un png ou meme un masque. tu trouveras des exemples concret sur le net, si tu ne geres pas tres bien ca, mais c'est plus une histoire d'integration que de prog ...

Voila, en esperant avoir été plus clair...

 

287. Le lundi 12 février 2007 à 15:40, par Caro

Salut,
re merci pour ta réponse :-|

Bon, il semblerais que j'avais bien procédé de la bonne facon (sauf pour la liaison).
Puis-je t'expliquer plus en détail mon problème ?

J'ai 3 fichiers A.swf, B.swf et C.swf, C étant l'anim avec le pano (j'ai bien suivi le tuto, sauf que j'ai changé les _root en this. )
Dans mon anim A, j'ai un bouton avec ce code (dans la frame) :
btA.onRelease = function() {
cible1.loadMovie("B.swf");}
Dans mon anim B, un autre bouton avec le code (dans la frame) :
btB.onRelease = function (){
cible2.loadMovie("C.swf");}

avec cette arborescence, C marche bien, B marche aussi mais affiche le pano qui sort de la scene et par consequent de la ciblle2. Idem pour A (ce qui me parait tout a fait logique).

Ou dois-je placer mon masque ? Dès que j'en cree un, en clip dont l'alpha est a 0, tout disparait (sachant que je ne souhaite pas de cadre visible).

Merci pour ta patiente et ton aide ;-)

 

288. Le lundi 12 février 2007 à 16:52, par Caro

Bon, plus de probleme !!!
on oublie mon précédent post ! :-|
désolée de poluer le blog, et MERCI pour tout !

Bonne continuation à vous et à bientôt !

 

289. Le vendredi 16 février 2007 à 16:18, par Cindy

C'est mon premier exercice sur flash et j'ai adoré, merci. Je l'ai adapté en créant des animations quand on passe sur des bouton invisibles sur certain plan de la photo, mais j'aimerai aussi créer un clip qui suivrait ma souris pendant que le panorama défile et je n'y arrive pô! Kelkun à une solution pour moi??? merci encore.

 

290. Le vendredi 16 février 2007 à 16:42, par olivier

Cindy --> J'ai la solution pour toi !!! ;-)

Tu crées un nouveau clip dans la bibliotheque(le clip que tu souhaites deplacer avec la souris). Tu y inseres l'image que tu souhaites (ca peut meme etre une animation). Dans la bibliotheque tu lies le clip pour l'action script (comme dans le tuto).

Ensuite dans ton code en dessous des clips crées dynamiquement tu inscris :

this.createEmptyMovieClip("mon_clip_souris", 4);
this.mon_clip_souris.attachMovie("clip_souris", "mc_clip_souris", 1);

clip_souris etant le nom du clip dans ta bibliotheque
mon_clip_souris et un nouveau clip creer dynamiquement et c'est celui que tu dois deplacer, verifie qu'il soit en derniere position dans sa profondeur, ici c'est 4.

Alors pour qu'il suive la souris, dans le
this.onEnterFrame=function(){ ... }

tu notes :

mon_clip_souris._x= _xmouse;
mon_clip_souris._y= _ymouse;

et tu devrais avoir ton clip qui suit le curseur de la souris... ;-)

 

291. Le mardi 20 février 2007 à 10:30, par papy62

salut olivier comment tu va !

bon moi j ai une petite question a te pose stp!
mon swf avec plusieurs images fonctionne tres bien & avec les popups aussi mais est il possible de mettre a gauche & droite ou comme moi de haut en bas 2 boutons pour passée les images manuellement (sans avec le mouvement de la souris) merci

 

292. Le mardi 20 février 2007 à 11:03, par olivier

papy62 --> Je vais tres bien, merci ;-) ...

alors si j'ai bien compris ce que tu souhaites...

tu commences par créer 2 clips pour les fleches, tu les lies pour l'action script comme dans le tuto...

this.createEmptyMovieClip("fleche_haut01",20);
this.fleche_haut01.attachMovie("ma_fleche_haut","mc_fleche_haut",1);
this.fleche_haut01._x=...;
this.fleche_haut01._y=...;


this.createEmptyMovieClip("fleche_bas01",21);
this.fleche_bas01.attachMovie("ma_fleche_bas","mc_fleche_bas",1);
this.fleche_bas01._x=...;
this.fleche_bas01._y=...;

les _x et _y correspondent au placement dans la scene, le 20 et 21 est la profondeur de calque.

Ensuite tu crées une variable pour le deplacement manuel, elle devrait correspondre a la hauteur de tes petites vignettes. Ici c'est donc ._height qui correspond.(Ca marche de la meme maniere pour la largeur)

var hauteur_image= ton_image._height;

et pour finir:

fleche_haut01.onRelease=function(){ ton_clip_image01._y=ton_clip_image01._y-hauteur_image;
ton_clip_image02._y=ton_clip_image02._y-hauteur_image;
...
}

fleche_bas01.onRelease=function(){ ton_clip_image01._y=ton_clip_image01._y+hauteur_image;
ton_clip_image02._y=ton_clip_image02._y+hauteur_image;
...
}

sur chaque fleches tu indiques le deplacement de toutes tes vignettes. Elles montent ou elle descendent ... Et n'oublis pas de conserver la partie replacement des images quand elles sortent du cadre...

en esperant t'avoir été utile...

 

293. Le mardi 20 février 2007 à 14:20, par joke

Salutation! Bon alors, j'aurais besoin d'aide ou plutot d'un copier coller d'une réponse... Y'a tellement de page que je mis perd :( . Je dois réalisé un site pour le travail et je ne suis vraiment pas très bon en flash. Je dois faire en sorte que un personnage 3d en pdf tienne une sorte de pélicule avec le systême dont on parle ici ... J'aimerai annimé 3, ou 4 images diffréentes sur cette pélicule ... Pourrais-tu m'aider?

Un grand Merci d'avance ( mais t'inquiete pas tu en auras un autre apprès ,) )

 

294. Le mardi 20 février 2007 à 16:19, par olivier

joke --> je ne suis pas sur de tout bien avoir suivi...

il faudrait créer un clip contenant l'image de ton personnage, de la meme maniere que dans le tuto (tu crées un clip dans ta bibliotheque, tu le lies, et tu l'appeles dans l'action script)...

Pour la suite, pour gerer plusieurs images dans ton diapo... voici une des precedentes reponses...

www.emob.fr/dotclear/inde...

 

295. Le mardi 20 février 2007 à 16:40, par joke

Merci beaucoup, mais vu que je me sentais coupable de te faire bosser sur un truc que tu as dis 300'000 fois... J'ai bosser un peu par moi même. Ma seul question... Si je peux encore me permettre est la suivante: J'aimerai faire le diaporama mais de Haut en bas, ou de pas en haut à la place de "gauche à droite, et droite à gauche" pourrais-tu m'aider?

 

296. Le mardi 20 février 2007 à 16:50, par olivier

joke --> il suffit de changer les x en y, les largeurs en hauteur, les _width en _height, les left en top... le principe est strictement identique ...

c'est le code initial revu pour le defilement vertical

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._y=image01._y+image01._height;

// variables
var hauteur_scene=600;
var hauteur_image=image01._height;

_root.onEnterFrame=function(){

deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/2);
deplacement=deplacement/20;

image01._y=image01._y+deplacement;
image02._y=image02._y+deplacement;

//partie droite

if (image01._y>=hauteur_scene){
image01._y=image02._y-hauteur_image;
}

if (image02._y>=hauteur_scene){
image02._y=image01._y-hauteur_image;
}

// partie gauche

if (image01._y+hauteur_image<=0){
image01._y=image02._y+hauteur_image;
}
if (image02._y+hauteur_image<=0){
image02._y=image01._y+hauteur_image;
}

}

stop();

 

297. Le mardi 20 février 2007 à 17:08, par joke

Merci t'es un ange :-|

Je t'enverais le site quand il serra mis à jour !

 

298. Le mercredi 21 février 2007 à 09:08, par Joke

Rebonjour :-/ , vraiment désolé de te dérenger mais j'ai un problème ce matin... Je pense que j'ai mal compris la logique de //deplacement à gauche et droite.. qui devienne par aillieur déplacement vers le haut, et vers el bas. bref. Je t'envoie mon code... Si tu peux y jeter un neuneuille ca serrait super ! ;-)

 

299. Le mercredi 21 février 2007 à 09:16, par joke

Oops :-C (désolé pour le tripple poste... c'est vraiment pas dans mes habitudes. )

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image2","mc_mon_image2",1);
_root.image02._y=image01._y+image01._height;

_root.createEmptyMovieClip("image03",3);
_root.image03.attachMovie("mon_image3","mc_mon_image3",1);
_root.image03._y=image02._y+image02._height;

_root.createEmptyMovieClip("image04",4);
_root.image04.attachMovie("mon_image4","mc_mon_image4",1);
_root.image04._y=image03._y+image03._height;

// variable
var hauteur_scene=80;
var hauteur_image=image01._height;

_root.onEnterFrame=function(){

deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/2);
deplacement=deplacement/20;

image01._y=image01._y+deplacement;
image02._y=image02._y+deplacement;
image03._y=image03._y+deplacement;
image04._y=image04._y+deplacement;

//partie droite

if (image01._y>=hauteur_scene){
image01._y=image02._y-hauteur_image;
}

if (image02._y>=hauteur_scene){
image02._y=image03._y-hauteur_image;
}

if (image03._y>=hauteur_scene){
image03._y=image04._y-hauteur_image;
}

if (image04._y>=hauteur_scene){
image04._y=image1._y-hauteur_image;
}



// partie gauche

if (image01._y+hauteur_image<=0){
image01._y=image02._y+hauteur_image;
}

if (image02._y+hauteur_image<=0){
image02._y=image03._y+hauteur_image;
}

if (image03._y+hauteur_image<=0){
image03._y=image04._y+hauteur_image;
}

if (image04._y+hauteur_image<=0){
image04._y=image01._y+hauteur_image;
}

}

stop();

 

300. Le mercredi 21 février 2007 à 11:32, par olivier

joke--> Il y a un petit problème sur partie gauche qui est en realité la partie haute. Tu replaces mal les images... Quand ton image sort de la scene par le haut elle doit se recaller sous la 4 et non pas la 2...

essai de modifier la partie gauche de ston script comme ca :

// partie gauche (haute)

if (image01._y+hauteur_image<=0){
image01._y=image04._y+hauteur_image;
}

if (image02._y+hauteur_image<=0){
image02._y=image01._y+hauteur_image;
}

if (image03._y+hauteur_image<=0){
image03._y=image02._y+hauteur_image;
}

if (image04._y+hauteur_image<=0){
image04._y=image03._y+hauteur_image;
}

 

301. Le mercredi 21 février 2007 à 11:51, par joke

Merci pour ta patience, mais j'ai dis au bosse que je pouvais me débrouillier et que je connaissais des tuto :/... Bref j'ai voulu rajouter un caré invisible pour la sourie mais tout commence à se déglingué... Note que ton test ne fonctionne pas non plus. Soit c'est le Empty movie clip " ma _zone " qui fait déconner tout soit y'a encore un truc qui cloche.

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image2","mc_mon_image2",1);
_root.image02._y=image01._y+image01._height;

_root.createEmptyMovieClip("image03",3);
_root.image03.attachMovie("mon_image3","mc_mon_image3",1);
_root.image03._y=image02._y+image02._height;

_root.createEmptyMovieClip("image04",4);
_root.image04.attachMovie("mon_image4","mc_mon_image4",1);
_root.image04._y=image03._y+image03._height;

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variable
var hauteur_scene=80;
var hauteur_image=image01._height;
var panoramique=false;


//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}


_root.onEnterFrame=function(){
if (panoramique==true)

_root.onEnterFrame=function(){

deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/2);
deplacement=deplacement/30;

image01._y=image01._y+deplacement;
image02._y=image02._y+deplacement;
image03._y=image03._y+deplacement;
image04._y=image04._y+deplacement;
}
//partie droite

if (image01._y>=hauteur_scene){
image01._y=image04._y-hauteur_image;
}

if (image02._y>=hauteur_scene){
image02._y=image01._y-hauteur_image;
}

if (image03._y>=hauteur_scene){
image03._y=image02._y-hauteur_image;
}

if (image04._y>=hauteur_scene){
image04._y=image03._y-hauteur_image;
}



// partie gauche (haute)

if (image01._y+hauteur_image<=0){
image01._y=image04._y+hauteur_image;
}

if (image02._y+hauteur_image<=0){
image02._y=image01._y+hauteur_image;
}

if (image03._y+hauteur_image<=0){
image03._y=image02._y+hauteur_image;
}

if (image04._y+hauteur_image<=0){
image04._y=image03._y+hauteur_image;
}

}

stop();

Me conseils-tu la corde ou le revolver? ( pas pour la patrone hein ,)

 

302. Le mercredi 21 février 2007 à 12:05, par olivier

joke --> pour le coup je seche ... je ne vois pas ce qu'il cloche dans ton script... a part peut etre ca ...

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);

remplace le par

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 5);
_root.ma_zone.attachMovie("zone", "mc_zone", 1);

ton clip transparent doit forcement etre placé au dessus...

sinon aucune autre solution...

 

303. Le mercredi 21 février 2007 à 12:13, par Joke

J'ai rajouté remplacé par ta ligne, mais il y a toujours un truc qui bloque... Les images sont niquels et tout mais elles ne se replacent pas derière. Elles continuent dans les parois infinies de se monde cruel. ;-(

( encore un grand merci... je sais je suis méchant je t'arcelle sur du script dès midi mais bon... )

 

304. Le vendredi 2 mars 2007 à 01:48, par nina_bee

salut olivier,
merci pour ton tuto il est vraiment super! ;-)
J'ai une question cependant: j'aimerais que les images se chargent grace à un xml (comme ca ca permet de faciliter les update) J'ai donc voulu reprendre ton code
en le modifiant un peu. J'ai créé deux clips conteneurs qui contiennent (héhé) autant de movie clip qu'il y a de photos dans mon xml. J'ai appelé chaque photo dans son movie clip et ensuite j'ai juste refait la meme chose que dans ton tuto. Le problème c'est que quand je lance le swf ca fait planter flash!!! :-/
bon voila mon action script:
//on cree un objet XML
var photo_xml: XML = new XML();
photo_xml.ignoreWhite = true;

photo_xml.onLoad = function(ok){
if(ok){
//trace ("chargement réussi"); ok
noeudRacine=photo_xml.firstChild;
noeuds=noeudRacine.childNodes;
//nombre de photo
nbPhotos=noeuds.length;
}
}
/////////////////////////////////
// appel du xml au chargement //
photo_xml.load("bibliotheque.xml");


// creation objet
_root.createEmptyMovieClip("conteneur01",1);
//dans conteneur on cree autant de mc qu'il y a d'images
for (i=0; i<=nbPhotos; i++){
conteneur01.createEmptyMovieClip("evennement_mc"+i, i);
loadMovie(img.attributes.chemin, "evennement_mc"+i);
i++;
}
//idem avec le second:
_root.createEmptyMovieClip("conteneur02",1);
for (i=0; i<=nbPhotos; i++){
conteneur02.createEmptyMovieClip("evennement_mc"+i, i);
loadMovie(img.attributes.chemin, "evennement_mc"+i),
i++;
}


//les variables

var largeur_scene = 600;
var largeur_conteneur = conteneur01._width;




_root.onEnterFrame = function(){
deplacement = _xmouse;
deplacement = deplacement - (largeur_scene/2);
deplacement = deplacement/20;

conteneur01._x = conteneur01._x +
deplacement;
conteneur02._x = conteneur02._x +
deplacement;

//droite
if(conteneur01._x>=largeur_scene){
conteneur01._x = conteneur02._x - largeur_conteneur;
}
if(conteneur02._x>=largeur_scene){
conteneur02._x = conteneur01._x - largeur_conteneur;
}


//gauche
if (conteneur01._x+largeur_image<=0){
conteneur01._x=conteneur02._x+largeur_conteneur;
}
if (conteneur02._x+largeur_image<=0){
conteneur02._x=conteneur01._x+largeur_conteneur;
}


}//fin du enterframe

stop();

et voila le xml:
<?xml version="1.0" encoding="utf-8"?>
<galerie>
<img num="1" nom="fly1" date="10/10/2007" legende="légende 1" chemin="images/a.jpeg" lien="www.google.fr">
<img num="2" nom="fly2" date="10/10/2006" legende="légende 2" chemin="images/b.jpeg" lien="www.google.fr">
<img num="3" nom="fly3" date="10/10/2005" legende="légende 3" chemin="images/c.jpeg" lien="www.google.fr">
</galerie>

je suppose que j'ai fait une grosse gaffe quelque part pour que flash boude mon anim ;-( bref si tu as un peu de temps pour te pencher sur la question ca serait vraiment super.

***^_^***
a plus

 

305. Le vendredi 2 mars 2007 à 10:41, par olivier

nina_bee --> Salut, alors pour etre franc je ne connais pas trop le flash/xml... Neamoins je m'en suis servi pour un diaporama dynamique et ce n'est pas terrible pour le cache... Ce que je te conseil c'est un script en php qui parse le contenu d'un repertoire et qui envoi a ton flash le nombre d'images et l'adresse du repertoire. Pour le coup c'a fonctionne mieux chez moi...

Pour le reste il y a un probleme dans la creation de tes clips. Je n'ai pas compris le principe de mettre tous tes clips dans "conteneur", en theorie tu ne devrais voir que le dernier, donc je ne vois pas d'interet. Ensuite il faudrait verifier le chargement des images, il peut y avoir des retards. Ce qui ferait que le script s'execute avant d'avoir charger tes images. Et enfin dans ta boucle for... tu lui indiques un i++ en trop... Il est deja dans dans le for(xx,xx,i++). Il ne faut donc pas le rajouter a la fin, car cela fait incrementer de 2 ton i.

Voila, en esperant que ca t'aidera... ;-)

 

306. Le dimanche 4 mars 2007 à 23:58, par Stad

Bonjour,
Excusez moi je ne suis pas très performant mais...
Si je veux mettre ce diaporama dans un clip d'une séquence.
Comment dois-je procéder ?

 

307. Le lundi 5 mars 2007 à 12:08, par olivier

Stad--> Pour pouvoir integrer le panoramique dans un clip, il faut remplacer les "_root" par des "this", compiler le tout en swf... et ensuite creer dans un nouveau flash, un clip ou tu charges ton panoramique avec la fonction "loadmovie"

 

308. Le lundi 5 mars 2007 à 18:36, par nonoteesside

il est trop marant le commentateur..
mouse=mousse :-|
enter=anteur.. :-C
bref a part sa.. le tuto est super bien fait et bien expliqué rien a dire..
continue comme sa C du bon boulot.

une question peut étre naz.. la taille de mon panorama .jpg a-t-elle une influence sur la taille du SWF?...

 

309. Le lundi 5 mars 2007 à 18:46, par olivier

nonoteesside --> ravi de t'avoir fais rire ... :: et merci pour le reste ... ;-)

Sinon pour ta question, la taille de ton jpg n'influe pas sur la taille de ton swf mais sur son poids...

 

310. Le mardi 6 mars 2007 à 00:37, par nina_bee

olivier: merci pour ta reponse, mais je ne vois pas bien comment fiare avec le php (j'ai déja pas l'habitude de flash alors mélanger avec du php que je connais qu'un peu ca me parait assez abstrait :: ) par contre ca du coté de mon fichier flash, j'essaye de le terminer et si ca marche je te ferais signe. Si de ton coté tu as un lien pour utiliser le php avec flash je suis preneuse
a bientot sur emob
***^_^*******

 

311. Le mardi 6 mars 2007 à 10:32, par olivier

nina_bee --> Alors on va essayer de faire plus simple...

Lorsque tu appeles ton flash avec du html tu dois avoir 2 url...
genre <embed src="www.ton_siste/panoramique...
et value="www.ton_siste/panoramique...

il suffit de leurs rajouter des variables comme le nom d'un repertoire et le nombre de photos s'y trouvant

www.ton_siste/panoramique...

dans chaque repertoire ou tu souhaite mettre des photos, tu dois les nommer de cette facon : img1, img2 etc...

ensuite dans ton flash tu inseres 2 champs texte dynamique avec dans la zone var "repertoire" et "nbr_photo"

pour le coup ton repertoire dans flash s'appele repertoire_image1 et tu as 5 images...

et ensuite les charger avec une boucle du genre...

imageArray = new Array();
i=0
while (i<nbr_photo){
imageArray[i]=repertoire"/img"+i+".jpg";
this.createEmptyMovieClip("img_mc"+i, i);
loadMovie(imageArray[i], "img_mc"+i);
i++;
}

Je n'ai pas le temps de tester mais voila la philosophie ;-)

 

312. Le dimanche 11 mars 2007 à 19:41, par jeanfly

saluu ton tuto etait très sympa ;-)
c'estjustement ce que j'avais besoin :-| et j'aurai aimé savoir si tu pouvais m'aider pour la bonne continuation de mon projet en repondant à cette question :-| :-| :
comment fait on pour decouper une image (dans mon cas un planisphère ) avec les differentes frontiere de tel sorte que "tous" ;-) les pays soient cliquable indépendamment ^^ j'ai deja beaucoup cherché mais je n'ai jamais trouvé d'info utile ;-( donc si tu pouvais m'apporter ton aide cela me serait très précieu
je te remerci d'avance =)

 

313. Le dimanche 11 mars 2007 à 21:51, par olivier

Jeanfly --> Alors pour ta question ...
Il faut que ton clip "mon_image" comporte tes interactions sur les pays. Tu commences par créer ta planisphere non animée et tu geres par des formes rectangulaires indepédantes tes pays. En gros tu places dans tes pays des formes "englobantes" et tu baisses l'alpha à 0. Tu rajoutes a chaque pays l'interaction que tu souhaites...

genre :
france.onRelease=function() {
ton_code;
}

une fois que ta mappe monde est finis, tu crees le panoramique et toutes tes actions contenues dans ton clip mon_image seront fonctionnelles...

 

314. Le lundi 12 mars 2007 à 21:21, par halo

bonjour je ne sais plus ou poser la question(j'ai demander sur plusieur deja)comment faire pour bien héberger ses création flash et quelle se voit sachant que c'est des videos qui sont couper et importer dans flash 8(sans les mettre sur un site juste l'apercut)?
et comment bien la mettre ensuite dans les messages d'un forum par exemple ?

 

315. Le dimanche 18 mars 2007 à 11:45, par Rbeuque74

Je trouve votre site génial, et je poste ma réalisation =) ;-)

rbeuque.free.fr/upload/Ga...

 

316. Le lundi 19 mars 2007 à 09:30, par olivier

Rbeuque74 --> vraiment sympa !! ;-)

 

317. Le jeudi 22 mars 2007 à 00:12, par ced

Merci à tous ;-)
Pour le tuto et les commentaires de chacun
Rarement vu une communauté aussi sympathique

 

318. Le samedi 24 mars 2007 à 11:46, par sankukai

Merci pour ce tuto, merci monsieur emob pour tout ce que vous faites (tout est très carré....).
A partir de se tuto, je voudrais réaliser un panorama avec 1 seule image et que le panorama se bloque sur la droite ou sur la gauche lorsque l'on est au bout de l'image... si quelqu'un pouvait m'aider pour la réalisation du code !!! merci à toute la communauté emob

 

319. Le samedi 24 mars 2007 à 14:30, par olivier

sankukai --> Alors pour le script que tu souhaites realiser c'est encore plus simple... ;-)
Tu realises le tuto comme expliqué dans la video... tu ne te soucis pas de la seconde image... en fait tu n'en crées qu'une...

Et dans le onEnterframe, tu generes la variable deplacement de la meme maniere et au niveau de la l'affectation des valeurs sur ton image tu dois changer des petites choses....

Le principe est de dire, tu ne fais ton deplacement vers la droite QUE quand ton image est inferieur à -20 en x. Le -20 correspond a une marge de sécurité... En gros ta plus grande valeur en x doit etre -20. Si elle est superieur ou egale elle doit prendre la valeur -20 et elle interdit donc le deplacement vers la droite...

Pour le deplacement vers la gauche c'est un peu plus complexe mais ca conserve le principe... L'image doit se bloquer SEULEMENT quand le bord droit de ton image touche le bord droit de ta scene... en gros :

if ((image01._x+largeur_image-20)>largeur_scene){
...
}
::

le -20 reste toujours une marge de securité...

voila le code source tester... et je te laisse le soin de le commenter ;-)


// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

// variables
var largeur_scene=400;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;


/////////////deplacement et bloquage d 1 image

if (deplacement>0) {

if (image01._x<-20){
image01._x=image01._x+deplacement;
}
else {
image01._x=-20;
}
}
else {

if ((image01._x+largeur_image-20)>largeur_scene){
image01._x=image01._x+deplacement;
}
else {
image01._x=largeur_scene-largeur_image+20;
}

}

}

stop();

 

320. Le mercredi 11 avril 2007 à 21:00, par Georges le yeti |57]

Bonjour,voila ce que me dit le logiciel 8-O

47 : L’instruction doit apparaître dans le gestionnaire on/onClipEvent
stop();

Total des erreurs ActionScript : 9 Erreurs signalées : 9


Je ne vois pas ce que je peux avoir de faut si vous voulez bien m'éclairer,merci d'avance ;-) :

//create objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

// variables
var largeur_scene=600;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._>=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}


}



stop();

 

321. Le samedi 21 avril 2007 à 11:44, par Romain

Bonjour,

j'ai une question j'ai un panoramique qui fait Largeur : 1669 Hauteur : 425 . J'aimerais savoir si sa marche ? car j'ai fait un essais et sa ne marche pas sa me met erreur????

merci
Romain

 

322. Le samedi 21 avril 2007 à 12:52, par olivier

Romain --> la taille de ton panoramique importe peu ... et ne doit pas engendrer d'erreur, il faut cependant que la taille de ton image soit inferieur à celle de ta scene pour bien enchainer les transitions... Et si il y a une erreur (script) ca vient d'autre chose...

 

323. Le samedi 21 avril 2007 à 14:09, par Romain

ok donc je doit avoir la même taille de l'image 600 sur vos script flash c'est bien sa ?
Romain

 

324. Le samedi 21 avril 2007 à 17:36, par olivier

Romain --> le "600" dans mon script correspond à la largeur de la scene "ce que l'on voit a l'ecran", je crée une variable "var largeur_scene=600;" ce qui signifie que ma variable et ma largeur de la scene vallent 600. L'image que tu importes doit avoir une largeur superieur a celle de ta scene. De ce fait tu ne verras jamais entierement l'image mais le panoramique s'enchainera bien.

Si tu veux que ca fonctionne tu peux rependre le script tel quel et importer ton image de 1669 pixels de largeur.

 

325. Le dimanche 22 avril 2007 à 12:33, par Romain

merci Olivier je vous envois ma création en fin de semaine prochaine ;)

 

326. Le lundi 23 avril 2007 à 00:12, par christophe

ce qui m'a donner envi d'acheter flash professional... :( ;-)

 

327. Le jeudi 26 avril 2007 à 20:01, par Chateau Flight

Bonjour,
Déjà merci de nous apprendre tout ça, continuez comme ça ;).

Je souhaiterai faire comme vous l'avez fait dans sur la page d'accueil du blog (enfin la page où l'on choisit les tutos) c'est à dire écrire un texte par dessus mais qui ne bougerai pas. J'ai essayé de placer le texe dans un calque placé au dessus du "Calque 1" mais rien n'y fait le panorama passe toujours devant. :-/

Merci d'avance.

 

328. Le jeudi 26 avril 2007 à 21:39, par Xavier

>Chateau Flight: la solution est toute simple, dans le code, il te suffit de créer un nouveau Movie Clip avec le code suivant:
_root.createEmptyMovieClip("clip_texte", 4);

Ensuite tu fais >Insertion>Nouveau Symbole (ou Ctrl+F8), tu sélectionnes clip, tu choisis un nom (appelons le "texte"), tu cliques sur Avancé, tu sélectionnes "Exporter pour ActionScript" et "Exporter dans la première image".
Dans ce clip, tu écris tout ce que tu veux, tu peux y mettre des images, etc...
Tu reviens ensuite au code et tu écris
_root.clip_texte.attachMovie("texte", "mc_texte", 1);
_root.clip_texte.mc_texte._x=position en x;
_root.clip_texte.mc_texte._y=position en y;

Voila, c'est pas plus compliqué que ça, si t'as d'autres questions, n'hésite pas.

A bientôt avec Emob, la jeune pousse à la communauté interactive.

 

329. Le vendredi 27 avril 2007 à 01:49, par olivier

Chateau Flight --> pas mieux que Xavier ;-)

Xavier --> decidement content de te revoir ;-)

 

330. Le vendredi 27 avril 2007 à 12:23, par Chateau Flight

Merci d'avoir répondus aussi vite, c'est bon ça marche. ;-)

Maintenant je me demandais si il n'y aurait pas (il doit y avoir) la possibilité d'arrêter le déffilement une fois la souris sortie de l'animation.
Peut-être quelque chose comme ça ?

_root.onReleaseOutside() {
stop();
}

Mais connaissances en Flash sont vraiment minimes.

 

331. Le vendredi 27 avril 2007 à 12:48, par Xavier

>Chateau Flight: la question a déjà été soulevée un peu plus haut: www.emob.fr/dotclear/inde...
Olivier a tout bien tout expliqué ;-)

A bientôt avec Emob, la jeune pousse aux feuilles tendues vers l'avenir.

 

332. Le vendredi 27 avril 2007 à 14:33, par Chateau Flight

Merci bien mais finalement je vais le laisser comme avant ;-) !

 

333. Le dimanche 29 avril 2007 à 15:56, par Jo

Bonjour za tous,
J'aimerais savoir si il existe un moyen de "restreindre" la zone active de la souris : je m'explique : je voudrais utiliser ce système de navigation (jusque là ça va ;-)), mais je voudrais qu'il y est des zones actives dans l'images (des clips que je sais faire aussi :: ), mais je voudrais que dans une large zone du centre, le panorama arrête de tourner, sinon l'internaute ne peut pas cliquer "tranquillou" sur la zone...
Sinon mon autre idée était de faire en sorte que le panorama fonctionne à la manière d'un QuickTime VR (c'est-à-dire utiliser un cliquer/glisser au lieu de la position de la souris), mais là je nage carrément...
Si quelqu'un de très (trop ?) gentil pouvait m'aider...
Merki

 

334. Le lundi 7 mai 2007 à 13:46, par maylandia

;-) Bonjour, je suis tres contente d'avoir découvert ce site.
J'ai réussi a réalisé un diaporama ;-) , le seul hic ;-(
Jai donc creer un menu, avec dans ce menu, un lien vers ce diaporama
Le probleme est que lorsque je retoune au menu gràce a mon bouton retour a l'accueil, le diaporama reste et ne veut plus partir
Que dois je faire ?

 

335. Le lundi 28 mai 2007 à 13:04, par alex

Bonjour, merci pour ce script.

Comment serait-il possible d'appeler une image externe à ce script ? J'ai essayé avec loadMovie, ma ça marche pas, merci de votre aide.

 

336. Le mardi 5 juin 2007 à 12:46, par djmorgan

bonjour je voudrais savoir pourquoi votre code ne marche pas sous flash 8 cs2?
je me suis deja informer sur un forum mediabox assez connu je vous passe le lien pour connaitre mon probleme
merci de m'aider
flash.mediabox.fr/index.p...

 

337. Le mardi 5 juin 2007 à 13:01, par olivier

djmorgan --> si tu as crée ton panoramique avec flash 8, il ne devrait pas y avoir de probleme, il doit y avoir une erreur quelque part. Si tu l'a codée avec flash 9 je ne peux pas te repondre, je n'ai pas eu l'occasion de tester le script

 

338. Le jeudi 21 juin 2007 à 14:22, par temk

:-| bien expliquer,et felicitation, mais j'essaie de le faire sur 8, l'image que j'exporte n'est pas visible sur la scene, aiee ,) au secours qu'est ce qui peut bien clocher??????????

 

339. Le jeudi 21 juin 2007 à 14:44, par olivier

temk--> l'image doit etre importer dans la bibliotheque, puis tu crées un nouveau clip ou tu y inseres l'image et ensuite par le code tu creer un movieclip vide et tu integre le precedent dedans :

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

il ne faut pas non plus oublié non plus de creer la liaison dans le clip qui contient l'image et de cliquer sur "exporter pour l'action script"

 

340. Le jeudi 21 juin 2007 à 15:23, par temk

merci olivier pour ta promptitude,en fait mon image est belle et bien dans la bibliotheque, et rassure toi que je suis à la ligne tes explications,seulement quand je la place sur la scene il ya que les contours de la selection et le petit croix,l'image elle meme n'est pas visible; ;-( j'aurai préferé te faire une capture d'écran mais je ne sais comment te l'envoyer

 

341. Le jeudi 21 juin 2007 à 15:32, par olivier

temk --> pour le coup je ne vois pas ce que c'est... Essai peut etre de la comprésser à nouveau en jpg... Peut etre que flash supporte mal le format ... sinon je ne vois vraiment pas. 8-O

 

342. Le vendredi 22 juin 2007 à 18:54, par Stad

Bonjour,
J'aurai besoin d'un peu d'aide.
J'ai créer le bandeau, que j'ai importé dans un clip grâce à loadmovie ("...",this) mais, dés que je mes une barre de chargement avant... ca ne marche pas...
Comment puis je procéder ?

Merci

 

343. Le samedi 23 juin 2007 à 18:03, par popy

MErci pour ce tuto .. j en revai ! emob la fait..cepandant j ai un pti probleme
des ke je lance l animation la foto est en mouvement et deroule a donf .. comment faire pour quel soit immobile avant de cliker dessus. ( comme vs l avez fai pout le bandeau du blog )..
j espere ke personne avait poser cette question, j ai eu la fleme de tt lire :-|
en tt cas respect a tte l ekip d emob. :( chapito bas :(

 

344. Le samedi 23 juin 2007 à 21:30, par Xavier

>popy: en fait, ce n'est pas lorsqu'on clic dessus, mais dès que la souris est dessus. La question a effectivement été posée et même résolue, de la main même d'Olivier, cf ici: www.emob.fr/dotclear/inde...

Je comprends que t'ai eu la flemme de tout lire, mais je pense qu'une recherche judicieuse à l'aide du précieux Ctrl+F aurait pu t'aider ,)

A bientôt avec Emob, la jeune pousse qui tourne pas en rond.

 

345. Le dimanche 24 juin 2007 à 08:35, par popy

Merci Xavier , c bon d avoir reponse a ses questions !! :-| .. cependant j étais pas au courant pour le judicieux " Ctrl+F ".. j aurais encor apris un truc sur Emob. ;-)
bon courage a tous et longue vie a Emob..
Ps: a quand le " PAck Tuto Flash " moi je suis Client :(
bye

 

346. Le dimanche 24 juin 2007 à 17:53, par temk

cool ça yé ça marche, j'avais un probleme avec le logiciel, j'ai tenté de le reinstaller et ça marche, bon tuto

 

347. Le lundi 25 juin 2007 à 12:31, par dkey

;-)
Bjour, voila, je voudrai savoir où puis-je trouver les explications pour chaques lignes de codes... Des explications simples et accéssibles (pas des pavé avec des mots "xzlkndlklnsdgf"), voyez ?

Par avance merci, sachant que c'est pour ce soir, je doute obtenir une réponce rapidement...

Pour ceux qui connaissent, c un tut. que je doit faire pour l'IUT SRC St Raphaël, alors si comme moi vous venez d'SRC ou d'ailleur, aidez moiiiiiiiii !!!

THX

 

348. Le lundi 25 juin 2007 à 14:49, par maniwot

bOnjour les loulous .. ..

bOn cela doit faire maintenant 6 mois que je traîne sur ce tuto...
Merci Olivier pour tout ce plaisir (oui, je commence à connaître un peu les gens ...)!

Bref... j'ai malgrer tous quelques soucis pour optimiser mon 180..

Je me permets de poster car j'arrive à saturation (et même avec les ctrl F)...

Voici mon problème :
J’ai fait un panoramique à 180°, jusqu ici, tout va bien, j'ai pu modifier le code d'après les questions et réponses de chacun, par contre je n'arrive tjrs pas à faire en sorte que mon panoramique soit masqué (j'ai un rectangle, mais avec les coins arrondis !) et situer à un certain endroit de mon site totalement réaliser en flash, j'aimerais également que le panoramique s'active seulement au survol de celle-ci ...
Heu ha oui, et inverser le déplacement de l'image : quand je place ma souri vers la droite que mon panoramique se déplace de droite à gauche ...

Je sais que toutes ces questions ont déjà été traitées mais quand je les combine cela ne fonctionne pas … Merci d’avance pour vos réponses.

Voici le code que j’ai actuellement :
// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("edition","mc_edition",1);


// variables
var largeur_scene=900;
var largeur_image=image01._width;



_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/25;


//partie droite
var autorise_deplacement=false;

if ( (image01._x>(15-image01._width)) && (image01._x<-15)) {
autorise_deplacement=true;
}

if ( (deplacement >0) && (image01._x<=(15-image01._width)) ){
autorise_deplacement=true;
}

if ( (deplacement <0) && (image01._x>=-15) ){
autorise_deplacement=true;
}

if (autorise_deplacement) {
image01._x+=deplacement;
image02._x-=deplacement;
}
}

stop();

Et un liens vers ce que j’ai déjà fais et avec le code ci-dessus (cf. lien édition) :
www.atelier-oz.fr/flash/i...

 

349. Le lundi 25 juin 2007 à 16:33, par olivier

maniwot --> Pour le masque c'est normal, tu creer tes clip à la racine, ce qu'il faut faire c'est les creer à l'interieur du clip qui contient les arrondis, et remplacer les root par des this . pour inscrire le code il te suffit de double cliquer sur le le cip dans ta scene et tu arrives au code du clip... apres c'est la meme chose.

Pour gerer le panoramique uniquement au survol c'est ici
www.emob.fr/dotclear/inde...
Normalement tout ce dont tu as besoin y figure

 

350. Le lundi 25 juin 2007 à 16:47, par olivier

dkey --> Ca tombe bien que tu poses des questions il y a M. Ben Amor à coté de moi qui se fera un plaisir d'y repondre ... ,)

 

351. Le mardi 26 juin 2007 à 14:31, par Igor

Bonjour, ce tuto est juste parfait pour ce que je cherchais sauf une petite problem. Je ne suis pas tres pro, en plus mon francais n'est pas parfait, je voudrais avoir une ptite aide. Apres faire le tuto, l'animation marche tres bien mais quand on passe plus de temps sur l'animation, les images 1 et 2 commencent s'eloigner et un trou se forme entre eux. Comment peux je eviter ça ? Si qq'un peut m'expliquer, merci ! Igor (igorlaszlo@club.fr)

 

352. Le mercredi 27 juin 2007 à 15:32, par Maxime177

Tabarnac sa marche même pas ton modi panoramique jai regarder tes video pi je fais se que tu disais jai copy le code je les colé jai faite tous les autre truck mais sa marche vraiment pas jtrouve que se pa mal dla marde ....

 

353. Le mercredi 27 juin 2007 à 15:45, par olivier

Maxime177 --> en parlant de "marde" comment ca va ? J'ai oublié de preciser que plus de 2 neuronnes etaient obligatoire pour faire tourner le programme ... mes excuses...

 

354. Le mercredi 27 juin 2007 à 18:58, par rk2

bravo :-| :-| :-|

 

355. Le mercredi 27 juin 2007 à 23:52, par Maxime177

tres drole l'amis ses juste que sérieusement jai faite comme le gars dit dans viod pour le document pi jai copié le code mais quend je test lanimation a ne fonction pas fac ses pour sa que je dit que ses de la marde =P tk ... (pi en passant jutilise Macromedia Flash Professional 8)

 

356. Le jeudi 28 juin 2007 à 00:10, par olivier

Maxime177 --> Bon alors plus serieusement, j'ai vraiment du mal avec tes commentaires, une foi dechiffré je ne vois toujours pas ou sont tes problemes. Le code seul ne suffit pas a faire marcher le panoramique. Il y a des instructions dans les videos qu'ils faudraient suivre à la lettre. Si tu souhaites vraiment le faire fonctionner, indique clairement le probleme et peut etre que tu pourras etre aidé.
(Le programme a été réalisé sous flash 8... le meme que le tien)

 

357. Le samedi 30 juin 2007 à 11:14, par Deathblow

Bonjour ! Tout d'abord merci pour ce tuto très efficace et surtout très bien expliqué. C'etait ma première approche avec AS et j'ai pu grace aux explications, rajouter un calque masque sur la scène, changer le sens x pour y et même combiner x + y tout seul de mon coté !! J'etais tout fier ;-) j'ai un nouvo challenge, mais je suis completement bloqué ! J'ai mis sur "mon_image" un bouton "variete_b" qui s'active lorsque l'on passe dessus, en vue de transformer le panoramique en naviguation :-| Seulement voilà, j'aurais aimé attacher un stop sur le OnRollOver (ou OnMouseOver je ne sais pas trop) afin que le defilement s'arrete lorsque je suis sur le bouton. J'ai tenté un très naif

variete_b.onRollOver = function() {
deplacement=stop;

Sans résultats, mais j'ai l'impression de tenir une piste. Pour illustrer mon (long) propos, voici une petite url de demo : bigkam1.free.fr/test/test... - Il faut aller sur les poires pour declencher "le bouton". Je pense que je devrais aussi transformer le bouton en clip pour bien faire. C'est frustrant, je pense ne pas être trop loin ! Help me ;-( :-|

 

358. Le dimanche 1 juillet 2007 à 19:09, par Jefekoi

Trop bien ça, merci pour ton tuto, et surtout pour l'explication

Et dire que je voulais faire un copier coller...n'importe quoi ....

Encore merci et CHAPEAU !

 

359. Le dimanche 8 juillet 2007 à 22:20, par lezarb

salut a tous
bravos pour Deathblow c'est bien le bouton surprise...

mais pour ma part je n'arrive pas à faire des boutons sur mon clip image? le on (release) sur la zone à cliquer m'annonce une erreur à l'exportation...
sinon merci pour ce tutoriel accessible pour un néophyte comme moi...
ça donne vraiment envie de prendre des cours de flash!!!
:: du fond de la classe prés du radiateur...

 

360. Le mercredi 11 juillet 2007 à 22:04, par guiom

bonjoir !
d'abord un grand merci !!!! c'est vraiment génial ce que vous faites pour nous les apprentis sorciers !!
bon voila pour les compliments :-|
sinon ma question concerne quelque chose qui a deja été demandé : comment faire pour que le pano se stoppe quand on sort la souris du cadre.
Alors j'ai fait comme c'est marqué, j'ai mon curseur qui est devenu une main mais ca ne s'arrte pas quand je sors le curseur...
Aussi, je n'ai pas bien compris (faut dire que ch'ui un débutant) pour le :

"et pour finir, dans la fonction onenterframe

tu la commences par une condition

if (panoramique==true){

tu inclus la totalité de la fonction et tu n'oublis pas de la fermer avec: }"

que tu disais olivier (13 septembre)

j'ai essayé de le mettre mais du coup ca ne bougeait carrément plus du tout ! :-|


je te met mon script histoire d'être plus clair...

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01.x+image01._width;

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 0;
ma_zone._y = 0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}


// variables

var largeur_scene=600;
var largeur_image=image01._width;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x-deplacement;
image02._x=image02._x-deplacement;

// partie droite

if (image01._x>=largeur_scene-600){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene-600){
image02._x=image01._x-largeur_image;
}
// partie gauche

if (image01._x+largeur_image<=-600){
image01._x=image02._x+largeur_image;
}

if (image02._x+largeur_image<-600){
image02._x=image01._x+largeur_image;
}


}

stop();




voili voilou... merci pour tout !!! continuez vous êtres géniaux !!!

 

361. Le jeudi 12 juillet 2007 à 13:29, par Kev

Tout d’abord, un grand merci pour votre aide qui m’est si precieuse.
Grace a vous, en tant que debutant j’ai enfin pu faire un panorama.

Cependant, j’aimerais aller encore un peu plus loin en faisant des liens entre plusieurs panorama dans le but de creer une visite guide de ma maison. Exemple, je visualise le panorama “piece1� et lorsque je clique sur un bouton (ex: une porte), je voudrais que panorama “piece1� disparaisse pour laisser place au panorama “piece2� et ainsi de suite.

Si quelqu’un pourrait m’indiquer la voie pour arriver a mon objectif, ca serait super cool.
Merci d’avance

 

362. Le vendredi 13 juillet 2007 à 01:44, par benjO

Bonjour !

J'ai utilisé votre tutoriel pour créer un panorama et je rencontre un problème semblable à plusieurs personnes qui n'ont pas reçu de réponses, je me permets donc de poser la question.

Je souheterais faire la meme chose que Klev, à savoir insérer des boutons dans le panorama, qui bougeraient en même temps que mes images. Avec un bouton classique, mon bouton se désactive et bouge avec l'image. En attachant le bouton comme un nouveau clip, j'obtiens un bouton inactif mais qui lui ne bouge plus du tout... j'ai bien fait attention aux calques pourtant... je ne sais plus quoi faire et c'est en dernier recours que je m'adresse à vous.

Merci d'avance pour toute réponse.

benjO

 

363. Le vendredi 13 juillet 2007 à 11:00, par olivier

alors pour les questions il y en a pas mal je vais devoir faire court...


Deathblow lezarb --> pour inclure des boutons à l'exterieur du panoramique il vaut mieu creer un nouveau flash, importer le panoramique avec un loadmovie et faire attention au _root, les transformer en "this". Si les boutons sont inclus dans le pano lire plus bas ::

guiom --> alors tu y es presque ...

_root.onEnterFrame=function(){

...
if (panoramique==true){

deplacement=_xmouse;
//.... tout le reste du code du onenterframe

}

}


Kev--> alors plusieurs solution, soit tu navigues de swf en swf par liens hypertexte soit tu navigues a l'interieur du meme document de frame en frame (ce que je te conseille). Pour les elements cliquable style la porte il faut créer des zones sous forme de clip ou tu baissera l'alpha par la suite. Les zones doivent etre caller par code en x et y et suivre le mouvement du panoramique (meme pas pour le deplacement en _x). Pour le declanchement utilise des fonctions genre
ma_zone.onRelease=function(){
... ton code
}

benjO --> pareil que Kev ;-)

En esperant avoir été "un petit peu" clair ;-)

 

364. Le vendredi 13 juillet 2007 à 20:50, par benjO

bonjour !

Apres plusieurs tentatives, toujours pas moyen de mettre des liens dans mon panoramique.

Néamoin un paerçu est disponible ici : benjo.uk.free.fr/pano/pan...

et le fichier est disponible en cliquant sur mon pseudo. Le code est loin d'être optimisé je pense.. mes assais sont présents dans le code avec mes commentaires.

Si Olivier ou quelqu'un d'autre pouvait me guider, ou ne serait ce que poster un exemple, je lui en serais reconnaissant !

benjO

 

365. Le vendredi 13 juillet 2007 à 20:52, par benjO

:-| PS : L'hébergemen sur free est tres lent d'acces, donc prenez patience !

 

366. Le samedi 14 juillet 2007 à 12:43, par Xavier

>benjo: je me demande si je vais pas dire une connerie, mais essayons... Je pense qu'il y a un problème de conflit entre le système pour que le panoramique s'arrête de bouger quand la souris en sors et les boutons.

Essayes de supprimer le calque transparent, car étant au dessus de tous les autres, même si on ne le voit pas, quand on clique quelque part sur le panoramique, c'est sur cette zone qu'on clique.

A bientôt avec Emob, la jeune pousse rafraichissante.

 

367. Le dimanche 15 juillet 2007 à 12:52, par benjO

Bonjour Xavier,

J'ai bien essayer de virer le calque transparent, et d'ailleurs si tu regardes l'ordre de mes calques , tu verras que j'ai bien fait en sorte que mes boutons soient au premier plan !

Cela dit, je vais refaire quelques essais mais il me semble que le problème est toujours présent...

En tout cas merci.

benjO

 

368. Le dimanche 15 juillet 2007 à 13:31, par Xavier

>benjO: j'arrive pas à ouvrir ton fla, envoie le moi par mail ;)

A bientôt avec Emob, le blog collaboratif.

 

369. Le dimanche 15 juillet 2007 à 21:29, par benjO

Bonjour,

ça y est le mail est envoyé !:-|

 

370. Le lundi 16 juillet 2007 à 14:24, par guiom

merci olivier !
alors, au risque de passer pour un boulet :-| , j'aurai une autre petite question...
je suis en train d'essayer de créer mon site en flash (chose pas toujours facile vu que je débute...), et j'aimerai savoir ce que tu conseille pour intégrer mes différents panoramiques à l'intérieur de mon site. En fait j'aimerai par exemple lorsque je suis sur ma page d'accueil , et que je clique sur le bouton "pano1" arriver au pano1 etc...
merci pour tout !!!

 

371. Le lundi 16 juillet 2007 à 16:12, par Xavier

>guiom: A l'aide du scenario, tu vas créer tes différents panoramiques dans différentes frames et utiliser un code du style:
pano01.onPress=function(){
goToAndStop("2");
}

où le 2 correspond au numéro de la frame à laquelle tu veux accéder. Il faudra que tu prennes garde à supprimer tous les _root et à les remplacer par des this.

Si tu as d'autres questions...

A bientôt avec Emob, la jeune pousse à l'inter activité utile

 

372. Le lundi 16 juillet 2007 à 16:17, par Xavier

>guiom: en réalité, il ne faut pas lire goToAndStop, mais gotoAndStop, et oui, une petite majuscule change tout!

>benjO: je regarde ça dès que je peux, mais ce que j'en ai vu, il y a des petites erreurs.

A bientôt avec Emob, la jeune pousse qui n'a pas ses feuilles dans la terre.

 

373. Le lundi 16 juillet 2007 à 17:52, par guiom

merci xavier !!
en fait ca ne marchait pas à cause des _root !!!
si j'ai d'autres questions je fais signe ;-)

encore une fois un grand merci pour ces aides précieuses !!!

 

374. Le lundi 16 juillet 2007 à 19:51, par guiom

euh ca y'est j'ai une question !! :(
alors j'arrive à faire mes différents pano et tout , mais je voudrai leur mettre un bouton "retour" vers le menu... alors bon j'arrive à faire le bouton , ca retourne effectivement vers le menu mais le pano il reste toujours là !! heindites comenkonfé ??????
désolé , je débute VRAIMENT !!!

 

375. Le mardi 17 juillet 2007 à 16:21, par guiom

bon j'ai trouvé (la réponse était déja plus haut ...)
;-)

 

376. Le mardi 17 juillet 2007 à 16:37, par guiom

par contre j'ai une autre question.... 8-O

je voudrai mettre des boutons sur mon pano
le truc c'est que pour qu'ils suivent l'image je les met dans le movie clip mais je n'arrive pas à les faire activer depuis ma séquence ... quelqu'un peut m'aider ???

 

377. Le mercredi 18 juillet 2007 à 23:43, par benjo

Bonjour !

Quiom je rencontre le même problème que toi, et Xavier m'a dit qu'il s'en occupait quand il aurait le temps, je pense que la réponse ne devrait plus tarder à arriver sur cette page !

 

378. Le jeudi 19 juillet 2007 à 04:03, par Xavier

>benjO: je t'ai envoyé le fla modifié. J'ai mis des commentaires dans la source et dans le mail. J'ai détaillé toute la démarche.

>guiom: c'est très simple, tu crées tout d'abord un bouton, de manière tout à fait classique, tu y met ce que tu veux. Tu viens dans la bibliothèque, clic droit sur le nom, liaison, tu coches exporter pour l'actionscript, choisis le nom (par exemple: bouton1) et ok.

Tu reviens dans ton code, tu crées un nouveau calque (fait attention à la profondeur, il doit être au dessus du calque ma_zone, qui est là pour empêcher le déplacement une fois sorti du pano. Pour cela, met un chiffre plus grand que celui défini pour ma_zone. Dans le script standard, 4 suffit):
_root.createEmptyMovieClip("calque_bouton",5);
_root.calque_bouton.attachMovie("bouton1","mc_mon_btn",1);

Puis, il faut positionner ce bouton, de manière à ce qu'il se déplace (pas la peine de créer un nouveau système de déplacement, il va calquer les déplacements d'un calque donné). Considérons qu'on veuille placer le bouton au dessus de l'image 1, à 200 px du bord gauche de cette image et à 120px du haut.
On place donc tout simplement comme ça:

_root.calque_bouton.mc_mon_btn._x=image01._x+200;
_root.calque_bouton.mc_mon_btn._y=image01._y+120;

Puis, 2 problèmes se posent à nous:
*Le déplacement va s'arrêter en passant sur ces boutons (j'ai vu que tu utilisais le système qui bloque le déplacement, en dehors du panoramique)
*Le bouton ne se déplace pas encore

1ère chose, pour que le déplacement ne s'arrête pas, il faut aller dans la partie du code appelée Rollover et rajouter après tous les _root.image_01.onRollOver... ceci:

mc_mon_btn.onRollOver = function() {
if(panoramique==false){
panoramique=true;
}
}
mc_mon_btn.onRollOut = function(){
if(panoramique==true){
panoramique=false;
}
}

Et voila, le panoramique ne s'arrêtera plus en passant sur ce bouton.
2ème problème: faire en sorte que le bouton se déplace. Et bien c'est tout simple. Il te suffit de rajouter ce bout de code dans le onEnterFrame()..., à la fin, mais à l'intérieur du if(panoramique==true):

_root.calque_bouton.mc_mon_btn._x=image01._x+200;
_root.calque_bouton.mc_mon_btn._y=image01._y+120;

Et oui, on replace les mêmes informations qu'au début. Car la première fois, le code servait à l'affichage avant n'importe quel déplacement et là, ça permet que dès que l'image01 est déplacée, le bouton le soit en conséquence. Il sera cliquable normalement!

Si vous avez d'autres questions...

(Olive, tu seras bon pour me payer un coup à boire en septembre ,) )
A bientôt avec Emob, le blog aux réponses à toute heure!

 

379. Le jeudi 19 juillet 2007 à 10:50, par benjO

Encore un grand merci Xavier ! Je poste le résultat bientot !

 

380. Le vendredi 20 juillet 2007 à 12:46, par Kev

Salut a tous,
Ca y est, j'ai reussis a faire ce que je voulais, il me reste juste a l'appliquer avec de vrai photos. Merci pour tes infos Olivier et aussi a toi Xavier car ce que tu as poste dernierement pour guiom m'a pas mal aide.
Encore Merci

 

381. Le vendredi 20 juillet 2007 à 14:26, par guiom

merci xavier (et pour les heures sup ;-) !
je vais essayer tout ca à mon retour de vacances !!

vive emob !!!

 

382. Le samedi 21 juillet 2007 à 00:38, par Xavier

;-)

A bientôt avec Olivier, le programmeur qui va pouvoir me payer à boire ,)

 

383. Le samedi 21 juillet 2007 à 21:56, par benjo

Salut à tous !

Malgré beaucoup de recherches et l'aide de xavier, je ne parviens pas à créer de boutons sur mon pano !

Je m'explique. J'aimerais créer un panoramique avec des boutons. Quand la souris passe dessus, ils changent d'aspect et suite à un click, ils emmenent sur une autre image, qui correspondrait à une autre rubrique.

J'ai bien réussi à créer mes boutons, qui défilent en même temps que mon pano, et réagissent au passage de la souris (changement détat), mais des que je leur applique une action du genre :

_root.bouton.onPress = function () {
gotoAndPlay (2);
trace ("ok");
}

la réactivité disparait, et en cliquant, je n'obtiens rien !Par contre le Trace(); fonctionne !

J'ai essayé autre chose : comme ma deuxieme image sur la timeline n'apparaissait pas, je me suis dis qu'il fallait que je réutilise un createEmptyMovieClip sur ma deuxieme image.

j'ai donc mis comme code sur mon image 2 :

_root.createEmptyMovieClip("titre", 6);
_root.titre.attachMovie("mon_titre", "mc_mon_titre", 1);
_root.titre._x = 450;
_root.titre._y = 400;

et effectivement, le MC concerné change bien de place!

J'en conclus que pour pouvoir faire plusieurs pages différentes avec des MC et des liens entre elles, dans la meme scene, il faut :

1)dire à flash de dessiner les MC de la premiere page

2) suite au click sur un bouton, dire à flash d'effacer tous les MC sauf ceux qu'on veut conserver ( interface par du site par exemple)

3) dire à flash de dessiner les MC de la deuxieme page

Est ce que je me trompe ?

Si c'est le bon systeme, il doit exister un parametre qui permette a un removeMovieClip () de supprimer tous les MC d'un coup non ? pasque un par un c'est quand meme long !

Dans tous les cas, si quelqu'un pouvait me donner le code pour intégrer un lien sur un boutton dans un movieclip ce serait un grand soulagement pour moi !

En remerciant d'avance tous ceux qui se prendront la tête !

benjO


 

384. Le samedi 21 juillet 2007 à 22:20, par Xavier

BenjO: je regarde tout ça demain... peut-être ;-)

A bientôt avec Emob, son Blog et son Learny!

 

385. Le lundi 23 juillet 2007 à 01:21, par olivier

Xavier --> encore merci pour ta brillante aide (j'ai l'impression de radoter :: ) et pour le coup a boire ca sera avec grand plaisir et quand tu veux ... ;-)

A bientot avec Xav, la touche F1 profondement humanisée ... ;-)

 

386. Le lundi 23 juillet 2007 à 02:08, par Xavier

>benjO: bonne analyse en tout cas, simplement il n'y a effectivement pas de solution pour supprimer tous les movieclips d'un coup.

Ton code était bon mis à part ça ;-)

>Olivier: loool, merci pour la touche F1 ,) Pour le radotage, c'est rien, tu te fais vieux, c'est tout, ça passera avec le temps, ou ça empirera :-|

A bientôt avec Emob, la jeune pousse aux nuits décalées.

 

387. Le lundi 23 juillet 2007 à 12:26, par Xavier

Dites, y a un de mes commentaires qu'a du passer chez spamplemousse, sur les coups d'1h30 du matin cette nuit, l'auriez pas vu par hasard? :-| Nan parce que depuis je l'ai pas revu ça m'inquiète ,)

A bientôt avec Emob, la jeune pousse aux milles recoins.

 

388. Le lundi 23 juillet 2007 à 12:59, par Loïc

Xavier --> ayé, il était parti boire un coup en solo dans la nuit....

 

389. Le lundi 23 juillet 2007 à 13:06, par Xavier

>Loïc: je savais aussi qu'il pouvait pas s'être perdu tout seul, je lui avait donné un plan des lieux ,)
Merci de l'avoir ramené en ce lieu où tous les commentaires peuvent vivre leur vie trépidante de lecture :-| (oui oui, je suis un peu fatigué aujourd'hui ,) )

A bientôt avec Emob, la jeune boîte où l'on retrouve toujours son chemin.

 

390. Le mardi 24 juillet 2007 à 01:00, par benjo

bonsoir les zouzous

je passe en coup de vent, mais je tenais à remercier xavier pour le temp qu'il m'a consacré et pour sa précieuse aide !

mon projet avance lentement mais surement et je le posterais un jour !

je me posais la question: comment je peux faire pour faire jouer un son quand je passe sur un bouton (fait à partir d'un mc avec la méthode createEmptyMovieClip ) ?

est ce qu'il faut l'attacher comme un MC? ::

j'ai reflechis et cherché des solutions dans l'aide, mais tout ce que j'ai trouvé c'est attach.audio qui ne semble fonctionner qu'avec des streaming...

Je pense commencer à signer l'insatiable questionnaire ou quelquechose dans le genre, qu'en pensez vous ? :-|

 

391. Le mardi 24 juillet 2007 à 10:04, par olivier

benjo --> Un petit tour sur google et on trouve plein de reponses ... ,)
www.flash-here.com/tutori...

 

392. Le mercredi 25 juillet 2007 à 15:03, par benjO

8-O Désolé pour la question précipitée...

Bon alor voila la premiere partie de mon projet est visible en cliquant sur mon site web, pour les intéressés ! Un peu long à charger ( 2,64 Mo ) ...

A bientot !

 

393. Le mercredi 25 juillet 2007 à 15:03, par benjO

Oups le site est pas le bon !

 

394. Le lundi 30 juillet 2007 à 05:57, par tom95

salut à tous, merci pour ce tuto!
J'ai placé ce panoramique dans une séquence d'une animation, je voulais savoir si il est possible de l'exécuter à une image précise et de l'effacer à l'image suivante? ;-) merci encore!

 

395. Le lundi 30 juillet 2007 à 11:43, par eikeshi

Salut, j'aimerais bien savoir s'il est possible d'arrêter le defilement de la photo lorsque la souris n'est pas sur la photo en question.
Merci.

 

396. Le mardi 31 juillet 2007 à 15:28, par guiom

eikeshi :

j'avais déja poser la question (et d'autres avant moi ;-) ), regarde un peu plus haut...


moi j'avais une question mais elle n'a rien à voir avec ce tutorial... je demande quand même si jamais quelqu'un peut m'aider...
J'aimerai faire une partie participative sur mon site en flash, genre comme cette page ici où les gens peuvent mettre des commentaires, liens... et aussi si c'est possible, soumettre des fichiers à rajouter dans le site...
Quelqu'un peut m'aider ??? merci d'avance !!

 

397. Le jeudi 9 août 2007 à 01:05, par nico

Extra ! Je ne connaissais pas votre site (ni ce principe de tuto en vidéo) et je suis comblé. C'est quand même plus simple qu'un forum où j'ai un peu tendance à me perdre. J'ai néanmoins un petit souci : j'ai appliqué ce tuto à un menu de vignettes qui apparaîtra sur le bord de mon site, à la vertical et comportant en fait plusieurs clips comportant eux même plusieurs vignettes. J'ai réussi à m'en sortir entre les x, les y etc etc. Mais un problème persiste et après vérification, j'ai le même sur votre exemple que j'avais d'abord recréé à l'identique. En fait, lorsqu'on reste un peu trop longuement sur la partie centrale du "scroll" (disons le point -1 ou +3 peu importe), les clips continuent de bouger mais au lieu de le faire chacun dans son sens, l'un des clips semble se figer tandis que l'autre continue d'avancer, résultat, ils finissent rapidement par se chevaucher. Vous a-t-on déjà fait part de ce problème et est-il possible de le résoudre ? J'ai tout essayé (enfin dans la limite de mes maigres connaissances) mais rien n'y fait. J'espère que vous pourrez m'aider. A+
Nico

 

398. Le dimanche 12 août 2007 à 17:38, par yvan

Je vous propose de jeter un coup d'oeil sur mon avant-projet de visite d'un musée.
www.ismaww1.com/y/zz.htm

 

399. Le lundi 13 août 2007 à 10:42, par olivier

Yvan --> sympa ton projet, on se perds un peu dans la navigation pour l'instant, mais une fois optimisé ca sera vraiment sympa ;-)

 

400. Le lundi 13 août 2007 à 11:31, par Yvan

Merci Olivier, ça me touche ;-( ,
Le quickMenu en haut va être complété, et je travaille sur le rollOver pour les liens.
Un autre musée est en prépa.

A+

 

401. Le mercredi 15 août 2007 à 21:43, par cyprin99

sais genial et bien expliquer ;-)

 

402. Le mardi 4 septembre 2007 à 15:00, par tsug

hello, à tous!
Merci beaucoup pour votre et plus particulièrement à toi Olivier. Voilà ma question:

J'ai un bouton sur la frame 1 et j'aimerais qu'il démarre mon panorama qui est sur la frame 2. Comment fais-je?... Merci encore... je débute of course.

 

403. Le mardi 4 septembre 2007 à 15:26, par Xavier

Bon, je m'appelle pas Olivier, mais on fera avec, hein? ,)
Il te suffit de mettre sur la page 1 ce petit bout de code:
lenomdetonbouton.onPress=function(){
gotoAndStop(2);//où le 2 est le numéro de l'image où se trouve le pano
}
stop();

Voila, c'est pas plus compliqué que ça!

A bientôt avec Emob, la jeune pousse où tout le monde s'y retrouve.

 

404. Le mardi 4 septembre 2007 à 15:38, par tsug

Hey, merci pour ta réponse si rapide! ;-)
Hélas ça ne marche toujours pas... oups... aurais-tu une idée?... encore merci.

 

405. Le mardi 4 septembre 2007 à 16:00, par tsug

Voilà ce qui est marqué dans mon Output lorsque je fais un rendu. Ah, oui, Xavier, je te remercie aussi tout particulièrement, bien-sûr. :(


**Error** Symbol=zone, layer=Layer 1, frame=1:Line 1: The class or interface 'zone' could not be loaded.

Total ActionScript Errors: 1 Reported Errors: 1

 

406. Le mardi 4 septembre 2007 à 16:07, par Xavier

>tsug: montre moi l'intégralité de ton code, sans quoi je ne pourrais pas grand chose pour toi ,)

A bientôt avec Emob, la jeune pousse & associés!

 

407. Le mardi 4 septembre 2007 à 16:20, par tsug

VOICI MON AVENTURE... C SYMPA DE JETTER UN OEUIL. AU CAS OÙ AUSSI :-| , LA ZONE TRANSPARENTE N'A PAS D'INFLUENCE SUR L'ARRÊT DE MON PANO LORSQUE MON CUSEUR SORT DE LA ZONE...VOILà VOILà... JE SUIS IMPATIENT DE LIRE TA RéPONSE. A TOUTE. merci.


//FRAME 1 - LE BOUTON


start_b.onPress=function(){
gotoAndStop(2)

}
stop();

//FRAME 2 - LE PANO

// creation objet

// FUTURS BOUTONS DONT LES ASSIGNATIONS SONT A VOIR...

this.createEmptyMovieClip("boutons",10);
this.boutons.attachMovie("mon_bouton_droit","mc_mon_bouton_droit",1);
this.boutons.attachMovie("mon_bouton_gauche","mc_gauche",2);
this.boutons.mc_mon_bouton_droit._x=300;


this.createEmptyMovieClip("image01",1);
this.image01.attachMovie("mon_image","mc_mon_image",1);

this.createEmptyMovieClip("image02",2);
this.image02.attachMovie("mon_image","mc_mon_image",1);
this.image02._x=image01._x+image01._width;

// creation de la zone transparente
// LORSQUE MA SOURIS SORT LE PANO CONTINUE A BOUGER!


this.createEmptyMovieClip("ma_zone", 9);
this.ma_zone.attachMovie("zone", "mc_zone", 9);
ma_zone._x =0;
ma_zone._y =0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variables

var largeur_scene=512;
var largeur_image=image01._width;
var largeur_image=image02._width;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

this.onEnterFrame=function(){
if (panoramique==true){
}

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/40;
image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

var panoramique=false;

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramiquet=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramiquet=false;
}
}

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

}

stop();

 

408. Le mardi 4 septembre 2007 à 16:46, par Xavier

>Tsug: en fait, il te faut déclarer le bouton dans ta frame 1, je pense que ton problème vient de là, il faut que tu l'exporte pour Action Script et que tu marques

this.createEmptyMovieClip('bouton',1);
this.bouton.attachMovie('start_b', 'mc_start_b', 1);
this.bouton.mc_start_b._x=111; (position en x)
this.bouton.mc_start_b._y=111; (position en y)
this.bouton.mc_start_b.onPress=function(){
gotoAndStop(2);
}

Voila, c'est censé être bon maintenant!

A bientôt avec Emob, la jeune pousse qui a un bon fond (de cuve :-| )

 

409. Le mardi 4 septembre 2007 à 16:50, par Xavier

Au passage, pour ton problème de pano qui continue à bouger lorsque la souris sort, c'est parce que tu as une erreur toute bête, remplace:
this.onEnterFrame=function(){
if (panoramique==true){
}

deplacement=_xmouse;

par:
this.onEnterFrame=function(){
if (panoramique==true){

deplacement=_xmouse;

et avant le stop(); il te suffit de rajouter un }

ça devrait maintenant fonctionner.

 

410. Le mardi 4 septembre 2007 à 17:14, par tsug

Je te remercie.Bon, je vais encore voir... :: maintenant l'anim s'est arrêtée et mon bouton dure le temps de la frame, soite à peu près une demi seconde et on atteri sur l'image arrêtée du pano. Merci encore et si tu as encore une autre idée... . A plus.

 

411. Le mardi 4 septembre 2007 à 17:30, par Xavier

>tsug: désolé, j'ai oublié le stop(); sur la frame 1.
Pour l'anim qui s'est arrêtée, je ne me suis pas rendu compte que tu avais mal placé le test pour passer la variable panoramique à false ou true.
Tu dois placer toute la partie nommée Rollover, AVANT le this.onEnterFrame, sinon tu ne pourras jamais effectuer de test...

A bientôt avec Emob, la jeune pousse qui garde le moral.
P.S: pas besoin d'animosité, je ne carbure qu'à la bonne humeur, sinon je t'envoie la facture ,)

 

412. Le mardi 4 septembre 2007 à 17:50, par tsug

Alors... 8-O le lien avec le bouton fonctionne nickel mais maintenant le pano reste figé.... peux-tu encore jetter un oeuil de lynx sur mon code (votre code...hm) et me dire où j'ai pu faire une erreur. MERCI BEAUCOUP!!!



// creation objet

this.createEmptyMovieClip("image01",1);
this.image01.attachMovie("mon_image","mc_mon_image",1);

this.createEmptyMovieClip("image02",2);
this.image02.attachMovie("mon_image","mc_mon_image",1);
this.image02._x=image01._x+image01._width;

// creation de la zone transparente

this.createEmptyMovieClip("ma_zone", 9);
this.ma_zone.attachMovie("zone", "mc_zone", 9);
ma_zone._x =0;
ma_zone._y =0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variables

var largeur_scene=512;
var largeur_image=image01._width;
var largeur_image=image02._width;
var panoramique=false;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

this.onEnterFrame=function(){
if (panoramique==true){

deplacement=_xmouse;

deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;
image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}
}
}

stop();

 

413. Le mardi 4 septembre 2007 à 18:13, par Xavier

>tsug: ciel, un vouvoiement, ne t'inquiète pas, je ne suis pas encore comme ce malotru (feeds.feedburner.com/~r/a... )qui compare le viol & le tutoiement 8-O
Bref, revenons en à nos moutons, ou plutôt à nos pixel.
Comme précisé dans mon précédent message, il faut que tu déplaces ces lignes:

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}

avant le this.onEnterFrame, car ce sont ces lignes qui autorisent ou refusent le panoramique. Elles sont à l'intérieur du test if(panoramique=true)
alors que rien ne change la valeur de panoramique, qui est par défaut à false. Ce test n'est donc jamais vrai (enfin une table de vérité simple à faire ;-) ) et le panoramique ne bougera jamais, question de simple logique!
Pour résumé, tu déplaces de 10 lignes vers le haut, le code collé précédemment!

A bientôt avec Emob, la jeune pousse au savoir étendu.

 

414. Le mardi 4 septembre 2007 à 18:18, par tsug

Désolé si tu as cru que j'étais énervé... Non, non ...je trouve génial que tu m'aides ainsi, pas de soucis, je suis bien conscient du temps que tu me consacres. J'étais content d'avoir, youpii, découvert le problème du stop(); tout seul comme un grand.

 

415. Le mardi 4 septembre 2007 à 18:26, par Xavier

>tsug: j'ai pas cru que t'étais énervé, simplement, à ta place, j'aurais vu mon panoramique qui, d'un coup, ne fonctionne plus, je pense que ça m'aurait mis en rogne. Mais je t'en prie, j'aime bien aider les gens ;-) [bon j'avoue, j'ai cru que t'étais énervé, mais c'est la faute à ton message sans mise en forme d'aboreuuuuh :: <joke inside hein ;-) >]

Bon allez, j'ai du boulot moi quand même, mais si t'as d'autres questions, bin, je passe souvent sur le blog ,)

A bientôt avec Emob, la jeune pousse au savoir détendu.

 

416. Le mardi 4 septembre 2007 à 18:36, par tsug

:-| :-| :-| TIP TOP AU TOP!! Je te souhaite une bonne soirée.
Je vous ferai de la pub. C rare d'être traîté de la sorte...par des professionnels (sans les payer!!! en plus). Je vais verser une larme ;-( ... Merci et à bientôt Xavier. ,)

 

417. Le mardi 4 septembre 2007 à 18:49, par Xavier

>tsug: ouais enfin moi pas Emob hein, moi juste un glandu qui traîne ses guettres sur ce blog assez souvent ,) (d'ailleurs les bases de flash, c'est grâce à ce tutoriel que je les ai apprises, avant je n'y connaissait absolument rien, mais il m'a permis de comprendre le fonctionnement des clips, etc.)

Allez, Enjoy it! avec Emob et bonne soirée, sur le blog qui fait des heureux ,)

 

418. Le mercredi 5 septembre 2007 à 15:22, par tsug

:-| HELLO,
J'AURAIS UNE PETITE QUESTION. IL Y A T'IL UN MOYEN POUR QUE DEPUIS LA FRAME 1 PLUSIEURS BOUTONS NOUS ENVOIENT CHACUN VERS UNE FRAME DIFFéRENTE, MERCI.

 

419. Le mercredi 12 septembre 2007 à 16:20, par Johan

bon bonjour a tous,voila mon souci je debute en flash et je voulais suivre ce petit tuto pour m'initier un peu..mais ca beug des les premieres lignes de codes..est ce que quelqu'un peut m'expliquer why? ;-(
je fais ca sur flash cs3 je pense pas que ca change quoi que ce soit...
voila mes lignes de codes;
// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

en meme temps je fais du copier coller de ce qui a ici donc ou es le souci?

1120: Accès à la propriété non définie _root. que cela signifie t il?help me.... ;-(

 

420. Le mercredi 19 septembre 2007 à 17:14, par HAMID

;-) C EST TRES COOL CE TUTORIAL
MAIS J AI UN SOUCIS CEST QUE L IMAGE SE REBOUCLE
PAS ELLE SORT DU CADRE A DROITE ET A GAUCHE POUVEZ VOUS M AIDEZ
ET MERCI EMOB

 

421. Le mercredi 19 septembre 2007 à 17:23, par HAMID

S IL VOUS PLAIT C EST IMPORTANT
LE PROBLEME QUE JAI C EST QUE L IMAGE SUIT LE CURSEUR
JUSQUA CE A DROITE ET A GAUCHE MAIS ELLE SORT DU CADRE
ELLE SE REPETE PAS AIDEZ MOI PLEASE

 

422. Le mercredi 19 septembre 2007 à 17:44, par Xavier

>Hamid: normalement, si tu as bien suivi l'intégralité du tutorial, il ne devrait pas y avoir de problème. N'aurais tu pas oublié de mettre la partie image 2?

 

423. Le vendredi 21 septembre 2007 à 14:25, par HAMID

xavier non j ai ecrit les actions scripts de limage 1
ET L IMAGE 2 MAIS PEUT ETRE C EST LA VERSION QUE J AI
FALSH MX QUI DERANGE MAIS J AI SUIVI LE TUTORIAL DE A a Z :-| :-| ET MERCI DE M AVOIR REPONDU

 

424. Le mercredi 26 septembre 2007 à 15:07, par Deathblow

Bonjour à tous !

J'avais posté il y a un petit moment mon pano avec des poires dedans. :D J'ai beaucoup avancé sur ce projet, mais j'ai un soucis !

Voilà je vais avoir 3 univers : cuisine - séjour - verger.

Pour ces 3 univers, je compte creer 3 clips, que je mettrais donc sur 3 frames dans mon clip "image1".

J'aimerais, créer 2 boutons, "droite" et "gauche", sur un calque onEnterFrame, au dessus du clip qui contiendrais mes 3 univers, et, je voudrais, que les boutons "droite" et "gauche", avec un comportement onMouseOver, declenchent le scrolling.

D'autre part, a la fin de mon premier pano "cuisine" par exemple, j'aurais un bouton "vers le séjour" avec un comportement gotoandplay image 2 (sur le clip "image1" donv). (Je pense être clair :D :D)

Mon probleme, c'est que j'ai aujour'hui mis la main sur un vieux script pourri, qui me fait mon scroll sur 2 boutons, mais ce n'est pas propre et ça bug. En plus c'est du AS1 et je ne peux pas mettre le loading de l'animation que je voudrais qui lui est en AS2 et le script de scrolling m'oblige a exporter en flash 6 :s

Je me suis lancé dans un gros developpement sans être au point du tout !

En gros, je voudrais savoir si je pars dans la bonne direction, et surtout si on peux appliquer "une zone" d'effet du defilement à un calque au dessus de mes clips !

Pour se rendre mieux compte : www.laterreentiere.com/de...

pour le moment seul le sejour tiens a peu pret la route. Merci de vos réponses et de votre attention :D

 

425. Le samedi 29 septembre 2007 à 14:42, par Xavier

>Deathblow: pour les boutons, le code doit être dispo un peu plus haut certainement. Mais si tu ne trouves pas, balance ton code que l'on upgrade tout ça ;-)
Pour le fait que ça soit saccadé, il faut que tu augmente le nombre d'images par seconde, que tu mettes 25 (ça doit être à 15 actuellement, ce qui explique l'effet peut fluide). Tu trouveras où changer ça dans les propriétés de ton document.

A bientôt avec Emob, la jeune pousse qui se fait spammer ::

 

426. Le dimanche 30 septembre 2007 à 17:35, par Deathblow

Merci pour ta proposistion Xavier ! Mais du coup je suis parti sur un autre genre de script pour mon anim, avec un scroll par menu et scroller. Je poste l'adresse dès que j'ai terminé pour avoir ton avis :D
Il me semble que je dois être à 24 i/s pourtant sur l'adresse de demo, à vérifier dès que je me remets au travail :)

Encore merci en tout cas !!!

 

427. Le jeudi 4 octobre 2007 à 14:40, par jeepee

Bonjours à tous,
je fait parti des grands débutants en flash et j'ai reproduit à la lettre le tutorial. Seulement voila, dès les premières lignes de script, en faisant ALT ENTER ,j'obtient une fenetre vide.
J'ai utilisé les memes noms de fichiers que ceux proposé dans TTL. J'ai utilisé AS 2.0 (je travaille sous CS3) et rien !!!
quelqu'un pourrait-il m'aider ?
Merci d'avance.

 

428. Le jeudi 4 octobre 2007 à 14:45, par olivier

jeepee --> As tu bien fais la liaison de ton image pour l'action script? La console t'indique t'elle des erreurs ?

 

429. Le jeudi 4 octobre 2007 à 15:17, par jeepee

Merci olivier de m'avoir répondu si vite.
J'ai effectivement fait la liaison (comme indiqué dans le tutorial)
par contre mon panoramique.jpg fait 2666 x 300 pour 512ko. (ce sont les données que j'ai rentré dans le paramétrage) viendrait-il de là ?

 

430. Le jeudi 4 octobre 2007 à 15:19, par jeepee

j'ai oublié ...
la console ne m'indique aucune erreur de script..

 

431. Le jeudi 4 octobre 2007 à 18:41, par olivier

jeepee --> le poids importe peu mais la taille oui. Il ne doit theoriquement pas y avoir de soucis avec tes dimensions pour l'affichage de l'image mais je te conseille comme tu débutes de reprendre les memes tailles que celle du tuto, libre a toi de tester ensuite avec des parametres plus grands. Pour ne pas voir l'image à l'issu des premieres lignes

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

je ne vois qu'un probleme de liaison, verifie bien les noms, le niveau du clip (profondeur) et complie bien en as2.

Si apres tout cela, ca ne fonctionne toujours pas, je ne vois vraiment pas d'ou peu venir le problème


 

432. Le jeudi 11 octobre 2007 à 17:12, par Ffredt

Grand bravo et grand merci pour tout.

J'ai juste un ptit pb avec la zone trans qui permet d'arrêter l'animation lorsque la souris est Out.

Lorsque j'active la dernière fonction ajoutée le pano est fixe. Lorsque je la désactive avec // tout fonctionne !!!

Le code

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",2);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",2);
_root.image02._x=image01._x+image01._width;



// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone",3);
_root.ma_zone.attachMovie("zone", "mc_zone",3);
ma_zone._x=0;
ma_zone._y=0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variables
var largeur_scene=850;
var largeur_image=image01._width;
var hauteur_scene=250;
var panoramique=false;

//rollover

ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}

ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}




// fonction
_root.onEnterFrame=function(){
if (panoramique==true){


deplacement = _xmouse-(largeur_scene/2);
deplacement = deplacement/(largeur_scene/2);
deplacement = deplacement*deplacement*deplacement;
deplacement = deplacement*-(25); // Valeur de vitesse maximale en pixels.
deplacement = Math.round(deplacement); // Pour arrondir


image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

}

}

stop();

Merci de votre aide.
+A
ffredt

 

433. Le jeudi 11 octobre 2007 à 17:29, par mikosworld

Bonjour @ tous,

Merci Olivier pour ce formidable tuto :)
Mais j'ai un soucis avec Flash CS3 Pro.

J'ai tout fait comme vous l'avez dit :
1. Créer un nouveau doc 600x300 - ActionScript 2.0 - Cadence 24 (par ex.)
2. Importer dans la bibliothèque l'image panoramique JPEG
3. Créer un clip sous l'occurence "mon_image" et placer l'image à X=0
4. Copier/coller votre script sur la 1ère clé de la Séquence
5. Tester ...

Et là surprise !? J'ai une scène vide ! mon image n'y est même pas créer :((((
Si je me mets en ActionScript 3.0 j'ai des erreurs genre "Accès la propriété non définie _root" ;-(

Je suis mal barré, en plus j'aimerais décliner votre exemple de tuto, le lisant l'image en externe et un mp3 en boucle le tout depuis un XML :)

Merci pour votre réponse. :-|

 

434. Le jeudi 11 octobre 2007 à 18:27, par olivier

Ffredt --> As tu bien crée ton clip "zone" dans ta bibliothèque ? Il faut le créer avec un genre de rectangle noir par exemple et ensuite créer sa liaison, le noir disparait avec l'alpha à 0, sinon ton code à l'air clean...

mikosworld --> dans ton énumeration il manque la liaison... (clique droit sur "mon_image" dans la bibliothèque) et lier pour l'action script. Attention aussi à compiler avec l'action script 2 !! le 3 gère le code différement.

 

435. Le jeudi 11 octobre 2007 à 20:59, par mikosworld

Ah ok, la liaison n'était pas précisé dans le tuto :)

Bon effectivement merci Olivier,
1. J'ai cliqué du bouton droit sur le "movie clip" "mon_image", puis "liaison ...",
2. J'ai cocheé l'option "Exporter pour ActionScript".
3. Ensuite, le champ "Identifiant" est automatiquement rempli par "mon_image".
4. J'ai mis dans les propriétés de publication, l'actionScript 2.0
5. Ca marche !

Maintenant j'aimerais savoir si c'est possible en partant de votre exemple de pouvoir créer une flashvar ? Pour charger l'image panoramique en externe depuis une URL par exemple ?
et voir un mp3 également via une autre flashvar ?

Merci bcp :)

 

436. Le jeudi 11 octobre 2007 à 21:10, par olivier

mikosworld --> je te le confirme, la liaison est bien précisée dans la vidéo ,)
Pour ce qui est du chargement dynamique, oui tu peux le faire avec des variables flash que tu récuperes d'un lien, avec par la suite un loadmovie (pour l'image) et loadsound (pour le mp3). Il faudra aussi prendre en compte le préchargement... ce qui est un peu plus délicat

 

437. Le jeudi 11 octobre 2007 à 21:22, par mikosworld

Ah bon, la liaison est précisé ? Fichtre! :(

Bein j'ai du pain sur la planche :( Merci Olivier

 

438. Le jeudi 11 octobre 2007 à 22:08, par ffredt

Merci de ta réponse Olivier

J'ai effectivement créé le clip zone et son carré noir et fait la "liaison".
Toutefois même si je met l'alpha à 50 ou autre, il est invisible !!!

A+
ffredt

 

439. Le jeudi 11 octobre 2007 à 22:44, par mikosworld

autre petite question à propos du tuto ?

Quelle modification dans le code doit-on faire, pour inverser le sens de rotation ?
Quand je mets le curseur à gauche, l'image fait une translation inverse, et vis-versa ?

Merci

 

440. Le vendredi 12 octobre 2007 à 01:56, par Xavier

>mikosworld: la réponse a été donnée un peu plus haut (tiens par moi d'ailleurs ,) ), mais je t'en veux pas, il y a une frappée de commentaires tous plus longs les uns que les autres! Tu le trouveras là: www.emob.fr/dotclear/inde...

A bientôt avec Emob, la jeune pousse aux archives bien remplies!

 

441. Le vendredi 12 octobre 2007 à 09:47, par Ffredt

Est ce que cela peut venir du fait que j'utilise Flash MX ?

Merci
A+
Ffredt

 

442. Le vendredi 12 octobre 2007 à 20:55, par mikosworld

Grand merci Xavier :)
Effectivement je suis passé à côté, et c'est vrai également que le blog est un peu long en km :)

En tout cas encore merci :)

 

443. Le mardi 16 octobre 2007 à 17:48, par Ffredt

Salut Olivier

J'ai tout repris à 0 et Tada, ça marche à merveille.
Encore merci, merci

 

444. Le mardi 16 octobre 2007 à 18:06, par olivier

Ffredt --> Cool !! ;-)

 

445. Le mercredi 24 octobre 2007 à 14:20, par lab°

d'abord felicitations pour ce tuto tres clair, g juste une question, ds mon panoramique, le rafraichissement des images ne se fait pas proprement: il y a pas mal de bruit ken le pano tourne vite. G mis une image pas trop lourde ~150ko, ma vitesse est a 25i/s g meme mis l'image en cache mais pas d'optimisation.....auriez vs une piste a me suggerer pour ameliorer le rendu des images( peut etre en utilisant la classe Bitmap??).
Merci d'avance.

 

446. Le mercredi 24 octobre 2007 à 15:07, par olivier

lab° --> merci ;-)
Pour repondre à ta question, je ne pense pas que le fait d'importer differement les images améliore le rendu. Que tu utilises la classe bitmap ou autre chose la compression lors de compilation de flash transformera ton image en jpg optimisé si tu as laissé tes paremetres d'origines. Le poids de ton image est bon la cadence aussi, j'imagine que le "bruit" vient du déplacement (le pas). Essaye de voir si tu peux reduire la vitesse générale de translation.
dans le code :
deplacement=deplacement/20;
remplace le 20 par 30 par exemple.
Le defilement sera plus lent mais certainement plus fluide et bien mieux rafraichis.
Après à toi de faire un compromis en testant differentes valeurs, entre la vitesse et la fluidité.

 

447. Le jeudi 25 octobre 2007 à 19:41, par Kinan

Bonsoir , Voila j'ai vu et revu votre logiciel tout a fait intéressant mais le seul souci c'est les photos comment prendre plein de photo sans pour autant avoir un décalage entre elle d'ombre ou autre (grandeur d'un objet qui diminue d'une photo a lautre selon langle) il faut en faire plein plein ou juste une par ci une par la , je sais je suis très mauvais en francais voila c'est le souci majeur que je rencontre merci de maider et je rajouterais ma création si j'arrive a faire ces photos :-| allez bonne soirée a Tous

 

448. Le dimanche 28 octobre 2007 à 12:21, par Kinan

personne ne veut maider sil vous plait :(

 

449. Le lundi 29 octobre 2007 à 17:31, par Judith

Bonjour,
J'ai fait le panoramique comme indiqué ici, mais j'ai un besoin urgent de rajouter une fonction de zoom + d'enlever la distortion que le format panoramique crée...
Je n'ai pas trouvé de tutoriel expliquant ces deux fonctions, alors j'avais cherché et trouvé quelqu'un qui devait me faire ça pour la semaine dernière, mais cette personne m'a fait faux bon (ça fait une semaine que je n'ai plus aucune nouvelles), or c'est urgent, et c'est rémunéré.
Quelqu'un qui lit ceci pourrait-il faire ce travail (pour un montant que j'espère pas trop élevé [mais réaliste évidemment]...) ?
Merci d'avance de me répondre.

 

450. Le mardi 30 octobre 2007 à 13:35, par Yvan

Comment te joindre ?

 

451. Le mardi 30 octobre 2007 à 16:06, par oscar

Bonjour,
Comment faire un preloader externe pour charger le panoramique ?
Merci

 

452. Le mardi 30 octobre 2007 à 23:34, par Judith

Oh pardon, je croyais que mon mail s'affichait automatiquement.
Puisqu'il faut faire attention aux SPAMS, je vais donner une adresse déjà spammée (je donnerai mon adresse actuelle après, en privé) : judithcle@free.fr.

Merci !

 

453. Le mardi 30 octobre 2007 à 23:55, par Xavier

>Judith: je t'ai envoyé un mail à l'instant ;-)

A bientôt avec Emob, la communauté qui crée des liens.

 

454. Le mercredi 31 octobre 2007 à 12:00, par Yves

Bonjour à tous et à toutes,

J'ai un problême 8-O
Pas moyen de créer un preloader,
1/ si je décoche "exporter dans la premiere image" du Clip mon_image, rien ne s'affiche.
2/ et si je coche "exporter dans la premiere image", mon preloader ne s'affiche qu'à 96%

Je sais, c'est une question à deux centimes, mais je pense que d'autres doivent avoir le même problême, ,)
S'il vous plait, un peu d'aide, merci :-|

 

455. Le mercredi 31 octobre 2007 à 12:11, par Xavier

>Yves: comment as tu créé ton preloader? Donnes nous le code. Je ne suis pas certain d'avoir compris ce que tu voulais dire en disant "mon preloader ne s'affiche qu'à 96%", le chargement reste bloqué à 96% ou commence à 96%?
Pour le 1/ c'est normal il faut exporter dans la première image pour des questions pratiques.

A très vite avec Learny et toutes ses copines!

 

456. Le mercredi 31 octobre 2007 à 12:44, par Yves

Merci Xavier de ton attention

Sur la premiere frame, un stop();et mon preloader
dans le preloader:
onClipEvent (load) {
total = _root.getBytesTotal();
}

onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}

Et sur la Frame 2, le panoramique
Tout fonctionne, mais j'ai d'abord une page blanche, puis le preloader n'apparait qu'à environ 96% jusqu'à 100% puis le panoramique se lance.
Merci de votre aide

 

457. Le mercredi 31 octobre 2007 à 13:32, par Xavier

>Yves: avec quelle version développes tu?
Je crois qu'il est préférable dans les versions récentes de flash d'employer
onEnterFrame à la place de onClipEvent(enterFrame)
de même, préfères utiliser onLoad à la place de onClipEvent(load).
Le stop se trouve bien après le code du preloader et non avant?

A bientôt avec Emob, la jeune pousse qui a toujours des explications.

 

458. Le mercredi 31 octobre 2007 à 14:57, par Yves

Merci de ton aide Xavier
J'ai changé le code, voici la correction

on (load) {
total = _root.getBytesTotal();
}

on (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
J'ai aussi viré le stop(); en frame 1, ne reste que celui sur le panoramik
Le preloader fonctionne, mais toujours la page blanche, et affichage du preloader à partir de 96% jusqu'à 100%, puis lancement du panoramik

:: Ouch !!!
Une idée ?

 

459. Le mercredi 31 octobre 2007 à 15:31, par Xavier

Je pense que le code suivant est plus correct. Le problème d'onLoad c'est que je crois que ce n'est exécuté, qu'une fois le chargement terminé ou proche de la fin (96% parait assez logique).

onEnterFrame {
total = _root.getBytesTotal();
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = percent+"%";
gotoAndStop(percent);//Je ne comprends pas pourquoi cette ligne, tu rediriges vers une autre frame à chaque pourcentage?
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
stop();

A bientôt avec Learny et ses amis!

 

460. Le mercredi 31 octobre 2007 à 16:27, par Yves

Xavier, Merci de ta patience
J'ai trouvé comment contourner le problême, je fais un preloader externe au panoramique.

:-| Il est content Yves, vraiment content :-|

 

461. Le mercredi 31 octobre 2007 à 17:08, par Xavier

A vot' service m'sieur ;-)

Je me demande si ce tuto n'est pas celui qui a généré le plus de commentaires/entraide

A bientôt avec Emob, la jeune pousse pleine de bon sens.

 

462. Le dimanche 4 novembre 2007 à 06:16, par eric

bonjour et tout d'abord merci
bon j'ai un peu adapte le tuto pour mon usage www.ericdeniset.com/advertising/essai.htm
mais j'ai un soucie
j'ai remplace onEnterFrame par onMouseMove pour le deplacement. je voulais que si ma souris va vers le haut quelque soit sa position en y mon clip "monte" et inversement mais en fait ca marche pas. ca ne suis pas ma souris suivant y.
comment faire?
merci

_root.onMouseMove=function(){
if (panoramique==true){
deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/3);
deplacement=deplacement/20;

image01._y=image01._y-deplacement;
image02._y=image02._y-deplacement;

 

463. Le mercredi 21 novembre 2007 à 16:48, par Jonsnow

Salut et bravo, c'est vraiment génial

J'aurais voulu savoir comment appelé un jpg externe dans la scène pour pouvoir mettre facilement à jour une panoramique.

en somme avec un seul swf, avoir la possibilité de créer plusieurs panoramiques sur plusieurs pages

Merci pour la réponse ;-)

 

464. Le jeudi 22 novembre 2007 à 12:53, par cedric

Pour faire plus serieux j'utiliserais

var largeur_scene = Stage.width;

 

465. Le jeudi 22 novembre 2007 à 14:40, par Xavier

>eric: tu pouvais garder le onEnterFrame.
Ensuite, pour ton usage, il sera nécessaire de modifier le code. Il suffit de tester si la valeur de la position en y de ta souris est plus ou moins élevée que la valeur précédente. Il faudra par ailleurs que tu choisisses toi-même la valeur de vitesse de déplacement (ou alors compliquer encore un peu le code).
Logiquement, les deux expressions position1 et position2 ne vont pas être évaluées en même temps. Tu dois donc pouvoir tracer le déplacement de la souris. Je n'ai pas testé le code, c'était plus pour le principe.

_root.onEnterFrame=function(){
if (panoramique==true){

deplacement=10;
position1=_ymouse;
position2=_ymouse;
if(position1>position2){
deplacement=-10;
}elseif(position1<position2){
deplacement=10;
}else{
deplacement=0;
}
image01._y=image01._y-deplacement;
image02._y=image02._y-deplacement;

>Jonsnow: essaye de remplacer les attachMovie par
_root[image01].loadMovie(nom); //nom=nom du jpg
ton jpg ne doit surtout pas être enregistré en progressif. Je n'ai jamais employé cette technique, je n'ai pas trop d'infos dessus, trouvé chez Mediabox: wiki.mediabox.fr/tutoriau...

A bientôt avec Emob, la jeune pousse pleine de ressources.

 

466. Le dimanche 25 novembre 2007 à 13:03, par nafaa

salut !

c'est génial comme tuto, Grand merci.
j'ai juste une question : je veux ajouter un bouton et lorsque je clic dessus l'affichage devient en plein écran : est ce possible ?

;-)

 

467. Le dimanche 25 novembre 2007 à 18:22, par Xavier

>nafaa: une recherche sur google te donneras très facilement la réponse. Je veux juste te signaler qu'il te faudra Flash 9 pour bénéficier de l'AS3.

A bientôt avec Emob, la jeune pousse qui lance ses avis de recherche.

 

468. Le jeudi 29 novembre 2007 à 22:15, par Greg

Great work!
www.impromat.cz/files/Med... | www.impromat.cz/files/Med... | www.impromat.cz/files/Med... | www.impromat.cz/partner/a... | www.impromat.cz/partner/a... | www.impromat.cz/partner/a... | www.impromat.cz/user_imag... | www.impromat.cz/user_imag... | www.impromat.cz/user_imag... | www.impromat.cz/files/Med...

 

469. Le mercredi 5 décembre 2007 à 20:35, par JULS

Salut les jeunes (et les autres) :o)

J'ai un petit souci de debutant... voila je créée un slider qui reboucle horizontalement comme décrit, ca marche tres bien, ensuite sur mon clip de slider horizontal je colle le code suivant :

var hauteur_scene=Stage.height;
var hauteur_image=map._height;


onEnterFrame=function(){

deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/2);
deplacement=deplacement/40;

slider._y=slider._y-deplacement;

}

stop();

Ce qui me permet en plus du defilement horizontal, d'avoir un deplacement vertical, ca marche toujours tres bien.
maintenant mon souci est que dans mon defilement vertical, jaimerais pouvoir lui dire de stoper a une certaine limite en haut et en bas, afin d'éviter que le clip se barre dans l'infini :o)
je galere sur ce detail depuis des jours, jai une grosse barbe maintenant et je sent pas bon alors soyez cool aider mouééé.

 

470. Le mercredi 5 décembre 2007 à 21:55, par Xavier

>Juls: la réponse a déjà été donnée pour l'horizontal. Un bon ctrl+f te permettra de trouver rapidement la réponse! Après, il semble que tu sois en mesure de l'adapter seul ;-)

A bientôt avec Emob, la jeune pousse qui te laisse faire tes armes.

 

471. Le mercredi 5 décembre 2007 à 22:05, par JULS

Hello, non justement, je parle du slide vertical, qui marche tres bien ca jai compris mais je ne sais pas comment le bloquer au niveau voulu. Pour l'exemple, je cherche a faire exactement pareil que sur www.forest-forever.com sur la grande carte du monde, si tu regarde le mouvement vertical, il s'arrete legerement en dessus et en dessous de la carte ce qui permet de ne pas faire sortir la carte de la scene. Moi je narrive absolument pas a savoir comment definir cet arret du defilement vertical... je deviens fou... 1 semaine que je cherche...

 

472. Le mercredi 5 décembre 2007 à 22:46, par Xavier

>Juls: c'est bien ce dont je te parle ;-)
J'avais déjà donné la solution pour la version horizontale (bloquage au bord de l'image) mais bon, j'ai pas envie de tout relire.
Et j'ai pas envie de le coder non plus, donc je vais t'expliquer ,) (c'est bien ça! hein? :-| ).
(Au fait le lien forest forever n'est pas bon.)
Bon en fait, expliquer, ça va être chiant.
Dans le onenterframe:
//Test du sens de déplacement
var position1=_ymouse;
var position2=_ymouse;
if(position1>position2){
sens_deplacement='bas';
}else if(position2>position1){
sens_deplacement='haut';
}
if(monimage._y>0 && sens_deplacement=='bas'){
monimage._y=0;
}else if(monimage._y<(image._height-Stage.height)&&sens_deplacement=='haut'){
monimage._y=image._height-Stage.height;
}else{
//Faire le déplacement en y
}

Normalement, ça devrait fonctionner (erreurs de syntaxe près). Donne moi un retour ;-)

A bientôt avec Emob, la jeune pousse aux ressources continues.

 

473. Le mercredi 5 décembre 2007 à 23:20, par JULS

re!
Jai beau essayer avec ton code mais l'image se bloque et ne revient pas...
Mais je viens de m'en sortir avec ça :o))))

var hauteur_scene=Stage.height;
var hauteur_image=MonClip._height;

onEnterFrame=function(){

deplacement=_ymouse;
deplacement=deplacement-(hauteur_scene/2);
deplacement=deplacement/30;

MonClip._y=MonClip._y-deplacement;

if (MonClip._y>Stage.height/2) {
MonClip._y=Stage.height/2
}

if (MonClip._y<(MonClip._height/2)-MonClip._height) {
(MonClip._y=(MonClip._height/2)-MonClip._height)
}

}
stop();

Pour le lien d'exemple c'est ici :

www.forests-forever.com/ ensuite tu vas dans forest galery...

, tu comprendra mieux ce que je tentais d'obtenir, en tout cas merci infiniment pour ta patience :o) je ne suis que ceinture blanche en actionscript moi heho!

 

474. Le jeudi 6 décembre 2007 à 10:12, par Romain

kss kss, Xavier, flagrant déli : tu ne connais pas ton Emob illustré par coeur : emob.fr/dotclear/index.ph...
;-)

Merci en tout cas d'assurer le service après vente...euh...don ,)

 

475. Le mardi 11 décembre 2007 à 16:36, par Biscotte

Bonjour
Notice dans flash j'ai réalisé un panoramique avec une zone transparente mais lors de la visu le panoramique s'effectue comme s'il était constitué d'un défilement de 2 images avec une marge blanche de chaque coté :-/ .
Voici mon code:
// creation objet
_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

// creation de la zone transparente
_root.createEmptyMovieClip("zone",3);
_root.zone.attachMovie("zone","mc_zone",3);
zone._x=0;
zone._y=0;
zone._width=Stage.width;
zone._height=Stage.height;
zone._alpha=0;

// variables
var largeur_scene=600;
var largeur_image=image01._width;
var panoramique=false;

//rollover
zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}
}
zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}
}
_root.onEnterFrame=function(){
if (panoramique==true){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;
}
}
//partie droite
if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}
if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}
// partie gauche
if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}
stop();

Merci de bien vouloir me donner un petit coup de pouce ;-)

 

476. Le mardi 11 décembre 2007 à 17:30, par Xavier

>Romain: ah mais je savait que j'avais déjà vu ce site! ,) (T'es attentif dis donc pour venir trainer par ici!)(On va voir si tu l'es vraiment. Quelle est votre nouvelle adresse?)

>Biscotte: le problème vient du rollover: tu as mis le } avant //partie droite alors qu'il fallait le mettre juste avant le stop(); ;-)
Je n'ai pas relevé d'autre erreur pour le moment, cela devrait déjà résoudre partiellement ton problème.

A bientôt avec Emob, la jeune pousse attentive!

 

477. Le samedi 15 décembre 2007 à 11:05, par brolo

Salut Olivier
Comment faire pour intégrer des fonctions zoom (+ et - ) ? J'ai créer deux boutons, mais je n'y parviens pas. Peux-tu m'aider s'il te plait?

Merci

 

478. Le samedi 15 décembre 2007 à 12:07, par Xavier

>brolo: alors plusieurs choses, d'abord il va falloir affecter à tes boutons des valeurs pour le zoom, pour ça on va créer une fonction du genre
_global.etat_zoom='moins';
_global.zoom=function(sens){
//La ca dépend si tu veux pouvoir zoomer plusieurs fois dans l'image, on va faire une seule fois pour l'instant.
if(sens=='plus' && _global.etatzoom=='moins'){
_root.image01._xscale=200;//Pour que l'image soit 2 fois plus grosse qu'avant
_root.image01._yscale=200;
//Pareil avec l'image 2
_root.image02._xscale=200;
_root.image02._yscale=200;

//Et là il faut recaler les images entre elles.
//Il faut d'abord remplacer dans le début du code var largeur_image=image01._width; par _global.largeur_image=image01._width;
//Et ici:
_global.largeur_image=image01.width;
}else if(sens=='moins' && _global.etatzoom=='plus'){
_root.image01._xscale=100;//Pour que l'image soit a sa taille ordinaire
_root.image01._yscale=100;
//Pareil avec l'image 2
_root.image02._xscale=100;
_root.image02._yscale=100;

_global.largeur_image=image01.width;
}
}
//Dans la partie onEnterFrame(){
_root.boutonplus.onPress=zoom('plus');
_root.boutonmoins.onPress=zoom('moins');

Il va falloir également penser à gérer les déplacements vers le bas et vers le haut, en les bloquants lorsque l'image a son bord haut en haut de l'image et le bord bas en bas de l'image, mais ça je te laisse chercher. Et si tu veux pouvoir zoomer plusieurs fois, il te suffira à la place des image01.width=200 de mettre une variable (globale) et de l'incrémenter à chaque fois que tu cliques sur plus ou de la décrémenter à chaque clic sur moins ;-)

A bientôt avec Emob, la jeune pousse qui grandit (mais pas de zoom artificiel)

 

479. Le samedi 15 décembre 2007 à 12:10, par Xavier

(Au fait, j'ai fait ce script sans passer par flash, donc il est possible qu'il y ait des erreurs de syntaxe et poses tes questions si tu en as, j'ai essayé de détailler au max ms bon c'pas forcément évident à l'écrit)

 

480. Le samedi 15 décembre 2007 à 12:38, par brolo

Merci Xavier je vais faire le test, mais je vais dire ici que j'avais créer deux boutons, et avais mis comme code:
on (press) {
bitmap.onEnterFrame = function() {
image01._xscale=image01._yscale += 1;}
}
on (release) {
delete bitmap.onEnterFrame;}

car je voulais que lorsque l'animation défile, je puisse également zoomer, là c'est pou rle cas d'un seul bouton, le zoom+
Merci, je vais éssayer ton code

 

481. Le samedi 15 décembre 2007 à 12:54, par brolo

>Xavier, merci pour ton code, mais il ya un bug, ça ne fonctione pas.
peux-tu m'aider?

 

482. Le samedi 15 décembre 2007 à 14:07, par Xavier

>brolo: quel est le pbm exactement? Es tu sûr de la liaison avec les boutons? ;-)

 

483. Le samedi 15 décembre 2007 à 15:14, par brolo

>Xavier, en éffet je crois que "boutonplus" "boutonmoins" sont les noms des occurences bontons, n'est ce pas? J'ai donc recrée des boutons portant ces noms mais hélas, ça ne fonctioone pas , l'animation défile sans problème, mais les zoom ne fonctionne pas.

 

484. Le samedi 15 décembre 2007 à 15:24, par brolo

>Xavier, j'ai même laisser le nouveau code que tu m'a donné, j'ailaissé l'ancien, et créer deux boutons par après sur lesquels j'avais ce bout de code:

on (press) {

image01.onEnterFrame = function() {
this._xscale=this._yscale -= 1;
}

image02.onEnterFrame = function() {
this._xscale=this._yscale -= 1;
}

}
Les zoom fonctionnaient mais se déplaçait avec toute l'animation, ce qui n'est pas ce que je veux.J e suis en treinde chercher encore, mais mon frère si tu peux m'aider ça m'aiderai beaucoup. Je sais que c'est pas encore ça car il me faudrai encore du code, pour que tout celà fonctionne correctement. C'est le code d'un seul bouton

 

485. Le dimanche 16 décembre 2007 à 00:32, par Xavier

>brolo: Euh... J'ai pour ainsi dire *rien* compris à ton précédent message. Tu voudrais pas me la refaire parce que là j'ai un peu de mal 8-O ?!

 

486. Le dimanche 16 décembre 2007 à 19:11, par Biscotte

Bonjour, grâce à tout vos conseils j'ai enfin réussit à créer un panoramique avec un bouton ;-) . Je voudrai maintenant que mon bouton active une image dans une nouvelle fenêtre, je ne sais pas à quel endroit dans mon code il faut indique l'adresse URL de l'image :-/ .
Voici mon code:
// creation objet
_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",2);
_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",2);
_root.image02._x=image01._x+image01._width;

//creation d'un bouton
_root.createEmptyMovieClip("calque_bouton",4);
_root.calque_bouton.attachMovie("bouton_01","mc_mon_btn",1);
_root.calque_bouton.mc_mon_btn._x=image01._x+200;
_root.calque_bouton.mc_mon_btn._y=image01._y+120;

// creation de la zone transparente
_root.createEmptyMovieClip("ma_zone",3);
_root.ma_zone.attachMovie("zone", "mc_zone",3);
ma_zone._x=0;
ma_zone._y=0;
ma_zone._width=Stage.width;
ma_zone._height=Stage.height;
ma_zone._alpha=0;

// variables
var largeur_scene=2374;
var largeur_image=image01._width;
var hauteur_scene=300;
var panoramique=false;

//rollover
ma_zone.onRollOver=function(){
mc_mon_btn.onRollOver = function() {}
if (panoramique==false){
panoramique=true;
}
}
ma_zone.onRollOut=function(){
mc_mon_btn.onRollOut = function(){}
if (panoramique==true){
panoramique=false;
}
}

// fonction
_root.onEnterFrame=function(){
_root.calque_bouton.mc_mon_btn._x=image01._x+200;
_root.calque_bouton.mc_mon_btn._y=image01._y+120;
if (panoramique==true){

deplacement = _xmouse-(largeur_scene/4);
deplacement = deplacement/(largeur_scene/4);
deplacement = deplacement*deplacement*deplacement;
deplacement = deplacement*-(25); // Valeur de vitesse maximale en pixels.
deplacement = Math.round(deplacement); // Pour arrondir

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite
if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche
if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}
}
}
stop();
Merci de bien vouloir me donner un petit coup de pouce.

 

487. Le lundi 17 décembre 2007 à 09:12, par brolo

>Xavier, j'ai même laisser le nouveau code que tu m'a donné, j'ai donc utiliser l'ancien, et créer deux boutons.
Voici le code du boutonplus:

on (press) {

image01.onEnterFrame = function() {
this._xscale=this._yscale -= 1;
}

image02.onEnterFrame = function() {
this._xscale=this._yscale -= 1;
}

}
Les zoom fonctionnaient mais se déplaçaientt avec toute l'animation, ce qui n'est pas ce que je veux.J e suis en treinde chercher encore, mais mon frère si tu peux m'aider ça m'aiderai beaucoup. Je sais que c'est pas encore ça car il me faudrai encore du code, pour que tout celà fonctionne correctement.
En éffet en cliquant sur le boutonplus, toute l'animation s'agrandit(y compris le bouton lui même), or je ne voulais pas celà, je voulais simplement que l'image défilante soit la seule à être agrandit

 

488. Le lundi 17 décembre 2007 à 10:08, par Xavier

>brolo:
il te suffit de modifier ton this._xscale
par this.image01._xscale et ça devrait résoudre ton problème des boutons qui s'aggrandissent.

Maintenant, pour le problème des boutons qui bougent avec le panoramique, est ce que tu as bien pris soin de créer un nouveau movie clip pour les mettre, par exemple
this.createEmptyMovieClip("boutons", this.getNextHighestDepth()); ?

A bientôt avec Emob, la jeune pousse pleine d'avenir.

 

489. Le lundi 17 décembre 2007 à 10:36, par brolo

>Xavier, l'instruction "this.image01._xscale" ne résoud aucun problème, en le mettant, l'éffet zoom ne fonctione pas, j'avais fait ce test avant.
Par ailleur, je pensais créer un nouveau movie clip, je l'ai créer ben, ça ne donne rien.

Si quelqu'un a un code avec zoom, qu'il vueille me dire quelque chose.J ne suis pas trop bon en flash, je le suis sur la plateforme dotnet, en php, SQL server, etc...

 

490. Le mardi 18 décembre 2007 à 15:58, par brolo

Dans tous les cas, Dieu m'a aider a trouver la solution, il est vrai j'ai eu des maux de tête mais j'ai fini pas trouver.

Merci à tous
Brolo

 

491. Le samedi 22 décembre 2007 à 10:27, par Laurent

En cette période festive, bonnes fêtes à tous et bon codage. Merci pour les précieux conseils et astuces que vous nous délivrés.

après quelques heures de copier/coller, de test et de sueur, mon diaporama est enfin prêt. Mais le loading ne marche pas. Pouvez vous m'éclairer une dernière fois pour faire un loading adapté à ce tutorial.
à plus
Lien à tester :
www.aucoindelarue.fr/test...

 

492. Le mercredi 26 décembre 2007 à 16:57, par Lola

Bonjour,
je suis un petit débutant en flash et je n'arrive pas a fair un panorama qui tourne à l'infini en largeur et juste un peu en hauteur, comme l'anim de la cathedral un peu plus haut! :( Si vous aviez le temps de me dire quoi fair ca serait sympa! ++

 

493. Le mercredi 26 décembre 2007 à 17:00, par Lola

PS: C'est pour ma copine qui parle pas Francais donc si vous pouviez être assez clair pour que je puisse lui expliqué! (moi j'y connais rien!) :-|

 

494. Le mercredi 26 décembre 2007 à 19:02, par Xavier

>Laurent: toujours besoin d'aide?

>Lola: ça a déjà été expliqué plus haut. À la limite je veux bien donner un code tout prêt basé sur le code d'Olivier, ça sera encore plus simple.

A bientôt avec Emob, la jeune pousse qui a plein de choses au planning.

 

495. Le mercredi 26 décembre 2007 à 19:12, par Xavier

>lola: j'ai fait ça rapidement, ça reprend l'intégralité du code d'Olivier avec les modifications/ajouts que j'y ai apporté. Je n'ai pas vérifié le fonctionnement, j'ai fait ça rapidement sous notepad++, ça devrait aller.

// creation objet

_root.createEmptyMovieClip("image01",1);
_root.image01.attachMovie("mon_image","mc_mon_image",1);

_root.createEmptyMovieClip("image02",2);
_root.image02.attachMovie("mon_image","mc_mon_image",1);
_root.image02._x=image01._x+image01._width;

// variables
var largeur_scene=Stage.width;
var largeur_image=image01._width;
var hauteur_scene=Stage.height;
var hauteur_image=image01._height;

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
deplacement=deplacement/20;

image01._x=image01._x+deplacement;
image02._x=image02._x+deplacement;

//partie droite

if (image01._x>=largeur_scene){
image01._x=image02._x-largeur_image;
}

if (image02._x>=largeur_scene){
image02._x=image01._x-largeur_image;
}

// partie gauche

if (image01._x+largeur_image<=0){
image01._x=image02._x+largeur_image;
}
if (image02._x+largeur_image<=0){
image02._x=image01._x+largeur_image;
}

//Deplacement en Y
deplacement_y=_ymouse;
deplacement_y=deplacement_y-(hauteur_scene/2);
deplacement_y=deplacement_y/20; //Changer le 20 pour changer la vitesse de déplacement.

image01._y=image01._y+deplacement_y;
image02._y=image02._y+deplacement_y;

//Correction en haut
if(image01._y>=0){
image01._y=0;
image02._y=0;
}

//Correction en bas
if(image01._y+hauteur_image<=hauteur_scene){
image01._y=hauteur_scene-hauteur_image;
image02._y=hauteur_scene-hauteur_image;
}

}

stop();

A bientôt avec Emob, la jeune pousse occupée.

 

496. Le jeudi 27 décembre 2007 à 12:37, par Sandrine

Salut tout le monde, je suis sur Mac et quand je met le code indiqué, il me met un message d'érreur "accès a la priorité non défini" alors que j'ai fait tout se que le tuto dit... des idées? ;-(

 

497. Le jeudi 27 décembre 2007 à 12:40, par Sanrine

Oups enfète c'est "propriété" au lieu de priorité mais sa ne change pas mon problème! :-/

 

498. Le lundi 31 décembre 2007 à 11:46, par psykoleo

;-(
M'ssieurs Dames bien le bonjour.
Et d'une merci pour ce super tutorial, c'est juste parfait.
Un petit soucis cependant pour mon projet je m'explique:
- au sein du movieclip "mon_image", j'ai plusieurs calques: un avec l'image, un avec des boutons transparents sur certaines zones de mon image".
- Ce movieclip est sur l'image 1 de ma scene 1 (appelée panoramique)
- J'aimerai que lorsque l'on clique sur un bouton de mon movieclip panoramique, cela nous amène à l'image 1 de ma scene 2 (appelée rayon).... hélas je n'y arrive pas.... j'ai bien la zone qui devient cliquable mais rien ne se passe.
Aucuns soucis cependant si je demande à mon bouton de m'amener à une source extérieure (autre swf, lien url etc;..) là ça marche parfaitement.

Quelqu'un aurait une idée svp?
D'avance merci à vous et pour info voilà le code de mon bouton:

on (release) {
gotoAndPlay("rayon", 1);
}

J'ai un stop sur cette image 1 de ma séquence rayon (séquence numéro 2)

Bonnes fêtes de fin d'année !

 

499. Le lundi 31 décembre 2007 à 12:22, par Xavier

>psykoleo: essaye de placer le code directement sur la scène et non dans le bouton et je crois que la méthode conseillée maintenant c'est onRelease.
En tout cas le gotoAndPlay me semble juste.

>Sandrine: détails sur l'erreur? n° de ligne et code qui va avec? etc

A bientôt avec Emob, la jeune pousse qui dure...

 

500. Le lundi 31 décembre 2007 à 14:21, par psykoleo

;-) Merci de ta réponse Xavier..
pas sur d'avoir bien compris, je suis bien obligé de sélectionner mon occurence de bouton (lequel est contenu dans mon movieclip qui défile en panoramique avec le code de ce topic), non?
Sur ma scène 1 j'ai juste le code ci-dessus pour le panoramique.
Merci d'avance de tes éclaircissements !

 

501. Le lundi 31 décembre 2007 à 14:56, par Xavier

>psykoleo: en fait, il faudrait que tu accèdes à ton bouton depuis le code général, en faisant
this.monbouton.onRelease=function(){
goto...
}

si tu n'as pas placé ton bouton grâce au code, tu peux voir le n° d'instance attribué en faisant ctrl+entrée et dans un des menus (je sais plus lequel présentement) lister les objets. Tu dois pouvoir le trouver assez facilement parmi tout ce qui est listé et tu mets ça à la place du monbouton.

Avant ça, une question toute bête, mais as-tu pensé à remplacer tous les _root par des this dans le code, car sinon peut-être que tu navigues bien vers l'autre séquence mais que les calques sont conservés. Du coup tu ne vois pas ce que tu as mis sur la scène.

S'il faut que je détailles encore un peu, dis le moi ;-)

A bientôt avec Emob, la jeune pousse pleine de créativité!

 

502. Le lundi 31 décembre 2007 à 15:14, par psykoleo

;-) ;-) ;-)
Un grand merci Xavier, ça marche nickel !
Vraiment merci de la réactivité/pertinence, c'est fort appréciable !
Meilleurs voeux à tous à bientôt !

 

503. Le jeudi 3 janvier 2008 à 23:03, par djsnaps

Bonjour
Une petite question ???????? Comment fait-on pour q'un diaporama suive un bouton glissiere sur lequel on clique en déplaçant la sourie pour que l'image bouge du style : www.studiomcvey.com/ ( voir la page galerie )
Merci beaucoup de votre réponce

 

504. Le vendredi 4 janvier 2008 à 10:34, par Heather

Well done!
atherm.com/POOL/docs/medi... | atherm.com/POOL/docs/medi... | atherm.com/POOL/docs/medi... | atherm.com/POOL/docs/medi... | atherm.com/POOL/jpgs/free... | atherm.com/POOL/docs/medi... | atherm.com/HTML/en/rings/... | atherm.com/POOL/docs/medi... | atherm.com/HTML/en/rings/... | atherm.com/POOL/jpgs/free...

 

505. Le vendredi 4 janvier 2008 à 10:36, par Alan

Good design!
atherm.com/POOL/docs/medi... | atherm.com/POOL/jpgs/free... | atherm.com/HTML/en/rings/... | atherm.com/POOL/jpgs/free... | atherm.com/POOL/docs/medi... | atherm.com/POOL/jpgs/free... | atherm.com/HTML/en/rings/... | atherm.com/POOL/jpgs/free... | atherm.com/HTML/en/rings/... | atherm.com/POOL/docs/medi...

 

506. Le mercredi 9 janvier 2008 à 13:33, par DeLor

Salut à tous

Super ce panoramique et félicitation!!
Je l'ai repris et il fonctionne 100%, mais je voudrai créerun masque, du coup le masque fonctionne ce qui est bien , mais lorsque je veux créer des boutons < et > alors l'animation reste fixe

Aider moi SVP
mERCI

 

507. Le mercredi 9 janvier 2008 à 14:14, par DeLor

Salut
Je ne parviens pas à faire bouger l'animation via les 2 boutons < et >, pourtant j'ai mis cette ligne en commentaire
//deplacement=_xmouse;
Lorsque je déplace tout le code contenu dans le clip pano ( image 1) pour le mettre simplement sur un calque différent de pano, ça marche, mais c'est pas ce que je veux, car à ce niveau le masque ne fonctionne pas.

SVP, je sollicite votre aide
Sincèrement,
Delor

 

508. Le mercredi 9 janvier 2008 à 14:24, par Xavier

>DeLor: j'ai rien compris à ce que tu as fait, mais la ligne en commentaire, c'est bien.
Il te suffit de faire
_root.monboutonmoins.onRollover=function(){
_global.deplacement=-10;//change le -10 selon la vitesse et le onrollover en onPress si nécessaire
}
_root.monboutonmoins.onRollout=function(){
_global.deplacement=0;//Si tu as mis onPress, change onRollout en onRelease
}

Tu fais la même chose avec ton bouton plus, en mettant une valeur positive pour déplacement et remplace partout deplacement par _global.deplacement

Normalement ça devrait fonctionner, sinon je te laisse le soin de chercher ^^ et au besoin de revenir poster ici. ;-)

A bientôt avec Emob, la jeune pousse qui est impatiente.

 

509. Le mercredi 9 janvier 2008 à 14:26, par DeLor

Re-salut comment faire pour piloter le code contenu dans un clip?
Voici ce que j'éssaye de faire:
this.pano.image01 ou pano.image01
mais hélas, rien ne fonctionne

 

510. Le mercredi 9 janvier 2008 à 15:08, par DeLor

>Xavier, merci pour ton code et ta réaction rapide

J'avais fais un code un peu semblable à ce que tu viens de me passer.
Voici mon code actuel
Pour le bouton droi(>)

on (press) {
_global.deplacement=-10;

}

on (release) {
_global.deplacement=0;
}

et pour le bouton gauche (<)


on (press) {
_global.deplacement=10;
}

on (release) {
_global.deplacement=0;
}


Ben mais ça défile dans le même sens, celà fais des jours et nuits que je cherche à remédier à celà.

Pouviez-vous m'aider?
Merci pour celà

 

511. Le mercredi 9 janvier 2008 à 15:31, par Xavier

>DeLor: essaye des ' autour du -10 (c'est pas un format numérique avec le -)

 

512. Le mercredi 9 janvier 2008 à 15:39, par DeLor

>Xavier: je l'ai fait mais toujours rien, c'est pariel.L'animation défile suivant un seul sens, lorsque que j'éssaye de mettre une valeur plus grande pour le boutons gauche celà fait semblant de fonctionner, mais revient et suis le même mouvement que le bouton droit.
Autre chose je voudrai aussi zoomer, j'ai deux boutons donc voici le code de l'un:
on (press) {
this.image01.onEnterFrame = function() {
(image01._yscale <=230)){
image01._xscale = image01._yscale = 5;
}
mais elle aussi ne fonctionne pas

De l'aide SVP

 

513. Le mercredi 9 janvier 2008 à 15:54, par DeLor

>Xavier: Je crois que ça marche, merci Xavier, pour le défilement, pour le moment je suis en trein de charche le code pour le zoom, peux-tu m'aider?

 

514. Le mercredi 9 janvier 2008 à 17:00, par DeLor

>Xavier: j'ai éssayer de lire ton code écrit à Brolo plus haut, mais je ne comprend pas c'est quoi "sens" ?
à ce niveau :

_global.etat_zoom='moins';
_global.zoom=function(sens){


Merci pour les réponses.

 

515. Le jeudi 10 janvier 2008 à 08:31, par DeLor

Quelqu'un peut-il m'aider, je voudrai zoomer
Merci d'avance

 

516. Le jeudi 10 janvier 2008 à 12:53, par DeLor

Salut

Pas toujours de reponse à mes questions...
vraiment suis....
Comment créer un masque?

merci

 

517. Le jeudi 10 janvier 2008 à 15:56, par DeLor

Personne pour me dire quelque chose??

;-( ;-(

 

518. Le jeudi 10 janvier 2008 à 16:18, par Xavier

>DeLor: désolé, j'ai du boulot, mais essaye aussi de chercher par toi-même, en 10 sec j'ai trouvé quelque chose sur google: www.google.fr/search?q=cr...

C'est tout de même pas compliqué et désolé de pas répondre à la minute, j'ai un vrai travail aussi hein, des choses à faire, là ce que j'essaye de te filer comme astuces, c'est le genre de rendu que je fais payer à mes clients, alors bon...

 

519. Le jeudi 10 janvier 2008 à 16:32, par Romain

Xavier> ptain Xavier t'es pas cool quand même :-| A bientôt avec Xavier, le lecteur toujours aware ;-)

 

520. Le jeudi 10 janvier 2008 à 16:48, par Xavier

>Romain: mouais, bon, peut-être :: . Je m'excuse alors, ça va, c'est mieux comme ça? ;-)

A bientôt avec Emob, la jeune pousse qui sait grandir.

P.S: fais pas trop le malin quand même, tu m'as dit que tu m'enverrais un email il y a un moment de ça ,)

 

521. Le jeudi 10 janvier 2008 à 16:56, par DeLor

>Xavier: je sais faire des masque avec des calque et des guides, c'est pas de celà que je parle,
je voudrai créer des masques avec du code, pour le cas du tuto.

 

522. Le jeudi 10 janvier 2008 à 17:14, par Xavier

>DeLor: méthode setMask(). exemple:
calque_a_cacher.setMask(calque_qui_masque);

Tous les détails sur mediabox: wiki.mediabox.fr/document...
Trouvé sur google ,)

A bientôt avec Emob, la jeune pousse en pleine forme.

 

523. Le jeudi 10 janvier 2008 à 18:07, par Romain

Xavier> comment tu ne l'as pas reçu ? (style le gars jamais pris à defaut ,) ) Ca vient, un petit peu chaque jour dans le train, y a des chances que tu l'ai pour 2008 ::

 

524. Le jeudi 10 janvier 2008 à 18:32, par Xavier

>Romain: euh, au cas où t'aurais pas regardé le calendrier récemment (et que tu sois parti sur mars un moment), on est en 2008 :-| (m'enfin après, peut-être préférais-tu dire "en 2008", je ne peux savoir ,) ).

Bonne soirée avec Emob, la jeune pousse qui travaille trop ,)

 

525. Le jeudi 10 janvier 2008 à 22:35, par Romain

Dis-donc petit jeunot, respecte un peu ton aîné de plus de 15 ans s'il te plaît...alzheimer tu crois ? ::

 

526. Le vendredi 11 janvier 2008 à 01:18, par Xavier

Romain: ça dépend, (sans wikipédia) Alzheimer tu te souviens de son prénom? Non? Et bien tu vois ça commence?! :-|

Et puis 15 ans, 15 ans, c'est le meilleur moyen de t'autopersuader que t'es vieux, alors que t'es sensé avoir quelques années avant de commencer à y penser normalement ;-)

Très belle nuit avec emob, la jeune pousse toujours plus grande!

 

527. Le mercredi 16 janvier 2008 à 11:53, par Anne

Bonjour

Je suis en trein de réaliser un zoom, mais il ya un décalage, avec l'image02, lorsque j'utilise les propriétes xscale et yscale, quelqu'un peut il me dire pourquoi?

Salut ,)

 

528. Le jeudi 17 janvier 2008 à 00:12, par Xavier

>Anne: essaye, une fois que le zoom a été fait de réaffecter la variable largeur_image=image01.width; Car sinon la variable est renseignée uniquement au début du script ;-)

A bientôt avec Emob, la jeune pousse pleine de bonnes choses!

 

529. Le jeudi 17 janvier 2008 à 10:28, par Anne

Xavier> Dans tous les cas j'ai réussi, mais merci pour ta spécificcation. 8-O

 

530. Le lundi 21 janvier 2008 à 20:57, par eric

;-) bonjour!!!
tout d'abord merci pour ce tuto et toutes les reponses que vous donnez
j'ai un peu modif le script pour avoir une zone de mouvement d'un bandeau vertical que bouge selon la position de la souris en y sur le bandeau
mais probleme chacune de mes vignettes dans le bandeau est un bouton qui fait un loadmovie, mais avec la zone les boutons marchent plus
voila le code

this.createEmptyMovieClip("bandeau",1);
this.bandeau._x=1100

_root.createEmptyMovieClip("ma_zone", 3);
_root.ma_zone.attachMovie("zone", "mc_zone", 3);
ma_zone._x = 1100;
ma_zone._y = 0;
//ma_zone._height=Stage.height;
ma_zone._alpha=0;
// variables
var hauteur_scene=3200;
var panoramique=false;
ma_zone.onRollOver=function(){
if (panoramique==false){
panoramique=true;
}}
ma_zone.onRollOut=function(){
if (panoramique==true){
panoramique=false;
}}
onMouseMove = function() {
if (panoramique==true){
bandeau._y = ((800 -
hauteur_scene)/800*_ymouse)+525;
}}
stop();

 

531. Le mardi 22 janvier 2008 à 01:03, par Xavier

et si tu essayais de remplacer mazone.onRollOver par bandeau.onRollOver et pareil pour le onRollOut?

Le problème qui se pose c'est que la zone apparait devant le bouton que tu veux cliquer, même si elle n'est pas visible. Il faut donc trouver une autre astuce ou supprimer l'arrêt du défilement ^^

Bonne nuit avec Emob, la jeune pousse pleine de bonnes idées juteuses ;-)

 

532. Le mercredi 23 janvier 2008 à 16:10, par Anne

Mon problème persista
Le zoom fonctionne bien, à l'exception que après un tour, le fond est vierge comme moi, pas d'image qui arrive, c'est après un certain temps que l'image défilante apparaït encore.

Quelqu'un peut-il m'aider ?

 

533. Le jeudi 24 janvier 2008 à 23:50, par Laurent

Le grand Panoramix est en ligne grâce aux précieux conseils de emob.fr
www.aucoindelarue.fr

 

534. Le mardi 29 janvier 2008 à 13:02, par Nathalie

Merci beaucoup pour ce tutorial. Il est très très bien
Nathalie

 

535. Le dimanche 3 février 2008 à 19:05, par shacra

Merci a l'équipe d'emob pour ce tuto ! ;-)
C'est bien expliquer et suffisament détaillé pour comprendre et non pas simplement appliquer betement ;-)
Voici ma 1ere création :
gaelle.hevin.free.fr/pano...

Encore MERCI !

 

536. Le lundi 4 février 2008 à 09:45, par Richard

:( Merci pour ce tuto, j'ai un autre souci, dans mon badeau j'ai des photos que je voudrai ouvrir (bouton)dans une autre page, mais je ne sais pas comment traiter le bandeau. J'ai essayé en mettant des boutons dans le clip ça ne marche pas !!!
Existe t-il une solution?

Merci

 

537. Le mercredi 5 mars 2008 à 17:19, par Markers

Salut xavier, j'ai un probléme je n'arrive pas a maître le swf que j'ai fait avec le panorama en utilisant " loadMovie ", pourtant toute mes autres swf marchent :s
C'est tu pourquoi ?

 

538. Le mercredi 5 mars 2008 à 18:04, par Markers

désolé c'est olivier qui a fait le tuto donc :
Salut olivier et sais-tu comment faire pour qu'il saffiche sans que je le reré sur mon anim principal, ou si je le fait comment délimiter le défilement d'image et la place du diaporama ?

 

539. Le dimanche 9 mars 2008 à 14:34, par Galactic

salut

merci pour ce tuto mais quand je lance la preview, j'ai une fenetre noire (car fond noir dans ma sequence). Aucune image ne s'affiche :(
Savez vous pourquoi ? En vous remerciant :)

 

540. Le lundi 17 mars 2008 à 13:00, par Nicolas

Merci pour ce tuto, j'ai un soucis j'espére que quelqu'un pourra m'aider.

Tous marche bien et j'ai fais exatement comme le tuto, mais mon anim fait