Blog

'); doc.close();const mod = doc.createElement('script'); mod.type = 'module'; mod.textContent = ` import * as THREE from 'https://esm.sh/three@0.158.0'; import { OrbitControls } from 'https://esm.sh/three@0.158.0/examples/jsm/controls/OrbitControls.js';// ---- Constantes & utilitaires ---- const AU_KM=149597870.7, KM2U=1/1e7, AU2U=AU_KM*KM2U; const SUN_SCALE=10; const JD0=2451545.0, d2r=d=>d*Math.PI/180;const bodies={ sun:{key:'sun',name:'Soleil',r_km:695700,color:0xfff2a8}, me:{key:'me',name:'Mercure',r_km:2439.7,a:.38709893,e:.20563069,i:7.00487,O:48.33167,w:29.12478,M0:174.79439,T:87.9691,color:0xcfcfcf,rot_h:1407.5}, ve:{key:'ve',name:'Vénus', r_km:6051.8,a:.72333199,e:.00677323,i:3.39471,O:76.68069,w:54.85229,M0:50.44675,T:224.70069,color:0xe0aa7a,rot_h:-5832.5}, ea:{key:'ea',name:'Terre', r_km:6371, a:1.00000011,e:.01671022,i:.00005,O:-11.26064,w:114.20783,M0:357.51716,T:365.256363,color:0x5aa8ff,rot_h:23.9345}, ma:{key:'ma',name:'Mars', r_km:3389.5,a:1.52366231,e:.09341233,i:1.85061,O:49.57854,w:286.4623,M0:19.41248,T:686.98,color:0xc25742,rot_h:24.623}, ju:{key:'ju',name:'Jupiter',r_km:69911, a:5.20336301,e:.04839266,i:1.3053,O:100.55615,w:274.1977,M0:19.65053,T:4332.589,color:0xd8b672,rot_h:9.925}, sa:{key:'sa',name:'Saturne',r_km:58232, a:9.53707032,e:.0541506,i:2.48446,O:113.71504,w:338.7169,M0:317.51238,T:10759.22,color:0xe8cf8a,rot_h:10.656}, ur:{key:'ur',name:'Uranus', r_km:25362, a:19.19126393,e:.04716771,i:.76986,O:74.22988,w:96.73436,M0:142.26794,T:30685.4,color:0x7fc8d2,rot_h:-17.24}, ne:{key:'ne',name:'Neptune',r_km:24622, a:30.06896348,e:.00858587,i:1.76917,O:131.72169,w:273.24966,M0:259.90868,T:60189,color:0x6aa0ff,rot_h:16.11} };const moons = { ea: [{key:'moon',name:'Lune',r_km:1737.4,a_km:384400,period_d:27.321661,i:5.145,O:125.08,w:318.15,M0:135.27,color:0xbfbfbf}], ju: [ {key:'io',name:'Io',r_km:1821.6,a_km:421700,period_d:1.769,i:0.04,O:43.977,w:84.129,M0:0,color:0xffddaa}, {key:'europa',name:'Europe',r_km:1560.8,a_km:671100,period_d:3.551,i:0.47,O:219.106,w:88.970,M0:0,color:0xdde7ff}, {key:'gany',name:'Ganymède',r_km:2634.1,a_km:1070400,period_d:7.155,i:0.21,O:63.552,w:192.417,M0:0,color:0xcfcfcf}, {key:'call',name:'Callisto',r_km:2410.3,a_km:1882700,period_d:16.689,i:0.19,O:298.848,w:52.643,M0:0,color:0xbca792} ], sa: [ {key:'titan',name:'Titan',r_km:2574.7,a_km:1221870,period_d:15.945,i:0.33,O:28.060,w:186.585,M0:0,color:0xd9c08f}, {key:'rhea',name:'Rhéa',r_km:763.8,a_km:527068,period_d:4.518,i:0.35,O:27.685,w:356.527,M0:0,color:0xdddddd}, {key:'iapet',name:'Japet',r_km:734.5,a_km:3560820,period_d:79.321,i:15.5,O:75.18,w:271.95,M0:0,color:0xbbb7b0} ], ur: [ {key:'titania',name:'Titania',r_km:788.9,a_km:435910,period_d:8.706,i:0.08,O:73,w:0,M0:0,color:0xcfd7ff}, {key:'oberon',name:'Obéron',r_km:761.4,a_km:583520,period_d:13.463,i:0.06,O:73,w:0,M0:0,color:0xc8d0ff} ], ne: [{key:'triton',name:'Triton',r_km:1353.4,a_km:354759,period_d:5.877,i:157.3,O:0,w:0,M0:0,color:0xc4e0ff}] };const list=['me','ve','ea','ma','ju','sa','ur','ne']; const names={me:'Mercure',ve:'Vénus',ea:'Terre',ma:'Mars',ju:'Jupiter',sa:'Saturne',ur:'Uranus',ne:'Neptune'}; const jd=d=>d.getTime()/86400000+2440587.5, jd2date=j=>new Date((j-2440587.5)*86400000);function heliocentric(b,J){ const d=J-JD0, n=2*Math.PI/b.T; let M=d2r(b.M0)+n*d; M%=2*Math.PI; if(M<0)M+=2*Math.PI; let E=M, i=0; while(i++<8){ const f=E-b.e*Math.sin(E)-M, fp=1-b.e*Math.cos(E); E-=f/fp; } const xv=Math.cos(E)-b.e, yv=Math.sqrt(1-b.e*b.e)*Math.sin(E); const v=Math.atan2(yv,xv), r=b.a*(1-b.e*Math.cos(E)); const cO=Math.cos(d2r(b.O)), sO=Math.sin(d2r(b.O)); const ci=Math.cos(d2r(b.i)), si=Math.sin(d2r(b.i)); const cw=Math.cos(v+d2r(b.w)), sw=Math.sin(v+d2r(b.w)); const x=r*(cO*cw - sO*sw*ci), y=r*(sO*cw + cO*sw*ci), z=r*(sw*si); return new THREE.Vector3(x*AU2U, z*AU2U, y*AU2U); } function orbitPosAboutCenter(el,J,center){ const d=J-JD0, n=2*Math.PI/el.period_d; let M=d2r(el.M0)+n*d; M%=2*Math.PI; if(M<0)M+=2*Math.PI; const r=el.a_km*KM2U, x_orb=r*Math.cos(M), y_orb=r*Math.sin(M), z_orb=0; const cO=Math.cos(d2r(el.O||0)), sO=Math.sin(d2r(el.O||0)); const ci=Math.cos(d2r(el.i||0)), si=Math.sin(d2r(el.i||0)); const cw=Math.cos(d2r(el.w||0)), sw=Math.sin(d2r(el.w||0)); const x1=x_orb*cw - y_orb*sw, y1=x_orb*sw + y_orb*cw, z1=z_orb; const x2=x1, y2=y1*ci - z1*si, z2=y1*si + z1*ci; const X=x2*cO - y2*sO, Y=x2*sO + y2*cO, Z=z2; return center.clone().add(new THREE.Vector3(X, Z, Y)); }// ---- Scene ---- const R=new THREE.WebGLRenderer({antialias:true,alpha:true}); R.setPixelRatio(devicePixelRatio); R.setSize(innerWidth,innerHeight); document.getElementById('app').appendChild(R.domElement); R.toneMapping = THREE.ACESFilmicToneMapping; R.toneMappingExposure = 1.25;const S=new THREE.Scene(); S.add(new THREE.HemisphereLight(0x808080,0x000000,0.9)); S.add(new THREE.AmbientLight(0x404040)); (function(){const g=new THREE.BufferGeometry(),N=2500,p=new Float32Array(N*3); for(let i=0;i{J=jd(new Date());upd();}; document.getElementById('m1d').onclick=()=>{J-=1;upd();}; document.getElementById('p1d').onclick=()=>{J+=1;upd();}; document.getElementById('m1m').onclick=()=>{J-=30;upd();}; document.getElementById('p1m').onclick=()=>{J+=30;upd();}; document.getElementById('m1y').onclick=()=>{J-=365;upd();}; document.getElementById('p1y').onclick=()=>{J+=365;upd();}; document.getElementById('play').onclick=()=>{play=true}; document.getElementById('pause').onclick=()=>{play=false}; if (spd) spd.onchange=function(e){ speed=parseFloat(e.target.value)||1; upd(); }; if (preset) preset.onchange=function(e){ const v=e.target.value; if(v==='ecliptic'){C.position.set(0,200,1200); C.lookAt(0,0,0);} else if(v==='polar'){C.position.set(0,1200,1); C.lookAt(0,0,0);} else if(v==='earthmoon'){ const p=planetGroups.ea.position; C.position.set(p.x+10,p.y+10,p.z+60); C.lookAt(p);} else {C.position.set(0,140,1200); C.lookAt(0,0,0);} }; upd();// Panneau de sélection (focus direct) const picker=document.getElementById('picker'); if(picker){ let html='

