Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

VUE 360°


Information sur la source

Catégorie :ActionScripts Classé sous : vue panoramique, 360 degre, visite virtuelle, visite 360, vue 360 Niveau : Initié Date de création : 13/06/2008 Date de mise à jour : 16/06/2008 13:03:26 Vu / téléchargé: 11 197 / 1 463

Note :
4 / 10 - par 2 personnes
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note


Description

Cliquez pour voir la capture en taille normale
Ce script permet de faire une vue 360° apartir d'une image panoramique on utilisant de l'action script pour charger l'image et la faire tourné.
 

Source

  • _root.attachMovie("turn","trun_mc",5);
  • _root.attachMovie("turn2","trun2_mc",6);
  • _root.attachMovie("designed","designed_bt",8);
  • _root.attachMovie("pause","pause_mc",9);
  • _root.createEmptyMovieClip("first_360",1);
  • _root.first_360.attachMovie("my_360","mc_my_360",2);
  • _root.attachMovie("designed","designed_mc",7);
  • designed_mc._x=910;
  • designed_mc._y=422;
  • _root.createEmptyMovieClip("second_360",3);
  • _root.second_360.attachMovie("my_360","mc_my_360",4);
  • _root.second_360._x = first_360._x + first_360._width;
  • var v=0;
  • var stp=0;
  • var largeur_scene=1004;
  • var largeur_image=first_360._width;
  • pause_mc.onRelease=function(){
  • pause_mc.nextFrame();
  • if (stp==0) {
  • stp=1;
  • }
  • else {
  • stp=0;
  • }
  • }
  • trun_mc.onPress=function(){
  • v=1;
  • }
  • trun_mc.onRelease=function(){
  • v=0;
  • }
  • trun_mc.onRollOut=function(){
  • v=0;
  • }
  • trun2_mc.onPress=function(){
  • v=1;
  • }
  • trun2_mc.onRelease=function(){
  • v=0;
  • }
  • trun2_mc.onRollOut=function(){
  • v=0;
  • }
  • _root.onEnterFrame=function(){
  • deplacement=_xmouse;
  • deplacement=deplacement-(largeur_scene/2);
  • if (v==1) {
  • deplacement=deplacement/30;
  • }
  • else {
  • deplacement=deplacement/70;
  • }
  • if (stp==1) deplacement=0;
  • first_360._x=first_360._x-deplacement;
  • second_360._x=second_360._x-deplacement;
  • if (first_360._x>=largeur_scene){
  • first_360._x=second_360._x-largeur_image;
  • }
  • if (second_360._x>=largeur_scene){
  • second_360._x=first_360._x-largeur_image;
  • }
  • if (first_360._x+largeur_image<=0){
  • first_360._x=second_360._x+largeur_image;
  • }
  • if (second_360._x+largeur_image<=0){
  • second_360._x=first_360._x+largeur_image;
  • }
  • }
  • stop();
_root.attachMovie("turn","trun_mc",5);
_root.attachMovie("turn2","trun2_mc",6);
_root.attachMovie("designed","designed_bt",8);
_root.attachMovie("pause","pause_mc",9);


_root.createEmptyMovieClip("first_360",1);
_root.first_360.attachMovie("my_360","mc_my_360",2);
_root.attachMovie("designed","designed_mc",7);
designed_mc._x=910;
designed_mc._y=422;
_root.createEmptyMovieClip("second_360",3);
_root.second_360.attachMovie("my_360","mc_my_360",4);
_root.second_360._x = first_360._x + first_360._width;


var v=0;
var stp=0;
var largeur_scene=1004;
var largeur_image=first_360._width;
pause_mc.onRelease=function(){
	pause_mc.nextFrame();
 if (stp==0) {
	 stp=1;
 }
 else {
	 stp=0;
	}
}
trun_mc.onPress=function(){
v=1;
	}
trun_mc.onRelease=function(){
v=0;
	}
trun_mc.onRollOut=function(){
v=0;
	}


trun2_mc.onPress=function(){
v=1;
	}
trun2_mc.onRelease=function(){
v=0;
	}
trun2_mc.onRollOut=function(){
v=0;
	}

