PDA

Voir la version complète : PanoVonc



César Vonc
14/11/2011, 18h53
PanoVonc
v0.2.5 (16 novembre 2011)

Étant donné que le sujet des panoramas est souvent abordé et que les solutions pour en générer un aperçu interactif sont soit payantes ou soit trop rigides, j'ai décidé de créer un petit fichier Flash avec la bibliothèque d'Away3D permettant de visualiser une vue panoramique à 360° tout simplement.


Voici la toute première version en cours, n'hésitez pas à donner vos idées, suggestions, ou à signaler les éventuels bogues.
Je prévois également d'y intégrer un système de visite guidée interactive.



http://pano.vonc.fr/panovonc.swf?rep=http://pano.vonc.fr/textures/demo_0.jpg&foc=20

http://pano.vonc.fr/

Utilisation :



Création des images


Le panorama utilise un dépliage cubique, 6 images numérotées de 0 à 5 sont chargées sur un cube.
Pour générer ces images dans C4D, faites 6 rendus avec une caméra ayant un angle de champ de 90° et les coordonnées suivantes :
Image 0 : Rotation HPB (0, 0, 0).
Image 1 : Rotation HPB (90, 0, 0).
Image 2 : Rotation HPB (180, 0, 0).
Image 3 : Rotation HPB (270, 0, 0).
Image 4 : Rotation HPB (0, 90, 0).
Image 5 : Rotation HPB (0, -90, 0).

http://pano.vonc.fr/tuto/panovonc_tuto_00_min.png



Téléchargement du fichier source


Téléchargez le fichier SWF (clic droit > enregistrer la cible du lien sous) :
http://pano.vonc.fr/panovonc.swf




Envoi des variables


Il faut ensuite envoyer à Flash certaines variables par la méthode GET.

Variables obligatoires :
rep : Le lien d'une des six images, cela peut-être un lien relatif (par exemple : textures/demo_0.jpg) ou absolu (http://pano.vonc.fr/textures/demo_0.jpg).

Variables facultatives :
foc : Focale de la caméra (par défaut : 35).
zoom : Zoom de la caméra (par défaut : 10).
sens : Sensibilité inverse de la souris (par défaut : 2.5).
secu : Permet de charger des images d'un site distant (0 : désactivé, 1 : demande l'autorisation, 2 : force, par défaut : 0)
num : Modifie la numérotation des images.

Les variables sont à placer dans le lien du SWF et se présentent sous cette forme :
panovonc.swf?variable1=valeur1&variable2=valeur2&variable3=valeur3, etc.

Note : Il est préférable d'utiliser & plutôt que & pour cette raison, (http://www.htmlhelp.com/tools/validator/problems.html#amp) sauf pour certains forums qui ne prennent en compte que &.




Insertion


Il ne reste plus qu'à insérer ce code HTML dans votre page, sans oublier les variables dans le lien du SWF :

<object type="application/x-shockwave-flash" width="900" height="600" data="panovonc.swf?rep=textures/demo_0.jpg&amp;foc=35&amp;zoom=10">
<param name="movie" value="panovonc.swf?rep=textures/demo_0.jpg&amp;foc=35&amp;zoom=10" />
Flash Player 10 requis.
</object>Ou sur un forum (qui nécessitera un chemin absolu pour le répertoire des images, étant donné que le SWF se trouve sur autre domaine) :

http://pano.vonc.fr/panovonc.swf?rep=http://pano.vonc.fr/textures/demo_0.jpg&foc=20

Fredaubailly
14/11/2011, 22h12
Bien vu ! Ça fonctionne au poil !

Une remarque : serait-il possible via une variable d'inverser le sens de rotation ? Ici, on déplace le sphérique comme si on était sur un iphone / ipad. Logiquement, sur un ordi avec une souris, le mouvement est inversé. Là, c'est assez déroutant pour se déplacer.

Puis-je faire la promo de ta solution sur le forum Panophoto.org sur lequel je suis animateur Pano2VR (logiciel de réalisation de visites virtuelles) ?