Planètes

'; for(const k of list){ html+=\`\${names[k]}\`; } picker.innerHTML=html; picker.addEventListener('click',e=>{ const btn=e.target.closest('button[data-k]'); if(!btn) return; focusOnBody(btn.getAttribute('data-k')); }); }// Focus lissé dans la boucle (1 seul RAF) let fly=null; function startFly(endPos,endTarget,dur=0.7){ fly={t0:performance.now(),d:dur*1000,sp:C.position.clone(),st:ctl.target.clone(),ep:endPos.clone(),et:endTarget.clone()}; } function focusOnBody(key){ let pos, rScene; if(key.indexOf('_')>-1){ const [pk,mk]=key.split('_'); const arr=moons[pk]||[]; const def=arr.find(x=>x.key===mk); if(!def) return; pos = orbitPosAboutCenter(def, J, planetGroups[pk].position.clone()); rScene = (def.r_km / bodies.sun.r_km) * sunR; }else{ pos = planetGroups[key].position.clone(); rScene = (bodies[key].r_km / bodies.sun.r_km) * sunR; } const viewDir = new THREE.Vector3().subVectors(C.position, ctl.target).normalize(); const dist = Math.max(rScene*45, 0.02); // distance pour bien remplir l'écran const endPos = pos.clone().add(viewDir.multiplyScalar(dist)); startFly(endPos, pos, 0.7); }// Infos au clic + recentrage const infoEl=document.getElementById('info'); const ray=new THREE.Raycaster(), mouse=new THREE.Vector2(); function distKm(a,b){ return a.clone().sub(b).length()/KM2U; } function showInfo(key, worldPos){ let title='', b=null, extra=''; if(key.indexOf('_')>-1){ const [pk,mk]=key.split('_'); b=(moons[pk]||[]).find(x=>x.key===mk); title=b?b.name:'Lune'; extra=' (satellite de '+bodies[pk].name+')'; } else { b=bodies[key]; title=b.name; } const earthPos=planetGroups.ea.position.clone(), d_km = distKm(worldPos, earthPos); let html=''+title+''+extra; if(b && b.r_km) html+='
Diamètre: '+ (2*b.r_km).toLocaleString('fr-FR') +' km'; if(b && b.T) html+='
Période orbitale: '+ (b.T).toFixed(2) +' j'; if(b && b.rot_h) html+='
Période de rotation: '+ (b.rot_h).toFixed(2) +' h'; if(b && b.a) html+='
Distance moyenne au Soleil: '+ (b.a).toFixed(3) +' UA'; if(key!=='ea') html+='
Distance instantanée à la Terre: '+ (d_km/AU_KM).toFixed(3) +' UA ('+ Math.round(d_km).toLocaleString('fr-FR') +' km)'; infoEl.innerHTML=html; infoEl.style.display='block'; } R.domElement.addEventListener('click',function(e){ const rect=R.domElement.getBoundingClientRect(); mouse.x=((e.clientX-rect.left)/rect.width)*2-1; mouse.y=-((e.clientY-rect.top)/rect.height)*2+1; ray.setFromCamera(mouse,C); const toTest = pickMeshes.concat(moonMeshes); // pickers + lunes const hit=ray.intersectObjects(toTest,false)[0]; if(hit){ const key=hit.object.userData.key; const worldPos=hit.object.getWorldPosition(new THREE.Vector3()); focusOnBody(key); showInfo(key, worldPos); } });// Boucle (function loop(){ requestAnimationFrame(loop); const now=performance.now(), dt=(now-last)/1000; last=now; if(play){ J += (dt/86400)*speed; } for(let i=0;i=1) fly=null; }L.position.set(0,0,0); // FPS fpsC++; if(now-fpsT>1000){ if(fpsEl) fpsEl.textContent='FPS: '+(fpsC/((now-fpsT)/1000)).toFixed(1); fpsT=now; fpsC=0; } ctl.update(); R.render(S,C); })();addEventListener('resize',function(){ R.setSize(innerWidth,innerHeight); C.aspect=innerWidth/innerHeight; C.updateProjectionMatrix(); }); `; doc.body.appendChild(mod); })(); Le Système solaire — synthèse (valeurs figées au 16 août 2025) Soleil au centre,…