XIA 3.0
image/svg+xml
XIA 3.0
01 juin 2020
FunRaiders
Libre de droit
FunRaiders
FR
ressource interactive
xia
XIA est un générateur de ressources interactives en canvas HTML5
Sarah, Guillaume, François, Pascal
Découvrez le nouveau moteur de XIA3. Sa nouvelle interface a été simplifiée afin de rendre l'expérience plus cohérente. Les 4 exports HTML5 proposés permettent de générer des ressources d'édition comme de petits jeux ludiques
XIA 3.0
Export Drag&Drop
Cet export vous permet de générer des mini-jeux en html5 basés sur le principe du **drag and drop**.
Définissez 2 types de détails :
- **les détails déplaçables** : Vous pouvez les déplacer par glisser/déposer
- **les cibles** : Ce sont les détails non sélectionnables et non déplaçables sur lesquels les détails précédents doivent être déposés.
Le jeu s'arrête quand chaque détail déplaçable a rejoint sa cible. Voyez l'exemple suivant:
[./draganddrop.html ../img/grass.jpg]
Xia est en réalité un simple **convertisseur** qui transforme une ressource au format SVG (export proposé par Inkscape) en une ressource au format HTML5 (utilisable dans un navigateur).
Créez votre ressource dans Inkscape 1.0 et exportez-la en HTML5 en utilisant l'un des 4 exports proposés par XIA.
Les fichiers exploités
L'export Material est un export qui affiche votre image en pleine page. La sélection d'un détail va afficher une fenêtre dans laquelle les informations associées seront affichées.
Export Material
Export one click
## Principe
Cet export vous permet de générer des mini-jeux en html5 basés sur le principe du **click**.
## Comment ça marche ?
Tous les détails que vous détourez sur votre image deviennent des éléments cliquables. Le jeu se termine lorsque vous avez cliqué sur **N** détails, **N** étant un nombre défini au préalable par le créateur de la ressource.
Cet export fait la part belle aux informations associées aux détails sélectionnés. En effet, une bar latérale, toujours présente, affiche en continu les informations relatives aux détails choisis. Il s'agit du thème que vous utilisez actuellement pour consulter cette ressource !
Export Sidebar
Export fichier unique
Choisissez votre mode d'**export**:
- **Export unique** : vous obtenez une seule ressource html facile à utiliser qui nécessite néanmoins une connexion internet
- **Export local** : vous obtenez une arborescence complète qui vous permet d'utiliser votre ressource hors ligne