Pascal Editor, construire une scène architecturale en 3D

Le problème concret traité par le dépôt : les nœuds

Angle 1 de Pascal Editor, construire une scène architecturale en 3D, consacré à les nœuds. Pascal Editor est un éditeur de bâtiments 3D écrit en TypeScript et construit sur React Three Fiber et WebGPU. Le dépôt est un monorepo Turborepo : apps/editor est un hôte Next.js, et packages contient core, viewer, editor, nodes et ui. Le README décrit viewer comme le moteur de rendu 3D et editor comme la couche qui ajoute les outils interactifs et la sélection. Les métadonnées du dépôt décrivent le projet comme un moyen de créer et partager des projets d'architecture 3D, mais le README lui-même ne détaille pas le flux de partage.

@pascal-app/core gère les schémas de nœuds, l'état de la scène via Zustand, les contrats du registre, les requêtes spatiales et un bus d'événements. @pascal-app/viewer fournit le moteur de rendu React Three Fiber, les systèmes de rendu partagés, la caméra et les contrôles par défaut, ainsi que le post-traitement. @

Dans la section 1, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 1, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

Les composants qui portent la promesse : le registre Three.js

Angle 2 de Pascal Editor, construire une scène architecturale en 3D, consacré à le registre Three.js. pascal-app/editor contient les outils d'édition, les panneaux, la sélection et l'interface de manipulation directe. @pascal-app/nodes fournit le plugin de registre intégré avec définitions de nœuds, renderers, géométrie et systèmes. Le tableau de séparation des responsabilités du README attribue une responsabilité à chaque paquet, et apps/editor est l'hôte Next.js autonome qui les assemble.

L'état est réparti entre trois stores Zustand. useScene dans @pascal-app/core stocke les nœuds, les IDs racines, les nœuds sales et les opérations CRUD ; il persiste dans IndexedDB et utilise Zundo pour l'annulation/rétablissement avec un historique de 50 étapes. useViewer dans @pascal-app/viewer suit la sélection courante des IDs de bâtiment, de niveau et de zone, le mode d'affichage des niveaux (stacked, exploded, solo) et le mode caméra. useEditor dans a

Dans la section 2, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 2, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

L installation et le premier résultat : Zustand et l historique

Angle 3 de Pascal Editor, construire une scène architecturale en 3D, consacré à Zustand et l historique. pps/editor suit l'outil actif, la visibilité des couches de structure, l'état des panneaux et les préférences spécifiques à l'éditeur. Le README montre la syntaxe d'abonnement pour les composants React et les appels getState pour le code hors React.

Les nœuds sont les primitives de données de la scène et étendent tous BaseNode, avec id, type, parentId, visible, une caméra sauvegardée facultative et des métadonnées JSON facultatives. La hiérarchie est Site, Building, Level, puis Wall avec enfants Item, Slab, Ceiling avec enfants Item, Roof, Zone, Scan et Guide. Les nœuds sont stockés dans un dictionnaire plat Record<id, Node> plutôt que dans un arbre imbriqué ; les liens parent-enfant sont conservés via parentId et les tableaux children. Un registre de scène mappe les IDs de nœuds aux objets Three.js et indexe aussi les objets par type, ce qui

Dans la section 3, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 3, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

Les limites visibles dans les fichiers : les nœuds

Angle 4 de Pascal Editor, construire une scène architecturale en 3D, consacré à les nœuds. permet aux systèmes de résoudre les objets sans parcourir le graphe de scène. Les renderers sont des composants React qui créent des maillages de substitution et les enregistrent avec useRegistry.

Les systèmes sont des composants React qui s'exécutent dans la boucle de rendu via useFrame pour mettre à jour la géométrie et les transformations. Lorsque createNode, updateNode ou deleteNode modifie un nœud, celui-ci est ajouté à l'ensemble dirtyNodes de useScene. À chaque frame, les systèmes parcourent l'ensemble sale, trouvent le nœud et son objet Three.js enregistré, recalculent la géométrie et effacent le drapeau. Les systèmes principaux incluent WallSystem, SlabSystem, CeilingSystem, RoofSystem et ItemSystem ; les systèmes du viewer incluent LevelSystem, ScanSystem et GuideSystem. WallSystem génère la géométrie des murs avec onglets et découp

