Découverte de l'interface

Découverte de l'interface

Résumé express : Tour d'horizon complet de l'éditeur Luna Park : panneaux, navigation et outils essentiels pour débuter.

1. Accès et création de projet

Accéder au dashboard

1. Créer un compte sur Luna Park
2. Cliquer sur le bouton Dashboard (top-right de la landing page)
3. Visualiser la liste de tous vos projets

Créer un nouveau projet

1. Cliquer sur New Project
2. Personnaliser :
   • Titre : éditable directement
   • Icône : sélection d'icônes disponibles
   • Description : texte libre
3. Exemple : "Next Billion Dollar Company"
4. Sauvegarder et cliquer sur le projet

2. L'Explorer

Fonction principale

Zone de gestion des fichiers et dossiers du projet.

Créer des fichiers

1. Clic droit dans l'explorateur → New
2. Choisir le type de fichier (script, component, etc.)
3. Cliquer sur le nom du fichier pour le renommer directement
4. Appuyer sur Enter pour confirmer le nouveau nom

Organisation en dossiers

1. Créer un dossier : clic droit → New → Folder
2. Drag & Drop pour déplacer les fichiers
3. Exemple : dossier "Scripts" pour organiser les scripts

Indicateurs de sauvegarde

• Nom de fichier en bleu : le fichier contient des modifications non sauvegardées
• Nom de fichier en blanc : le fichier est sauvegardé
• Sauvegarder : Utilisez Ctrl+S ou cliquez sur l'icône disque

3. Panel Options

Contextuel selon le fichier

Affiche les options du fichier actuellement ouvert/sélectionné.

Types d'options

• Components/Layouts : éléments du composant
• Scripts : fonctions et variables
• Ouverture : double-clic sur un fichier dans l'Explorer

4. Console

Objectif

Affiche les résultats et informations de vos blocs de Scripts Visuels.

Démonstration rapide

1. Créer un nœud Manual Play dans le Script Visuel
2. Créer un nœud Log et définir son texte à "Hello"
3. Connecter les nœuds avec le fil d'exécution blanc et cliquer sur Play
4. "Hello" apparaîtra dans le panneau Console

5. Inspector

Rôle

Affiche les informations détaillées de l'élément sélectionné.

Utilisation

• Clic sur nœud Logic → Inspector du nœud
• Clic sur fichier → Inspector du fichier
• Clic sur élément de Layout → Inspector de l'élément

6. Panneau Preview (Espace de travail principal)

Modes d'affichage selon le type de fichier

Pour les Scripts

Affiche l'éditeur de Scripts Visuels où vous construisez la logique avec des nœuds connectés

Pour les éléments visuels

Trois modes disponibles :

Builder

• Affiche des bordures visuelles autour des éléments sélectionnés
• Mode de conception interactif pour construire votre interface

Logic

• Créer un comportement interactif pour des éléments spécifiques
• Éditeur de Scripts Visuels contextuel

Preview

• Montre exactement à quoi ressemblera votre application pour les utilisateurs finaux
• Rendu du résultat final tel qu'il apparaîtra après export

Formats d'aperçu

• Desktop : format navigateur complet
• Smartphone : format mobile responsive
• Plein écran : Preview sur tout l'écran (Échap pour revenir)

Interface utilisateur

Navigation

• Double-clic pour ouvrir un fichier
• Clic simple pour sélectionner
• Drag & Drop pour organiser

Raccourcis

• Ctrl+S : sauvegarder
• Échap : sortir du mode plein écran
• Enter : valider renommage

Concepts clés

Types de fichiers

• Scripts : logique et fonctions
• Components : éléments réutilisables
• Layouts : pages et structures

Workflow de base

1. Créer et organiser les fichiers avec l'Explorer
2. Configurer les propriétés dans le panneau Options
3. Construire la logique avec les Scripts Visuels
4. Tester votre travail en mode Preview et vérifier la Console pour le débogage
5. Peaufiner les détails avec l'Inspector