_root.onEnterFrame=function(){

deplacement=_xmouse;
deplacement=deplacement-(largeur_scene/2);
if (v==1) {
	deplacement=deplacement/30;
}
else {
	deplacement=deplacement/70;
	}
if (stp==1) deplacement=0;
first_360._x=first_360._x-deplacement;
second_360._x=second_360._x-deplacement;


if (first_360._x>=largeur_scene){
first_360._x=second_360._x-largeur_image;
}

if (second_360._x>=largeur_scene){
second_360._x=first_360._x-largeur_image;
}


if (first_360._x+largeur_image<=0){
first_360._x=second_360._x+largeur_image;
}
if (second_360._x+largeur_image<=0){
second_360._x=first_360._x+largeur_image;
}

}
stop();

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • 001_flash8.flaTélécharger ce fichier [Réservé aux membres club]577 024 octets

Télécharger le zip

Historique

16 juin 2008 13:01:13 :
j'ai modifier le fichier .fla pour qu'il soit compatible flash 8 et j'ai ajouter la source
16 juin 2008 13:03:26 :
j'ai modifier le fichier .fla pour qu'il soit compatible flash 8 et j'ai mis le code source

Commentaires et avis

signaler à un administrateur
Commentaire de pegase31 le 14/06/2008 03:58:09 administrateur CS

AS1, dommage ...
L'image n'est pas chargée dynamiquement, il y a  trop de root, la taille de l'image est implémentée en dur, pas de commentaires ... bref une source peu réutilisable.

Peg'

signaler à un administrateur
Commentaire de mousaid_88 le 15/06/2008 00:41:50

merci pour votre commentaire j'ai pensé au xml pour charger les images je vais le faire dans l'avenir  

signaler à un administrateur
Commentaire de jtoto le 16/06/2008 09:57:40 4/10

je suis d'accord avec PEGAS31 il faudrait utiliser un fichier xml afin de pouvoir utiliser cette source dont son design est sobre mais très bien pensé.
Joel

signaler à un administrateur
Commentaire de tonydanza le 16/06/2008 23:32:01 4/10

d accord c est jolie mais comment faire l image 360 ?
quel logiciel as tu utilisé?
dommage pour le dynamisme mais source interessante.

signaler à un administrateur
Commentaire de mousaid_88 le 17/06/2008 00:45:56

avec une appareille photo de bonne qualité tu prend environ 16 images du meme point en changeant l'angle de vue (c'est possible de faire tout ce travaille avec une appareille plus sophistiqué qui prend une image panoramique directement) et après la prise des 16 images avec l'extension de photoshop photomerge tu regroupe les images et apres quelque retouches tu auras ton image panoramique.

signaler à un administrateur
Commentaire de tonydanza le 17/06/2008 04:10:44

ok merci pour la reponse, je vais regarder tout ça.
je ne connaissais pas photomerge.

ps Vivement la version XML.

signaler à un administrateur
Commentaire de pegase31 le 17/06/2008 07:44:31 administrateur CS

je me demande réellement l'intérêt d'une version XML dans ce cas. Il n'y a qu'un seul paramètre à faire passer : l'url de l'image. Un FlashVar dans la page HTML serait largement suffisant et éviterais un double chargement en code (XML/image).

à méditer...

Peg'

signaler à un administrateur
Commentaire de cbur le 27/08/2008 16:22:49

Bonjour,
A la place d'un diaporama, j'ai fait un fichier d'une suite d'images. J'ai enregistré mon fichier en jpg et ses dimensions sont 19653 x 236 pxls, mais ne pèse que 3 Mo. Je l'ai dénommé comme la vôtre : 360_1.jpg. J'ai fait mes enregistrement avec Flash 8 et Dreamwaeaver 8 et/ou CS3 pour mise en ligne dans le site en cours.
Et ça marche!
Sauf que : ça fonctionne très bien avec un ancien Safari (version 3.04 de Mac OS 10.4) et un ancien IE (5.2.3) : là ça baigne.
Et ça ne fonctionne plus avec le dernier Safari, le dernier IE, le dernier FireFox : à la place de l'animation j'ai un rectangle rouge!Avec votre fichier jpg, c'est pourtant nickel partout
D'où ça vient?  mon image est peut-être trop longue, mais pourquoi le diaporama est-il vu sur les anciens navigateurs?
Si vous pouviez m'aider à comprendre. et à réparer!!
D'avance merci
Cb

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


LG KP501

Entre 9€ et 159€


Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,546 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.