Noodl et Luna Park construisent tous deux la logique avec des graphes de nœuds. Noodl est devenu [open source](https://github.com/noodlapp/noodl) en 2024 et continue dans des forks communautaires comme [Fluxscape](https://fluxscape.io). Luna Park est activement développé et compile les graphes en une application Vue et Node.js.

- **Logique compilée.** Chaque nœud se compile en JavaScript standard.
- **Activement développé.** De nouvelles fonctionnalités chaque mois, IA comprise.
- **Backend inclus.** Routes, crons et PostgreSQL, construits visuellement.

![La logique du clic sur la liste d'attente Sunset Park](https://luna-park.app/static/assets/logic-C66duI84.png "Un graphe Luna Park : des ancres typées, chaque nœud compilé en JavaScript.")


## En un coup d'œil

Les deux construisent la logique en graphes de nœuds. Les principales différences : exécution, backend et plateformes.

| | Luna Park | Noodl / Fluxscape |
|---|---|---|
| **Interface** | Arbre de composants, CSS, design tokens | Éléments d'UI sous forme de nœuds |
| **Logique** | Graphes de scripting visuel typés | Graphes de nœuds, nœuds de fonction JavaScript |
| **Exécution** | Compilé en JavaScript et Vue | Runtime Noodl, livré avec l'application |
| **Backend** | Routes, crons, PostgreSQL | Cloud services, Supabase dans Fluxscape |
| **Éditeur** | [=Commercial] Activement développé | [+Open source] Éditeur GPLv3, runtime MIT |
| **Prix** | Gratuit, ou Pro à 25 €/mois ou 300 € une fois | Gratuit, offres payantes sur Fluxscape |
| **Plateformes** | [=Web] [=PWA] [=Desktop] [=Android] [=iOS] | [=Web] |

## Exemple : un formulaire de liste d'attente

Les visiteurs saisissent leur nom, leur email et leur attraction préférée, et reçoivent un numéro de ticket.

::: columns
### Luna Park

1. Placez les champs et un bouton dans l'arbre de composants.
2. Au clic, un graphe envoie les champs à une route backend et affiche le ticket.
3. La route, elle aussi un graphe, insère une ligne dans la table `Waitlist` et renvoie son identifiant.

---

### Noodl

1. Placez des nœuds Text Input et Button.
2. Créez une classe dans les cloud services.
3. Reliez le bouton à un nœud Create New Record.
4. Mettez les vérifications côté serveur dans une cloud function.
:::

![La route backend Join Waitlist](https://luna-park.app/static/assets/route-DQo3hM8a.png "La route : les mêmes graphes que l'interface, à côté de PostgreSQL.")

## Export du code

Une application Noodl embarque le runtime Noodl, qui exécute les graphes dans le navigateur. Luna Park compile chaque nœud en une ligne de JavaScript et chaque composant en composant Vue, sans runtime.

![Le composant compilé en Vue](https://luna-park.app/static/assets/code-BUYWx0sG.png "La liste d'attente, compilée en Vue et TypeScript.")

## Autres différences

- **Types.** Chaque ancre affiche son type, et les liens ne relient que des [types compatibles](/docs/fr/visual-scripting/graph). Les [fichiers de types](/docs/fr/logic/scripts#fichiers-de-types) sont partagés par l'interface et le backend.
- **Base de données.** PostgreSQL avec jointures, agrégats et [transactions](/docs/fr/backend-data/database#nodes-specialises).
- **Carte de l'application.** Une seule vue montre quelles pages affichent quels composants, appellent quelles routes et écrivent dans quelles tables.

![La carte de l'application Sunset Park](https://luna-park.app/static/assets/map-BKfoCy_I.png "La section Waitlist appelle la route Join Waitlist, qui écrit dans la table Waitlist.")

## Lequel choisir ?

::: columns
### Luna Park

- Vous voulez une logique en nœuds dans un outil actif.
- Vous voulez un backend SQL dans le même projet.
- Vous voulez du code compilé et des applications natives.

---

### Noodl ou Fluxscape

- Un éditeur open source est indispensable.
- Vous avez un projet Noodl à faire tourner.
:::

## Avant de changer

- Luna Park n'est pas open source. Télécharger le code source demande Pro ; le code exporté vous appartient.
- Les projets Noodl ne s'importent pas.
- Jusqu'au lancement de l'[hébergement géré](/fr/pricing) fin 2026, vous [hébergez le backend](/docs/fr/deployment/deployment).

## De Noodl à Luna Park

| Noodl | Luna Park |
|---|---|
| Page, composant | [Page, composant](/docs/fr/interface/components) |
| Nœuds d'UI (Group, Text, Button...) | Éléments de l'arbre de composants |
| Nœuds de logique | Nœuds d'un graphe de logique |
| Nœuds Variable, Object | [Variable](/docs/fr/logic/variables), ou [Store](/docs/fr/logic/store) |
| Nœud Function | [Fonction](/docs/fr/logic/scripts) |
| Cloud function | [Route](/docs/fr/backend-data/routes) |
| Classe | Table de [base de données](/docs/fr/backend-data/database) |
| Nœud REST | Nœud `Fetch` |

::: info
D'après Noodl et Fluxscape en octobre 2026. Voir [le dépôt Noodl](https://github.com/noodlapp/noodl) et [fluxscape.io](https://fluxscape.io) pour leur état actuel.
:::