[Tutorial Pano2VR-003] Convertir les formats d'image

[fredaubailly]

Hello la cie :smt006

Un 3ème tuto vidéo consacré à Pano2VR. Il s'agit aujourd'hui de voir comment convertir les images pour aller d'un équi vers des faces de cubes et vice-versa, ou encore convertir un QTVR en équi (ce qui permettra par la suite d'en sortir un swf par exemple...)
La vidéo est au format HD et grâce à l'aide de Gibie, celle-ci est disponible sur Viméo en utilisant le mot de passe pano2vr.



Amusez-vous bien.

Fred

Edit par gibie le 1er février 2010
- pour voir l'ensemble des tutorials vidéos sur Pano2VR posté sur Vimeo : voir lien (mot de passe : pano2vr)
- vous pouvez télécharger ce tutorial sur Vimeo. Si vous n'arrivez pas à télécharger ce tutorial vidéo sur Vimeo, demander un lien direct de téléchargement à Gibie par MP

[srib]

Toujours aussi bien fait et très facile de compréhension. Bien que je n'ai rien appris pour le coup (pour une fois :win:) je ne peux que te féliciter à nouveau !

Autrement Fred, sais-tu s'il est possible d'ajouter par dessus le panoramique un autre fichier/animation flash ?

[fredaubailly]

Merci.

Pour répondre à ta question : oui, tu peux le faire de 2 façons :