César Vonc
14/11/2011, 22h50
Une remarque : serait-il possible via une variable d'inverser le sens de rotation ? Ici, on déplace le sphérique comme si on était sur un iphone / ipad. Logiquement, sur un ordi avec une souris, le mouvement est inversé. Là, c'est assez déroutant pour se déplacer.Fait !
Sous la variable « inv ».


Puis-je faire la promo de ta solution sur le forum Panophoto.org sur lequel je suis animateur Pano2VR (logiciel de réalisation de visites virtuelles) ? Ah oui avec plaisir, merci !
Tu peux poster directement le lien vers ce sujet en attendant que je fasse le site de PanoVonc.

Fredaubailly
15/11/2011, 08h33
C'est fait. :icon_wavey:

http://www.panophoto.org/forums/viewtopic.php?f=19&p=154574#p154574

Quelque chose qui pourrait être intéressant, toujours sur l'histoire de la souris, serait de demander au swf de détecter s'il est lu sur un ordi ou sur un iphone / ipad et du coup, de basculer automatiquement le sens de rotation en fonction de l'appareil. Mais je ne sais pas si c'est techniquement possible...

Paradox
15/11/2011, 10h02
Excellent César ! Ca marche drôlement bien ! :thumbup1::thumbup1:



Quelque chose qui pourrait être intéressant, toujours sur l'histoire de la souris, serait de demander au swf de détecter s'il est lu sur un ordi ou sur un iphone / ipad et du coup, de basculer automatiquement le sens de rotation en fonction de l'appareil. Mais je ne sais pas si c'est techniquement possible...

C'est du Flash, et pas de ça sur les iDevices malheureusement... :sweatdrop:

geantvert
15/11/2011, 14h02
Dis donc ta scène ressemble étrangement à la mapp "complex" dans goldeneye sur nintendo 64 :biggrin:

Ça rend bien tout ça :)

Fredaubailly
15/11/2011, 16h29
C'est du Flash, et pas de ça sur les iDevices malheureusement... :sweatdrop:

Ben oui, chuis con... :icon_redface:
Z'avais oublié...

César Vonc
15/11/2011, 18h49
Oui, Fredaubailly, comme le dit Paradox c'est hélas impossible, les i-choses ne peuvent pas lire Flash.


Haha je vois que t'as reconnu le niveau Complexe, Geantvert ! J'ai cherché un de mes vieux projets avec un temps de rendu relativement court pour mes essais.




J'ai simplifié les variables, on n'a plus qu'à envoyer uniquement le lien complet d'une des six images pour que les autres soient automatiquement trouvées.


Il est cependant impossible, à priori, de charger et traiter des images situées sur un autre site internet, Flash demande une autorisation (un fichier xml situé à la racine du serveur distant autorisant à charger ses images vers le serveur où se trouve le fichier flash).
Donc impossible d'avoir le SWF sur un site et les images hébergées sur un autre sans l'autorisation de ce dernier... sauf que j'ai trouvé une belle faille à ce pseudo système de sécurité : il suffit pour cela de faire lire les images externes par une page php située sur le même serveur que le SWF, pour que Flash croit qu'elles soient locales.


En clair, pour ceux qui lisent en diagonale, il sera possible de téléverser ses images sur un hébergeur publique (tel que imageshack) et de se servir du SWF situé sur pano.vonc.fr pour les assembler en un panorama postable sur un blog ou un forum !

J'ai donc ajouté une variable « secu » pour forcer ou pas la sécurité de Flash.


Le site est d'ores et déjà présentable, si tu veux mettre à jour ton message, Fredaubailly.
http://pano.vonc.fr

Fredaubailly
15/11/2011, 21h00
Le site est d'ores et déjà présentable, si tu veux mettre à jour ton message, Fredaubailly.
http://pano.vonc.fr

A y est, j'ai mis l'info sur Panophoto. :icon_wavey:

César Vonc
16/11/2011, 17h21
Merci !

Petite mise à jour :

- Remplacement de la variable « inv » par « sens », qui détermine directement la sensibilité de la souris (une valeur négative inversera son sens).

- Ajout de la variable « num » au cas où la projection cubique serait dans un autre ordre.
http://pano.vonc.fr/index.php?p=tutoriel&v=num



Au fait, ça consiste en quoi, Animateur Pano2VR, Fredaubailly ? T'as participé au développement de Pano2VR ?