L'éditeur : tous les outils
L'éditeur fonctionne comme un logiciel de mise en page. Vous posez des éléments sur une page, vous les déplacez à la souris, vous réglez leur apparence dans un panneau à droite. Aucune compétence technique n'est nécessaire. Cette page fait le tour complet de ce que vous pouvez poser et régler.
Les pages et les overlays
Chaque écran de votre application fictive est une page. Vous les réorganisez par glisser-déposer et vous les regroupez en dossiers quand le projet devient gros.
Au-dessus de la liste des pages, vous pouvez créer un overlay : un calque qui reste visible en permanence par-dessus toutes les pages. C'est ce qui sert à poser une barre de statut en haut, avec l'heure et le réseau, ou une barre de navigation en bas, sans avoir à la recopier sur chaque écran.
Une page peut être plus haute que l'écran. Elle défile alors au doigt, avec une inertie et un effet élastique optionnels, exactement comme un vrai fil d'actualité.
La barre d'outils
Forme
Rectangle, cercle, ellipse, triangle, étoile ou ligne. Couleur, bordure, coins arrondis. Utile pour les fonds, les séparateurs et les repères visuels.
Texte
Quatre variantes. Le texte standard, avec police, taille, graisse, alignement, couleur et ombre. Le texte animé, qui apparaît lettre par lettre à la façon d'une machine à écrire, ou qui clignote, avec vitesse et boucle réglables. Le texte live, un champ qui réagit à la frappe de l'acteur pendant la prise, en mode libre ou scénarisé pour que la saisie soit parfaite en gros plan. Et le timer, en compte à rebours, chronomètre ou compteur.
Icône
Une bibliothèque d'icônes vectorielles : interface, flèches, réseaux, symboles. Elles s'insèrent comme des images, se redimensionnent sans perte et se recolorent à volonté.
Image
Import depuis votre disque ou par glisser-déposer direct sur la page. Formats courants pris en charge, y compris les GIF animés. Recadrage rectangulaire ou en forme, cercle ou triangle, et flou réglable.
Vidéo
Import avec compression effectuée dans votre navigateur, sans envoi vers un service tiers. Une image de première frame est générée automatiquement pour que rien ne clignote au démarrage, et la lecture se règle en muet, en boucle ou en lecture automatique.
Son
Deux modes. Le mode zone place une surface invisible que l'on tape pour jouer le son. Le mode source reste totalement invisible et se déclenche depuis un autre élément ou par un raccourci clavier, ce qui permet de lancer un son pile au moment voulu pendant la prise.
Zone
Une zone invisible et cliquable, rectangulaire ou circulaire. Vous la posez par-dessus n'importe quel élément décoratif pour le rendre tactile sans toucher à son apparence. Elle peut mener vers une autre page ou déclencher une action.
Swipe
Une zone de glissement, avec la ou les directions autorisées et le type de transition : aucune, page qui suit le doigt, révélation, ou carte que l'on écarte comme dans une application de rencontre. Un mode bouton coulissant permet aussi de reproduire un déverrouillage par glissement.
Toast
Une notification qui surgit par-dessus l'écran, avec titre, message, icône, horodatage, durée d'affichage et bord d'apparition. C'est l'élément qui rend une scène crédible en une seconde.
Manipuler les éléments
Vous déplacez à la souris avec des guides magnétiques, vous redimensionnez par les huit poignées, vous faites tourner. La touche Majuscule verrouille les angles à 45 degrés et conserve les proportions.
La sélection multiple se fait au clic avec Majuscule, ou en traçant un rectangle. Un groupe se déplace et se redimensionne d'un bloc. Le double-clic ouvre l'édition de texte sur place, ou le recadrage d'image directement dans la page.
Les raccourcis habituels fonctionnent : copier, coller, dupliquer, supprimer, annuler et rétablir, et les flèches pour un déplacement au pixel. Un élément peut être verrouillé pour ne plus bouger par accident.
Le panneau Propriétés
Le panneau de droite change selon ce qui est sélectionné.
Sans sélection, il règle la page : couleur ou image de fond, hauteur de la page, animation d'entrée, visibilité des overlays, et export de la page en image ou en vidéo.
Avec un élément sélectionné, il affiche d'abord sa position, sa taille, sa rotation et son opacité en valeurs numériques, puis les réglages propres à son type.
Avec plusieurs éléments, il propose les actions de groupe, dont le déplacement vers un overlay.
Déclencheurs et animations
Chaque élément peut réagir. Un clic peut mener vers une page, afficher ou masquer un autre élément, jouer un son, faire apparaître une notification. Un élément peut aussi être caché au départ et apparaître après un délai, ou être déclenché au clavier.
Les animations d'entrée couvrent le fondu, le zoom et les glissements, avec le réglage de la courbe d'accélération. Une animation peut enchaîner sur une action ou sur une navigation quand elle se termine, ce qui permet de scénariser un écran de bout en bout sans intervention.
Modèles et bibliothèque
Des modèles d'écrans réalistes sont fournis et se reprennent en un clic. Vous pouvez aussi enregistrer une de vos pages comme modèle et la réutiliser d'un projet à l'autre, ce qui fait gagner un temps considérable quand plusieurs épisodes partagent la même application fictive.
Vos images, vidéos et sons se rangent dans une médiathèque accessible depuis l'éditeur : vous faites glisser une vignette sur la page pour l'insérer.