- tu possèdes Flash (pas le player mais le soft d'édition, celui qui permet de créer du flash) ET tu maîtrises le language Action Script 3. Tu crées alors un calque sur le lequel tu vas appeller via AS3 ton pano (par exemple pano.swf) et tu crées un (ou des en fonction des besoins) nouveau(x) calque(s) sur lesquels tu mets tes anims flash.

- tu utilises l'éditeur de skin pour appeller un fichier swf qui se trouvera hébergé ailleurs. Et pour ce faire, il suffit dans l'éditeur de skin de placer un élément texte qui appelle ce fichier swf externe. C'est un peu moins pointu que la 1ère version évidemment...

[srib]

J'eus un peu codé en Action Script y'a 1 ou 2 ans. J'étais loin d'être un dieu, mais j'arrivais à faire afficher des choses assez simple et il me semble que l'intégration d'éléments sur un pano, me paraît réalisable.

Par contre pour la méthode éditeur de skin : dans mon élément texte, je lui affecte une action au chargement ?
A quoi correspond : "open next panorama" ? quel est la différence avec "Atteindre l'URL" ?

C'est marrant, autant certains aspect de ce logiciel me paraissent très clair, bien conçue et d'autres très flous...

[fredaubailly]

J'eus un peu codé en Action Script y'a 1 ou 2 ans. J'étais loin d'être un dieu, mais j'arrivais à faire afficher des choses assez simple et il me semble que l'intégration d'éléments sur un pano, me paraît réalisable.

Tu peux oublier l'AS1 et 2 quand il est question d'AS3. C'est radicalement différent. Je code beaucoup en AS2 et j'avoue que je suis largué de chez largué en AS3. Je ne veux même pas essayer d'apprendre car je ne vends pas assez de développement Flash pour que ça en vaille la peine. Le peu d'AS3 que je rencontre sur des projets, je le sous-traite à un développeur.
AS2 permet d'importer (en loadmovie) du flash 8 maximum. Pour pouvoir importer du flash 9/10, il faut passer par l'AS3.*

*Il m'arrive d'importer en loadmovie AS2 du flash 9/10 mais je ne peux pas "loader" dans un conteneur. Uniquement sur un niveau. Donc ça vide tout ce qu'il y a avant. Je ne sais pas si je suis clair là...

Par contre pour la méthode éditeur de skin : dans mon élément texte, je lui affecte une action au chargement ?

Non, en fait, tu poses dans l'éditeur un "objet" texte à l'endroit où tu veux poser ton swf et dans la ligne de texte, tu appelles le swf en bête html.

A quoi correspond : "open next panorama" ? quel est la différence avec "Atteindre l'URL" ?

Open next panorama te permet d'ouvrir un panorama suivant dans le cas d'une visite virtuelle. Tu peux lui donner une url absolue (http://www.monsite/pano2.swf) ou relative si le swf est placé au même niveau que la page html qui l'appelle (pano2.swf)
Atteindre URL te permet la même chose mais te permet aussi d'ouvrir une page web dans la fenêtre actuelle ou dans une nouvelle fenêtre.

C'est marrant, autant certains aspect de ce logiciel me paraissent très clair, bien conçue et d'autres très flous...

Je suis du même avis. C'est un logiciel très simple d'utilisation courante avec ses menus et son interface très simple. Mais sa philosophie est parfois retord et oblige souvent à se creuser les méninges pour trouver des combines pour faire tel ou tel truc. J'avoue que c'est ce que j'adore !!!!

[Vitchol]

sympa ce 3ème Opus sur l'apprentissage de Pano2VR

une question cependant à notre gourou du garden gnoming

que signifie le 2 de pano2vr :gb01

et merci de m'avoir citer pour les images dans ce tutorial, c'est sympa de faire du partenariat avec toi Fred

[fredaubailly]

Pour le 2 de pano2vr, je vais extrapoler car je n'ai pas de réponse officielle mais je dirais que ça signifie "pano to virtual reality". Comprendre passage du panorama à la réalité virtuelle.
to=two=2

Du moins, c'est mon avis...

[gibie]

Fred, suis d'accord avec ton explication.

C'est la même chose pour le logiciel qui a été à la base de tout cela : Pano2QTVR

Pano2QTVR for Windows only, is an application to convert Panoramic images inTO(->2) the Quicktime VR (QTVR)

[srib]

Non, en fait, tu poses dans l'éditeur un "objet" texte à l'endroit où tu veux poser ton swf et dans la ligne de texte, tu appelles le swf en bête html.

Salut Fred,

Ce point là m'intéresse énormément, mais après quelques essais je sèche...
Dans mon éditeur, j'ajoute un champ de texte, puis j'écris comme texte du HTML ?

Si je mets des balises très simples : <i>Salut c'est écrit en italique</i> -> pas de problème.

Par contre si je mets : <img scr="http://www.monsite.fr/mon_image.jpg"> -> sans résultat

Je ne te parle même pas d'insérer un élément flash, comme je le fais dans une page HTML :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shoc ... n=6,0,29,0" width="1000" height="700" >
<param name="movie" value="C:\fichiers_flash\flash.swf" /><param name="quality" value="high" /> <param name="allowfullscreen" value="true" />
<embed src="C:\fichiers_flash\flash.swf" quality="high" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="700"></embed></object>

J'ai cherché sur le net, mais impossible de trouver des infos sur le code html géré par pano2VR.

[fredaubailly]

Tu te compliques la vie.
Je pense que si ton image n'apparaît pas c'est parceque tu as oublié de cocher la case "word wrap". Si la case n'est pas cochée, l'élément (image ou swf) n'apparaît pas.
Admettons que tu veuilles insérer une image externe de 150px x 200px. Je te conseille de régler ta zone texte en 170 x 210px, sans fond ni bordure. Si je te conseille une taille de zone texte un peu plus grande, c'est parce que l'image ne vient pas se coller exactement en haut à gauche de la zone de texte. Il y a une petit espace d'une dizaine de pixels. Je ne sais pas pourquoi mais il suffit de le savoir et de l'intégrer au moment de la composition.
Ensuite, dans la saisie du texte, un bête :

Code : Tout sélectionner

<img src="image.jpg">

ou

Code : Tout sélectionner

<img src="http://www.monsite.com/image.jpg">

(conseillé si l'image n'est pas au même niveau que le swf et le html.

Si tu veux intégrer du flash c'est aussi bête :

Code : Tout sélectionner

<img src="anim.swf">

ou

Code : Tout sélectionner

<http://www.monsite.com/anim.swf">

Par exemple (clique sur l'image pour voir ce que ça donne):

[srib]

De tête, il me semble avoir fait ça (j'ai trouvé l'histoire du "Word Wrap" un peu plus tard dans la soirée. Tu utilises quelle version de Pano2VR ?
Je réessaie ça lundi prochain (je suis en week-end ce soir )

Merci Fred

[srib]

Salut Fred, salut à tous,

Hélas non, ça ne fonctionne toujours pas. Voici quelques screenshots :


Je place un texte, puis je vais dans ces propriétés



Je mets le code HTML comme texte, je coche la case 'Word Wrap'



Résultat : rien


As-tu vu une erreur dans ma manip ? Si non, je t'envoie mon fichier GGSK.

Merci, bonne soirée

[fredaubailly]

Oui, il y aune erreur.
Tu as tout bon sauf un détail : ton fichier swf ne peut pas appeller une image qui est en ligne. C'est une sécurité réseau de flash pour empêcher ta machine n'importer n'importe quoi. Il faut que ton fichier swf soit hébergé en ligne et ça fonctionnera.

Et autre truc, je serais toi, je décocherais la couleur de fond blanche et la bordure noire car dans les faits, l'image n'est pas complètement collée en haut à gauche du bloc de texte.

[srib]

Magnifique ça fonctionne !!!
Y'a des choses qui ne sont pas juste : moi je galère pendant 2 soirs entiers et toi, tu me fournis l'info d'une façon si naturelle, que ça devient insolant ! Surtout que tu as mis moins de 7 minutes à répondre !

Merci !!!!

[philippe]

Nous avons réellement un maître en la matière .
Chouette , chouette , chouette !!!

Merci d'avance .

[cheche]

J'ai pris mon temps pour regarder ce tuto...

Une remarque : tu passes par "convertir l'image" pour obtenir les faces du cubes.

Perso je passe quelque fois par "sortie" : nouveau format de sortie => transformation=>type face cubique.
L'avantage c'est que je peut faire "tourner le cube" afin d'éviter d'avoir une zone a retoucher entre 2 faces.

Je ne sais pas si il y a une différence au niveau de la qualité des faces obtenu ??

As tu un retour d'expérience ?

[fredaubailly]

Il n'y a pas a priori de raisons pour que la qualité d'image soit différente.
Mais pour être franc, je n'utilise jamais cette fonction de transformation en sortie. C'est vrai que l'intérêt de pouvoir faire tourner le cube est grand pour la retouche comme tu l'indiques.

Je n'ai donc pas de retour d'expérience à fournir là dessus.
Désolé.

[cheche]

En tout cas encore merci pour tes tutos;

[loriefils]

Salut à toutes et à tous !

Je me permet de poster sur ce sujet puisqu'une question qui m'intéresse y a été traitée :
comment importer un élément flash avec le champ de texte ?

perso j'en suis là :

1- Je parviens à afficher une video flash dans ma visite virtuelle exportée en .html (ça c'est le point positif), mais pas en .swf (1er point négatif)
2- Elle démarre systématiquement toute seule (2 fois pour le son donc on ne comprend rien).

Ma seule idée, super-foireuse, a été d'importer séparément la vidéo et le son de la-dite vidéo. De cette manière, je peut mettre les actions "cacher l'élément"=>video et "arrêter le son".

Merci d'avance pour votre aide !

[nickdan]

Je n'y connais rien à pano2vr, mais je ne saurais trop conseiller de te présenter dans cette section.