Laboratoire du Site
Jusqu’où deux états initiaux presque identiques peuvent-ils diverger ? Quels motifs des règles locales peuvent-elles produire ? Ces neuf expériences se manipulent dans le navigateur, chacune avec son canevas et une explication du modèle. Choisissez un phénomène, modifiez une condition et observez le résultat avant de lire le calcul correspondant. Cette section décrit aussi l’architecture et les techniques de rendu du site.
Expériences
Qu’est-ce qui modifie une trajectoire ?
- Double pendule (Ouvrir l’expérience) : lancez deux pendules depuis des états presque identiques, puis comparez leurs traces en pause. Se séparent-ils immédiatement ?
- Attracteur de Rössler (Ouvrir l’expérience) : changez le paramètre et faites pivoter la vue pour observer les replis de la trajectoire chaotique tridimensionnelle obtenue par intégration numérique.
- Orbites gravitationnelles (Ouvrir l’expérience) : changez la vitesse initiale pour comparer cercles, ellipses et variations de vitesse ; modifiez ensuite seulement l’inclinaison pour observer le plan orbital.
- Champ de vecteurs (Ouvrir l’expérience) : déplacez la source tourbillonnaire et comparez les chemins proches et lointains pour voir comment le champ de vitesse guide les particules.
D’où viennent la luminosité et les couleurs
- Interférences (Ouvrir l’expérience) : ajoutez des sources et observez les bandes en pause. Où les phases se renforcent-elles ou s’annulent-elles ?
- Dispersion par prisme (Ouvrir l’expérience) : faites pivoter le prisme et suivez la réfraction à différentes longueurs d’onde, ainsi que l’apparition de la réflexion totale interne.
- Terre ASCII (Ouvrir l’expérience) : tournez le globe et observez comment les caractères forment terres et océans ; la documentation explique la conversion de l’éclairage d’une sphère en grille de caractères.
Comment les changements locaux forment des motifs
- Jeu de la vie (Ouvrir l’expérience) : dessinez des cellules et avancez pas à pas pour comparer motifs stables, oscillateurs et planeurs : lesquels restent fixes, se répètent ou se déplacent ?
- Réaction-diffusion (Ouvrir l’expérience) : semez des perturbations de concentration et observez la formation de taches et de bandes ; changez les paramètres pour comparer les formes.
Comment les expériences sont construites
Tous les calculs graphiques s’exécutent localement dans le navigateur, sans service de rendu distant ni serveur de simulation externe. Chaque moteur alloue et libère ses propres géométries, matériaux, contrôles, observateurs, boucles d’animation et contextes WebGL. Les dimensions suivent le conteneur ; les aperçus de l’accueil gardent la manipulation directe et la lecture/pause, tandis que les panneaux complets restent sur les pages dédiées.
Le dessin s’arrête hors champ ou dans un onglet masqué. Les animations respectent la réduction des mouvements et restent lançables manuellement. Les anciennes scènes 3D visent environ 30 FPS ; les nouveaux modèles utilisent des pas de simulation fixes avec un rendu rythmé par le navigateur. Les explications présentent directement le code source et les formulations numériques ; les blocs Markdown standards permettent lecture complète, défilement et coloration syntaxique, sans cartes tournantes ni troncature artificielle.
Expériences Three.js
Terre ASCII, l’attracteur de Rössler et les orbites gravitationnelles utilisent Three.js pour leurs scènes tridimensionnelles. Leurs explications portent respectivement sur la conversion en caractères, l’intégration d’une trajectoire chaotique et le mouvement sous gravité centrale.
Expériences Canvas 2D
Le double pendule, les interférences, le Jeu de la vie et la réaction-diffusion utilisent Canvas 2D. L’interface de dessin est commune, mais les calculs diffèrent : les états du pendule sont intégrés dans le temps, le champ d’ondes est évalué directement selon la position et le temps, et les deux autres modèles mettent à jour des grilles pas à pas.
Expériences p5.js
La dispersion par prisme et le champ de vecteurs utilisent p5.js. Leurs explications présentent respectivement le tracé de rayons avec rendu WebGL par lots, et les champs de vitesse avec tampons hors écran.
Style des Schémas
Mermaid est rendu localement avec sa géométrie neo et la palette instrumentale chaude du site. Le rendu par défaut privilégie la lisibilité ; handDrawn convient à un schéma informel, tandis qu’ELK ne s’ajoute que lorsqu’un graphe complexe résiste à la disposition par défaut. Ce schéma simple représente un parcours de lecture :
Pour poursuivre
Cette section porte sur l’infrastructure et les représentations graphiques du site. Pour React comme outil de programmation, consultez Outils & Méthodes ; pour les concepts informatiques réutilisables, dont l’infographie et les algorithmes, consultez Informatique. Retrouvez l’ensemble des thèmes dans la Carte des Connaissances.