| Tutor MistralMovie : Projet de carte interactive avec fichiers QuickTime VR |
 Le logiciel MistralMovie permet de créer des fichiers QuickTime interactif, et ce, sans écrire une seule ligne de code. Les Commandes sont affectés aux médias par un simple glisser-déposer.
Parfait pour les utilisateurs réticents à la programmation !
MistralMovie est en vente sur le site de OMEGA CONCEPT.
|
|
| 1 - Carte dynamique avec fichiers VRs indépendants |
Ouvrez le Logiciel MistralMovie,
Je conseille toujours, (c'est une bonne habitude) d'enregistrer dès sa création le projet.
Comme tous les logiciels auteur MistralMovie affiche de nombreuses palettes et fenêtres, pas d'inquiétude à avoir, le logiciel est simple d'utilisation, ne soyez pas intimidé et en cas de soucis n'hésitez pas ouvrir l'aide du logiciel.
|
|
La fenêtre Screen
Cette fenêtre équivalente à la fenêtre Stage de Director ou de LiveStage affiche le projet, c'est là que nous placerons les différents media.
Ici seule la partie blanche de l'affichage constitue notre zone de travail, et c'est cette seule zone que verra l'utilisateur une fois le projet exporté.
à noter :
Les règles,
Les flèches permettant de naviguer d'un écran à l'autre
Le réglage du zoom d'affichage
Et une zone d'information : les coordonnées de la souris.
|
|
La fenêtre Controller
Avant toute chose : réglons les dimensions de notre projet et ce grâce à la fenêtre Controller :
La fenêtre Controller est la boîte à outils de MistralMovie.
Cliquez sur l'onglet Player de cette fenêtre et entrez les dimensions du projet.
Choisissez aussi une couleur de fond.
(Remarquez que c'est aussi ici que l'on peut attribuer un Skin au projet.)
|
 |
La fenêtre Médias
Cette fenêtre est une sorte de bibliothèque où vous allez entreposer vos différents fichiers.
Les éléments placés directement sur la fenêtre Screen seront automatiquement ajoutés à la fenêtre Médias.
Vous pouvez aussi les importer via cette fenêtre. Ainsi vous pourrez organiser vos éléments d'une manière rationnelle.
Les boutons en haut de la fenêtre servent à filtrer la visualisation des médias.
On voit ici les 6 QTVRs, le plan de Paris et les différentes images des boutons :
Flèche gauche
Flèche droite
Zoom in
Zoom out
Les deux images représentant les zones interactives sur la carte sont au format PNG avec couche alpha :
PointYellow
et PointRed
Ces deux images sont de mêmes dimensions, seule la couleur de l'anneau est différente.
|
|
Si vous cliquez avec le bouton droit de votre souris (clic gauche + ctrl) un menu contextuel vous permet d'importer des médias, de créer des sprites et des boutons et aussi de rassembler les fichiers utilisés dans votre projet dans un seul dossier.(pratique quand on déplace un projet vers une autre machine)
|
|
Nous allons placer le plan de Paris sur la scène :
Faites un glisser-déposer du fichier dans la fenêtre Screen, soit à partir de la fenêtre Médias soit à partir de votre disque dur.
Assurez vous que votre image est sélectionnée sur l'écran Screen et cliquez sur l'onglet Objet de la fenêtre Controller.
Vous pourrez ainsi régler les différents paramètres de l'Objet.
Nous allons positionner précisement notre image en entrant des valeurs numériques.
Nommons notre objet si besoin est.
Pour les images avec couche alpha au format PNG que nous placerons sur la plan il faudra activer la propriété Utiliser canal alpha. |
 |
Plaçons ensuite notre premier VR,
ainsi que les images de pilotage du VR et les zones interactives de la carte (anneau jaune).En sélectionnant Utiliser canal alpha dans la fenêtre Controller pour les images de zones au format PNG.
Pour plus de visibilité vous pouvez désactiver l'affichage des noms des objets : menu Afficher/Objets/Afficher noms.
Vous pouvez aussi changer le plan de chaque objet par le Menu Objets/ Premier plan ...
N'hésitez pas à vous servir de la fenêtre Controller pour positionnez vos objets en entrant des valeurs numériques.
|
|
Fenêtre Scénario
La fenêtre Scénario permet de visualiser sous forme de liste ou de vignettes le contenu de chaque écran.
Sélectionnez dans cette fenêtre le mode Scénario :
Vous pouvez par exemple déplacer un objet dans cette fenêtre pour le mettre au premier plan, en le plaçant en première position de cette liste.
Vous pouvez aussi ainsi, déplacer un objet vers un autre écran.
Il est parfois plus facile de sélectionner un objet dans cette fenêtre que sur l'écran Screen.
Vous pouvez aussi comme nous le verrons plus tard affecter une commande à un objet via cette fenêtre.
Si vous sélectionnez un objet et cliquez avec le bouton droit de votre souris (clic gauche + ctrl) un menu contextuel apparaît.
|
|
Ajout de l'interactivité
Sélectionnez la fenêtre Controller et cliquez sur l'onglet Outils.
Le haut de la fenêtre est occupé par une liste de commandes.
Vous trouverez une description de toutes ces commandes dans l'aide du logiciel.
 Pour le moment sélectionnez la Commande VR Contrôler QuickTime VR (Quatrième commande de la première ligne) et déposez cette commande sur l'objet image flèche gauche dans la fenêtre Screen.
|
|
Dans la fenêtre Screen double-cliquez cette Commande et entrez les valeurs suivantes :
Pour Evénement, choisissez : appuyé dedans
Pour Commande VR : Rotation à gauche
Pour média VR, sélectionnez votre fichier VR
Pendant que vous y êtes vous pouvez aussi renommer cette commande afin de la retrouver plus facilement.
Bravo, vous avez entré votre première commande !
Faites de même pour la flèche de Droite :
Déposez une commande 'Contrôler QuickTime VR', entrez les mêmes valeurs que précédement mais cette fois choisissez Rotation à droite comme Commande VR.
Vous ferez de même pour les boutons zoom in et zoom out en choisissant les commandes VR zoom in et zoom out.
Vous pouvez aussi pour chaque objet choisir un curseur qui apparaîtra lors du survol par la souris et ce via la fenêtre Controller.
|
 |
Il est temps de tester notre projet :
Exporter :
Choisissez la commande 'Exporter' dans le menu Fichier :
une nouvelle boîte de dialogue se présente à vous.
Les option sont suffisamment explicite pour que je les passe sous silence.
Pour le moment nous voulons simplement tester notre projet aussi nous laisserons les réglages par défaut.
Cliquez sur Appliquer, Créez un nouveau dossier si besoin est et enregistrez votre projet.
|
 |
MistralMovie a créé un film principal et un dossier contenant les différents films externes utilisés dans ce projet. Pour le moment un seul film devrait être présent dans le dossier xxx_Media
N'oubliez pas que si vous voulez distribuer votre projet sur CD ou via internet de fournir l'intégralité des médias.
Le film principal ne peut pas faire grand chose si vous oubliez de joindre le dossier contenant les médias.
Double-cliquez sur le film principal et appréciez votre travail ....
Votre fichier VR devrait être pilotable via les boutons que vous avez créés.
|
 |
Création d'un deuxième écran :
Choisissez Menu Ecran, Ajouter Ecran.
Vous venez de créer un deuxième écran, pour y accéder vous pouvez utiliser les flèches situées en bas à gauche de le fenêtre Screen ou via le menu Ecran, Ecran suivant , Ecran précédent ou bien par la fenêtre Scénario.
Ce nouvel écran est vide mais comme certains objets sont commun d'un écran à l'autre nous allons utiliser la propriété Global pour que MistralMovie conserve les médias commun d'un écran à l'autre.
Revenez sur votre premier écran et sélectionnez l'objet Carte sur l'écran Screen puis dans la fenêtre 'Controller' validez l'icone Activer Global.
Vous pouvez aussi activer cette propriété via le menu Objets / Activer Global
Faites de même pour les zones que vous avez placé sur la carte. (Vous pouvez sélectionner plusieurs objets simultanément et choisir Activer Global.
Malheureusement nous ne pouvons faire de même pour les boutons de navigation :-( Car ces boutons s'adressent à un film VR spécifique).
Une prochaine version de MistralMovie permettra j'espère de résoudre ce problème.
Allez sur l'écran que vous venez de créer : il devrait désormais contenir tous les objets dont vous avez activé la propriété Global.
Ajoutez un deuxième fichier VR
Pour ajouter les éléments de navigation du VR vous allez revenir sur l'écran 1, Sélectionnez les objets que vous voulez copier, les copier (commande C), allez sur l'écran 2, les coller (Commande V).
Repositionnez les objets comme sur votre écran 1 à l'aide des flêches et modifier les commandes des objets en choisissant comme cible le VR affiché sur l'écran 2.
|
 |
Naviguer d'un écran à l'autre :
Nous allons rendre interactive les zones nous avons placer sur la carte.
Cette fois nous allons glisser les commandes sur l'acteur par l'intermédiaire de la fenêtre Scénario.
Pour ce faire : faites un glisser déposé de la commande Aller vers un écran sur les objets Zones
Double-cliquez la commande et choisissez pour
Evénement : Clic Souris
Navigation : Aller à l'écran ...
Pour Nom de l'écran, l'écran contenant le VR cible.
Vous pouvez aussi éditer les Commandes via la fenêtre Scénario en faisant apparaître un menu contextuel et en choisissant propriétés.
Faites en sorte qu'une des commandes aille vers l'écran 1 et l'autre vers l'écran 2.
|
|
Il ne reste plus qu'à indiquer quel écran est actif.
Pour ce faire nous allons utiliser un dernier acteur : Placer sur l'écran 1 l'image de l'anneau Rouge identifiant sur le plan la position du VR courant.
Placer cet acteur par dessus l'acteur symbolisant la zone 1 (le premier anneau jaune). Validez la couche Alpha de l'objet via la fenêtre Controller.
Placez le précisément en entrant ses coordonnées via la fenêtre Controller.
Cet objet va intercepter les commandes de l'objet placé sous lui.
Faites de même sur l'écran 2 mais cette fois-ci, placez l'acteur rouge sur la zone 2.
Ajoutez sur chaque écran un nouvel objet (une image ou utilisez l'outil texte) identifiant le nom du pont et le tour est joué...
Et voilà la création de nouveaux écrans ne devrait pas vous poser de problèmes, le tout est de travailler avec méthode...
|
|
|
|
2 - Carte dynamique avec une scène VR
|
Maintenant que vous êtes familiarisé avec MistralMovie nous allons attaquer un deuxième tutorial.
Je vais vous expliquer comment réaliser le projet 'les Ponts de Paris (2)' incluant une scène VR.
Ici nous allons utiliser une scène précédemment produite avec le logiciel CubicConnector.
Une scène est un fichier QuickTime VR qui contient plusieurs nœuds (c'est à dire plusieurs fichiers VR) ces fichiers sont reliés entre eux par des Hotspots, et ceux ci permettent de naviguer d'une scène à l'autre.
Les avantages de ce type de fichier :
un seul fichier interactif contenant donc plusieurs scènes, on peut naviguer à l'intérieur du fichier sans besoin d'autres applications. l'orientation de chaque nœuds peut être défini lors de la création de la scène
Les inconvénients :
Le poids du fichier, celui-ci contenant plusieurs VRs son poids est évidemment bien plus lourd qu'un fichier autonome.
La navigation avec une scène standard n'est possible que lorsque tout le fichier est téléchargé. (à moins d'utiliser un logiciel comme DeliVRator qui optimise ce genre de fichier pour le Web)
Mais grâce à Mistralmovie vous allez pouvoir naviguer d'une scène à l'autre avant le chargement complet du VR et, évidemment gérer une carte dynamiquement.
|
Voici les médias que nous allons utiliser :
Vous noterez un seul fichier VR et un fichier Sprite.
Nous apprendrons plus tard à créer un fichier sprite.
|
 |
Disposez vos médias sur le fenêtre Screen comme précédemment :
Le fichier VR
les boutons de navigations
La carte
les zones
Dans cet exemple, nous n'aurons besoin de créer qu'un seule scène..
|
 |
La gestion des bouton zoom et pan est identique ici au tutorial précédent, il suffit simplement de choisir comme cible pour vos action votre scène VR.
Par exemple pour le bouton zoom in :
Evénement : Appuyé dedans
Commande : Zoom in
Media VR : le nom de votre fichier VR, danc cas ALLPARIS2
|
 |
Pour les zones (les anneaux jaune) nous allons ajouter sur chacun une commande :
Choisissez un commande ''Contrôler Quicktime VR" et ajouter la à la première zone:
affichez les propriétés de cette commande pour l'éditer et choisissez :
Evénement : Clic souris
Commande : VR Aller au nœud ...
Media VR : le nom de votre fichier VR
Nœud VR : le nom ou numéro de la scène
répétez cette action pour toutes les zones interactives de la carte.
Testez votre film en choisissant fichier/Exporter ...
Votre scène devrait être piloté par les boutons zoom et pan et un clic sur l'un des zones interactives de la carte devrait sélectionner un nouveau nœud de votre scène VR.
|
 |
Envoi de messages pour mise à jour de la carte
Il s'agit désormais d'indiquer à l'aide de l'acteur PointRed la zone sélectionnée sur la carte.
Comme nous n'utilisons qu'un écran nous allons déplacer dynamiquement cet acteur.
Mais une autre difficulté apparaît : nous pouvons changer de nœuds (c'est à dire nous déplacer dans la scène VR) de deux manières différentes : à l'aide de la carte et/ou par l'intermédiaire de la scène VR elle même !
Dans les deux cas la scène VR est modifié : nous allons donc attacher une première commande 'VR étendue' à notre scène VR :
affichez les propriétés de cette commande pour l'éditer et choisissez :
Evénement : Ouverture écran
Hot Spot VR : Choisissez le premier nœud
Envoyer message à l'objet : choisissez l'objet carte
Message : bouge1 par exemple
Nous avons choisi d'envoyer un message à l'objet Carte qui va nous servir de central de commandes à chaque fois qu'un nœud est chargé.
répétez l'opération pour les différents nœuds de votre scène VR.
En choisissant pour chaque nœud sélectionné un message différent.
|
|
Récupération des messages
Si ce n'est déjà fait placer sur la carte l'objet PointRed et assurez vous qu'il est au premier plan.
Affectez à l'objet Carte une première commande 'paramètrer objet'
affichez les propriétés de cette commande pour l'éditer et choisissez :
Evénement : Message... et entrez le nom du message (bouge1) que vous avez choisis d'envoyer pour votre premier nœud
Commande objet : Nouvelle position
Objet : choisissez l'objet 'PointRed'
Pos X : les coordonnées en X de la zone 1
Pos Y : les coordonnées en Y ...
ajoutez et éditez autant de commande "paramètrer objet que vous avez de nœuds...
à chaque fois intercepter un nouveau message et déplacez l'acteur PointRed à l'endroit désiré
Comme l'acteur PointRed est identique (hormis sa couleur) à l'acteur PointYellow, il suffit de prendre les coordonnées de chaque zone cible et de l'appliquer à l'acteur PointRed
Testez votre projet
l'acteur point Red devrait se positionner à chaque changement de nœuds à l'endroit que vous avez spécifié.
|
 |
Création de sprite
Allez sur la fenêtre Media, et faites un control clic dans une zone vide de la fenêtre.
Dans le menu qui apparaît, choisissez Création/Sprite
Ajoutez les images correspondant aux noms des différentes zones dans le même ordre que vos nœuds
Cliquez sur Appliquez, nommez le 'SpritePlaques' et Enregistrez.
Positionnez votre sprite sur la scène.
Ajoutez à l'objet carte une commande : contrôler Sprite
affichez les propriétés de cette commande pour l'éditer et choisissez :
Evénement : Message... et entrez le nom du message (bouge1) que vous avez choisi d'envoyer pour votre premier nœud
Commande sprite : aller à la position
Nom de Sprite : choisissez l'objet 'SpritePlaques'
Image N° 1
Recommencez l'opération pour tous vos nœuds :
à chaque fois intercepter un nouveau message et choisissez une l'image du sprite correspondant à la zone.
On arrive au bout...
Vous enregistrez et exportez votre film...
Si rien ne marche vérifiez le nom de vos messages si les objets sont bien ciblés etc. ...
|
Ces deux tutoriaux ont du vous démontrer qu'il était facile de créer un film QuickTime interactif à l'aide de MistralMovie.
En ce qui concerne les VRs, il ne me manque que la possibilité de connaître le niveau de zoom de pan de tilt etc. ...
Il n'est pas possible de créer une boussole actuellement dans MistralMovie.
@+
Francis Gorgé
|
|
|
|
