Aller au contenu
Retour aux projets
Publié 2026 Web (offline)

Simulateur Brise-Soleil bioclimatique

Outil interactif pour concevoir une protection solaire selon la méthode fiabitat.

Simulateur Brise-Soleil bioclimatique

À propos

Une application web qui visualise en 3D et plan 2D le comportement d'une casquette ou de lames de protection solaire sur la maison de l'utilisateur, localisée sur sa propre parcelle satellite. Un brise-soleil mal dimensionné est inutile : trop court il laisse passer le soleil d'été (surchauffe), trop long il bloque celui d'hiver (perte d'apport gratuit). L'angle des lames doit correspondre à l'altitude solaire à midi solstice été — qui varie de 62° à Dunkerque à 72° à Perpignan. Les outils pros (PHPP, Pleiades, TRNSYS) sont coûteux et complexes pour une simple aide à la décision. Cette appli web entièrement autonome combine la localisation réelle (carte interactive Leaflet), la modélisation 3D temps-réel (Three.js avec ombres calculées sur une shadow map 4K), un éditeur de plan 2D drag-and-drop, et 4 vues analytiques (course solaire stéréographique, heatmap annuelle, cube apports, bilan énergétique). L'utilisateur dessine sa maison (rectangle ou polygone), configure ses fenêtres en cliquant sur les murs, applique en un clic la config fiabitat optimale pour sa latitude, et visualise la course du soleil à n'importe quelle date. Outil éducatif — les bilans ne remplacent pas un calcul thermique RT/RE2020.

Points clés

  • Mono-fichier HTML, zéro build : longévité et partage garantis (pas de risque qu'un npm install casse dans 5 ans)
  • Calculs solaires NOAA simplifiés (déclinaison, équation du temps, correction longitude) avec détection IANA automatique du fuseau + DST
  • Modèle d'irradiance Hottel ciel clair (DNI/DHI/GHI), corrigé par 8 zones climatiques RT/RE2020 françaises
  • Tuiles OpenStreetMap et Esri World Imagery compositées dans un canvas puis utilisées comme texture Three.js — la maison apparaît posée sur sa parcelle réelle
  • Ombres PCF 4K calculées en temps réel sur la 3D
  • 4 vues techniques : course solaire stéréographique, heatmap annuelle, cube d'apports, bilan énergétique
  • Convention de repère droitier Three.js avec X-flippé pour aligner avec la géographie (Est à droite quand on regarde le Nord)
  • Pistes d'évolution : modèle Kasten-Linke pour le trouble atmosphérique, vrais toits gable/hip via straight skeleton, export PDF du bilan

Galerie

04 visuels
Projet suivant
Land Conquest
Le monde réel devient ton champ de bataille.