Dans la section 4, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 4, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

Le contrôle adapté à ce projet : le registre Three.js

Angle 5 de Pascal Editor, construire une scène architecturale en 3D, consacré à le registre Three.js. es CSG pour portes et fenêtres, tandis qu'ItemSystem positionne les objets sur les murs, plafonds ou sols. L'ensemble sale peut aussi être marqué manuellement.

L'éditeur étend le viewer avec des outils activés depuis une barre d'outils : SelectTool, WallTool, ZoneTool, ItemTool et SlabTool. Un gestionnaire de sélection personnalisé parcourt la hiérarchie Site, Building, Level, Zone et Items, chaque profondeur ayant sa propre stratégie de survol et de clic. Les systèmes spécifiques à l'éditeur incluent ZoneSystem et un contrôle de caméra personnalisé pour se concentrer sur les nœuds. Les plugins sont le chemin d'extension pour de nouveaux types de nœuds et de panneaux latéraux ; le README renvoie à un guide de développement et cite pascalorg/plugin-trees comme exemple complet. Les plugins utilisent le même manifeste Plugin que les éléments int

Dans la section 5, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 5, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

À qui l outil peut réellement convenir : Zustand et l historique

Angle 6 de Pascal Editor, construire une scène architecturale en 3D, consacré à Zustand et l historique. égrés, sans API interne séparée.

Le développement utilise Bun comme gestionnaire de paquets. Depuis la racine du dépôt, bun install puis bun dev construit @pascal-app/core et @pascal-app/viewer, démarre le mode surveillance pour les deux paquets et lance l'éditeur Next.js sur http://localhost:3002. Les builds de production utilisent turbo build, éventuellement filtrés sur un paquet. Le README montre aussi les commandes npm publish pour publier core et viewer. Le dépôt est sous licence MIT, copyright Pascal Group Inc. La licence accorde la permission d'utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier et vendre des copies, à condition que l'avis de copyright soit inclus. Elle refuse explicitement toute garantie et responsabilité, et ne dit rien sur le support, les garanties de sécurité ou la préparation à la production.

Dans la section 6, Pascal Editor, construire une scène architecturale en 3D se lit à partir de pascalorg/editor. Le README décrit les nœuds, le registre Three.js, Zustand et l historique; il ne permet pas d attribuer au dépôt une fonction qui n y figure pas. Le point intéressant ici est la relation entre l entrée, le composant appelé et le résultat observable. Cette précision compte lorsque le logiciel dépend d un service externe, d une image Docker, d une permission Android, d une extension PostgreSQL ou d une version particulière de Node, Go, PHP ou Julia.

Pour le contrôle 6, lancez les scripts du monorepo et le démarrage de l application. Notez le fichier touché, la sortie obtenue et l erreur éventuelle. Avec pascalorg/editor, le contrôle utile porte sur les nœuds, le registre Three.js, Zustand et l historique, pas sur une promesse générale d automatisation. Comparez le comportement aux exemples du README et conservez la configuration qui l a produit. La licence MIT doit être examinée selon le mode de redistribution envisagé.

Conclusion éditoriale

Pascal Editor, construire une scène architecturale en 3D convient aux équipes dont le besoin correspond à les nœuds, le registre Three.js, Zustand et l historique. Il convient moins à celles qui attendent une garantie absente du README. Commencez par les scripts du monorepo et le démarrage de l application, contrôlez les nœuds, le registre Three.js, Zustand et l historique, puis décidez à partir du résultat observé dans pascalorg/editor.

Sources officielles

1. Official documentation
2. Official README
3. Project repository
4. Release notes