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.
Caméra
Un cadre qui affiche en direct ce que voit l'objectif de l'appareil, caméra avant ou arrière. Rien n'est enregistré ni transmis : le flux sert uniquement à l'affichage, pour un écran d'appel vidéo ou un viseur photo.
Conteneur
Un cadre qui groupe les éléments qu'on range dedans : le déplacer, le faire tourner ou l'animer emporte tout son contenu d'un bloc. L'appartenance se désigne dans le panneau des calques, en glissant un calque dans le conteneur comme dans un dossier. Le défilement est une option : quand il est activé, le conteneur coupe ce qui dépasse de ses bords et fait défiler son contenu en hauteur ou en largeur.
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 séquence crédible en une seconde.
Déclencheurs
À droite de la barre, le bouton Déclencheurs ouvre le panneau des interactions de la page. Le bouton « + » collé à sa droite pose directement une zone sur la page et ouvre le panneau dessus.
Une zone est une surface 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.
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.
Le swipe est un déclencheur comme un autre : vous choisissez la direction du geste, et l'élément qui le porte répond. Une direction par déclencheur, donc un même élément peut faire une chose vers la gauche et une autre vers la droite. Quatre transitions accompagnent le geste : aucune, la page qui suit le doigt, une révélation, ou une carte que l'on écarte comme dans une application de rencontre. Un mode bouton coulissant reproduit le déverrouillage par glissement.
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
Votre bibliothèque de modèles est personnelle et vide à l'inscription : rien n'est livré avec l'outil. Vous enregistrez une de vos pages comme modèle et vous la réutilisez d'un projet à l'autre, ce qui fait gagner du temps 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.