Voici une première démo d’un nouveau type de hotspot 3D pour la visionneuse Flash Panorama Player.

Il permet tout simplement de générer une flèche 3D qui se couple aux mouvements de caméra de la visionneuse et qui reste donc dans la bonne direction.

C’est une première monture, la liaison est pas optimale, il manque quelque affinement.

La suite pour bientôt…

MAJ:

J’ai mis à jour le swf avec un ptit effet sur le survol pour que tout le monde comprenne bien les possibilités, idem pour le contour, j’ai mis un léger filet orange.

Retours, demandes, idées sont les bienvenus.

Voici une première démo d’un petit utilitaire bien sympathique qui reprend le fameux Dock d’Apple Mac OS X. Il permet d’afficher de petites vignettes en bas du player Flash Panorama Player.

Ici les vignettes sont rectangulaires, mais il est également possible de positionner le dock dans les 3 autres directions, haut, gauche et droite; les deux dernières étant plus adaptées pour des vignettes carrées.

Il me reste pas mal de boulot, permettre le chargement des vignettes en externe, le tester avec d’autres plugins genre lecteur mp3 et autres pour vérifier certaines interactions, bref, encore quelques heures de code en vue. Vos idées d’amélioration sont bien sûr les bienvenues.

La suite pour bientôt…

MISE A JOUR: pour des raisons x je laisse ce projet dans les cartons.

J’ai décidé suite à un besoin chez 360 Ouest de développer un plugin de géolocalisation pour le diffuseur de panoramique Flash Panorama Player. Le besoin était assez simple, géolocaliser un panoramique.
Pour cela je me suis basé sur le composant UMap d’AFcomponents. Il est assez simple à utiliser quand on maitrise bien l’API et Actionscript 3, le forum est aussi très réactif et bien fourni.

Pour la partie écriture du plugin sous FPP, j’ai décortiqué le tutorial ‘Understanding Basic Flash Panorama Player Plugin Architecture’ écrit par Zephyr Renner et Patrick Cheatham sur le site http://flashpanos.com.

Voici donc un petit panoramique qui utilise ce plugin, une icône en haut à droite permet de lancer la carte, un autre bouton au bord de celle-ci de la fermer.

Le plugin est donc disponible à cette adresse: Archive file (705)

Et voici l’aide pour le paramétrage et l’installation.

Mise à jour du 01-02-09:

- possibilité de changer l’icône standard du bouton avec un fichier png externe, 55×55px. le fichier nommé map.png devra être situé ds le même répertoire que le swf map.swf

- possibilité de cacher/afficher le bouton: la fonction external.umap.visible = 0 ou 1; se charge de cela, détailler dans le point 6 en bas.

1. mettre le fichier map.swf sur votre serveur, dans un répertoire quelconque, ./files par exemple , si vous utilisez GOOGLE comme fournisseur, ajoutez également les 3 fichiers copyright.php , settings.xml et GoogleLogo.png dans le même répertoire que le swf.

2. dans votre xml de config de FPP, rajoutez la ligne suivante:

layer_5 = ./”mon répertoire”/map.swf

ce qui donne

layer_5 = ./files/map.swf

3.ajoutez le noeud xml de config:

BIEN RESPECTER l’ordre de ces paramètres, j’ai pas encore eu le temps de prévoir une config où ils ne sont pas dans l’ordre.

Les 2 premiers paramètres correspondent au point géographique.

Le paramètre loc_name sert à indiquer le nom du lieu.

Le paramètre align sert à positionner l’icone dans le player, c’est pareil que FPP:

TL: top-left
TM: top-middle
TR: top-right
BL: bottom-left
BM: bottom-middle
BR: bottom-right

Les paramètres xoffset et yoffset servent à décaler l’icône suivant le besoin.

Le paramètre tooltip sert à modifier le texte qui apparaît au survol de l’icône.

Le paramètre provider sert à changer de fournisseur de carte: 4 fournisseurs sont dispos:
- GOOGLE
- YAHOO
- MICROSOFT
- OPENSTREETMAP

Le paramètre maptype sert à choisir le type de carte pr le provider choisi:

- GOOGLE:
+ plan
+ satellite
+ hybrid
+ relief

- YAHOO
+ map
+ hybrid
+ satellite

- MICROSOFT
+ road
+ aerial
+ hybrid

- OPENSTREETMAP
+ mapnik
+ osmarender
+ cyclemap

Le dernier paramètre sert à spécifier le zoom d’arrivée de la carte, entre 0 et 17, par défaut à 10.

4. ajoutez ces 2 fonctions dans le noeud global du noeud hotspots, elles peuvent vous permettent de lancer d’autres actions en même temps que la carte:

5. ceux qui le veulent peuvent manipuler l’icone avec les deux paramètres xoffset et yoffset comme suit:

6. ceux qui le veulent peuvent cacher/afficher l’icône avec la fonction external.umap.visible = 0 ou 1; comme dans l’exemple ci-dessous, cacher au démarrage de FPP l’icône et ne l’a faire apparaître qu’à la fin du chargement du pano:

Certains utilisateurs me rapporte que leur carte affiche une page blanche lors de leurs tests. Il faut obligatoirement que le dossier de test soit utilisé sur un serveur web, distant chez un hébergeur ou local avec des solutions comme MAMP sur Mac ou Easyphp sur Windaube.


Ce qui le veulent peuvent faire un don à l’aide du bouton suivant.