César Vonc
14/11/2011, 17h53
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&foc=35&zoom=10">
<param name="movie" value="panovonc.swf?rep=textures/demo_0.jpg&foc=35&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
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&foc=35&zoom=10">
<param name="movie" value="panovonc.swf?rep=textures/demo_0.jpg&foc=35&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