# 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

---