Une ville virtuelle à habiller aux couleurs d’un événement (démonstration)
Démonstration : une ville virtuelle que l’on visite de la rue aux étages, pensée comme lieu de rendez-vous pour un salon, un congrès ou un lancement.
La ville générée, vue en orbite
Démonstration. Cette fiche montre un savoir-faire du studio ; elle n’a ni client ni utilisateur à ce jour.
En résumé
Du problème à la solution
Technologies
- WebGPU natif
- génération procédurale
- chargement à la demande
- Le problème
- Un monde virtuel crédible demande des centaines de bâtiments. Les modéliser un par un est hors de portée de la plupart des projets, et les villes 3D sur le web sont souvent des façades vides qu’on ne peut pas visiter.
- La solution
- Une ville entière dont on peut franchir les portes, entrer dans les halls et monter dans les étages, à habiller aux couleurs d’un événement. Elle est générée par des règles : anneaux de tours autour d’une esplanade, avenues, canaux et ponts.
- Le résultat
- Démo fonctionnelle sur ordinateur et mobile.
- L’apport de Grimolab
- Recherche et développement, génération urbaine, rendu temps réel et commandes tactiles.
En images
Le projet en images
01/03La ville générée, vue en orbite 
02/03Au pied des tours 
03/03Mode visite à la première personne
Démo jouable
Essayez-le dans votre navigateur
Ville néon
- À quoi ça sert
- Montrer qu’une ville entière, visitable de la rue aux étages, peut tourner dans un navigateur.
- Ce que vous pouvez faire
- Survolez la ville en orbite, puis passez en mode visite pour marcher dans les avenues et entrer dans une tour ; régénérez pour obtenir une autre ville.
3D temps réel dans le navigateur. Rien n’est chargé avant votre clic.
Usage
Ce que l’on peut y faire
- Survoler la ville en vue orbitale, puis descendre marcher dans les avenues.
- Entrer dans le hall d’une tour et prendre l’ascenseur vitré.
- Courir, monter ou descendre librement au clavier, ou au joystick tactile sur mobile.
- Générer une ville entièrement nouvelle en un clic.
Cette démonstration montre un lieu où un salon, un congrès ou un lancement de produit pourrait donner rendez-vous à son public, habillé à ses couleurs.
À quoi ça sert
Salons et congrès virtuels, lancements de produit, jeux, expériences de marque : la ville devient un lieu de rendez-vous qu’on peut habiller aux couleurs d’un événement.
Une ville, pas un décor
La plupart des villes 3D sur le web sont des décors : on les regarde, on n’y entre pas. Ici, chaque tour a un hall, et chaque hall un ascenseur qui mène aux étages.
Côté technique : comment elle est organisée
- Une esplanade centrale avec son bassin.
- Des anneaux de tours en gradins, avec terrasses.
- Huit avenues, des canaux circulaires et leurs ponts.
- Des intérieurs construits uniquement quand on s’en approche, pour rester fluide.
Pour aller plus loin
Pour les intérieurs — halls, escaliers, ascenseurs —, voyez nos escaliers, halls et bureaux en 3D ; pour l’eau des bassins et des canaux, le simulateur d’eau 3D. Pour un lieu de rencontre plutôt qu’une ville, voyez le comedy club virtuel. Technologie : WebGPU : la 3D dans le navigateur. Activité concernée : 3D temps réel et expériences immersives.
Questions fréquentes
Vos questions sur ce projet
Comment créer une ville 3D pour un événement virtuel ?
Par génération procédurale : on définit des règles (plan de la ville, gabarits des tours, ambiance), et la ville se construit automatiquement. On l’habille ensuite aux couleurs de l’événement.
La démo fonctionne-t-elle sur téléphone ?
Oui, avec un joystick tactile et une ville légèrement allégée. Elle nécessite un navigateur compatible WebGPU, comme les versions récentes de Chrome, Edge ou Safari.
Peut-on personnaliser la ville ?
Oui : ambiance lumineuse, enseignes, bâtiments d’intérêt, lieux d’événements. La ville sert de décor à des salons, des lancements de produit ou des jeux.
Aller plus loin
Le métier, les guides et les mots de ce projet
Tous les projets du même métier
Glossaire
Les mots de cette page
- WebGPU
- WebGPU est l’interface de programmation moderne qui donne au navigateur web un accès direct et performant à la carte graphique, pour afficher de la 3D et exécuter des calculs, sans rien installer. Elle succède à WebGL.