Dramageek gère aujourd'hui les plans de feux en 2D. Voici une exploration de ce que pourrait devenir son éditeur 3D : manipulation directe, faisceaux volumétriques, et prévisualisation du spectacle avant le montage.
🎚️ Manipulation directe💡 Faisceaux temps réel▶ Lecture de la conduite🎥 Caméras de salle
↓ La démo ci-dessous est réellement interactive — tourne autour de la scène, sélectionne un projecteur, lance la conduite.
Les Vagues — Salle type 12×8
Préparation de la scène…
🎭
La 3D n'a pas pu démarrer sur ce navigateur.
Essaie un navigateur récent (Chrome, Edge, Safari 17+).
init…
ConduiteTableau courant : Ouverture
Astuce — glisse pour orbiter · molette pour zoomerG / R / S gizmo déplacer / tourner / échelleEspace lecture · Tab vue de dessus · F recentrer
Le projet
Un outil de compagnie, du plateau à la tournée
Dramageek couvre tout le cycle d'une production de spectacle vivant : la conception lumière et scénographie (volet Technique), puis le planning, les équipes et la diffusion — lieux, contacts, subventions (volet Production). Multi-utilisateurs, multi-espaces, avec invitations par code et abonnement Premium.
2
volets — Technique & Production
35
entités métier (scéno, diffusion, planning…)
~50k
lignes de code (NestJS + Angular 19)
Konva
éditeur 2D actuel — 3D à créer
🎛️
Scénographie
Projets, plans de feux, perches, projecteurs, décors, tableaux (états lumineux), conduite, exports et ponts vers les consoles de régie.
🗓️
Planning & équipes
Disponibilités, événements de spectacle, répartition des équipes par créneau de représentation.
📡
Diffusion
Lieux, contacts, démarchages, subventions, carte, catalogue national de salles — la prospection d'une tournée.
La vision 3D
Manipuler une scène, pas remplir un formulaire
La maquette ci-dessus illustre trois bascules qui feraient passer l'éditeur du plan technique au logiciel de scénographie, au niveau de Vectorworks Spotlight, Capture ou WYSIWYG :
🤚
Manipulation directe
Gizmos déplacer / tourner / échelle, accrochage intelligent, multi-sélection et poignées de faisceau — l'édition devient gestuelle.
🎬
Prévisualisation vivante
Caméras de salle, faisceaux et washs colorés en temps réel, et un mode Lecture qui joue la conduite avant même le montage.
📚
Bibliothèque riche
Modèles 3D de projecteurs (PAR, Fresnel, Découpe, Lyre…), décors et matériaux — par simple glisser-déposer.
Roadmap proposée
Quatre phases, livrables et testables
Découpage indicatif (à challenger ensemble). Chaque phase apporte une valeur visible et se teste avant la suivante.
● Phase 1 — Socle
Moteur 3D & manipulation
La fondation gestuelle
Introduction d'un vrai moteur 3D
Gizmos déplacer / tourner / échelle
Snap intelligent (grille, perches)
Multi-sélection & groupes
● Phase 2 — Immersion
Navigation & lecture
Voir le spectacle
Caméras de salle + vues enregistrées
Faisceaux temps réel + poignées
Timeline & mode Lecture de la conduite
Bibliothèque d'objets 3D
● Phase 3 — Réalisme
Rendu & matières
La crédibilité visuelle
Ombres, haze, volumes lumineux
Effets projecteurs (gobos, strobe, frost…)
Matériaux & textures
Calques, mesures, annotations
● Phase 4 — Au-delà
Immersif & collaboratif
Le long terme
Détection de collisions avancée
Point de vue du spectateur
Mode VR / visite 1:1
Co-édition temps réel
Maquette, pas production. Cette page est une exploration visuelle pour aligner la vision — elle n'utilise pas le code de Dramageek. Les bonnes idées (faisceaux, lecture de conduite, manipulation directe) seront reprises proprement dans le vrai projet, avec son architecture, ses tests et ses données réelles.