Python/webpaper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

primo commit

Browse Source
This commit is contained in:
mirimatcode
2026-08-29 00:34:41 +02:00
parent d65038a4e7
commit 5412ff621d
10 changed files with 2308 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sistema_stellare/alpha-centauri.html
+380
View File
@@ -0,0 +1,380 @@
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Alpha Centauri</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { overflow: hidden; background: #000; }
canvas { display: block; }
#info {
position: fixed;
top: 10px;
left: 10px;
color: rgba(255,255,255,0.5);
font-family: monospace;
font-size: 12px;
pointer-events: none;
}
</style>
</head>
<body>
<canvas id="alpha"></canvas>
<div id="info">Alpha Centauri — Simulazione</div>
<script>
// === SISTEMA ALPHA CENTAURI — JavaScript ===
let tempo = 0;
// Stelle del sistema triplo
const stelle = [
{
nome: "Alpha Cen A",
tipo: "G2V",
colore: "#fff4e0",
raggio: 18,
asseMaggiore: 175,
eccentricita: 0.517,
velocita: 0.0125,
angoloIniziale: 0,
massa: "1.1 M☉",
coloreTesto: "rgba(255,244,224,0.8)",
},
{
nome: "Alpha Cen B",
tipo: "K1V",
colore: "#ffcc66",
raggio: 14,
asseMaggiore: 215,
eccentricita: 0.517,
velocita: 0.0125,
angoloIniziale: Math.PI,
massa: "0.907 M☉",
coloreTesto: "rgba(255,204,102,0.8)",
},
{
nome: "Proxima Cen",
tipo: "M5.5Ve",
colore: "#cc4422",
raggio: 10,
asseMaggiore: 650,
eccentricita: 0.509,
velocita: 0.00091,
angoloIniziale: Math.PI * 0.7,
massa: "0.122 M☉",
coloreTesto: "rgba(255,150,100,0.8)",
},
];
// Pianeti: [stella_ospite, dati_pianeta]
const pianeti = [
// === SU ALPHA CENTAURI B ===
[
1,
{
nome: "Alpha Cen Ab",
raggio: 7,
asseMaggiore: 55,
eccentricita: 0.02,
velocita: 1.63,
colore: "#5a8ab5",
angoli: [0],
dettagli: [
{ tipo: "oceano", colore: "#3a6a9a", x: -2, y: -1, r: 3 },
{ tipo: "continente", colore: "#4a8a4a", x: 2, y: 1, r: 2.5 },
{ tipo: "nuvola", colore: "rgba(255,255,255,0.25)", x: 0, y: -2, r: 1.5 },
],
},
],
// === SU PROXIMA CENTAURI ===
[
2,
{
nome: "Proxima d",
raggio: 3,
asseMaggiore: 30,
eccentricita: 0.04,
velocita: 2.094,
colore: "#6b7b8d",
angoli: [0],
dettagli: [
{ tipo: "superficie", colore: "#5a6a7a", x: -1, y: -1, r: 1.5 },
{ tipo: "superficie", colore: "#7a8a9a", x: 1, y: 1, r: 1 },
],
},
],
[
2,
{
nome: "Proxima b",
raggio: 8,
asseMaggiore: 50,
eccentricita: 0.11,
velocita: 0.959,
colore: "#4a90d9",
angoli: [0],
dettagli: [
{ tipo: "oceano", colore: "#2a5a8a", x: -3, y: -2, r: 4 },
{ tipo: "continente", colore: "#3a7a3a", x: 2, y: 1, r: 3 },
{ tipo: "continente", colore: "#4a8a4a", x: -1, y: 3, r: 2.5 },
{ tipo: "nuvola", colore: "rgba(255,255,255,0.3)", x: 0, y: -3, r: 2 },
],
},
],
[
2,
{
nome: "Proxima c",
raggio: 14,
asseMaggiore: 200,
eccentricita: 0.04,
velocita: 0.00559,
colore: "#c8944a",
angoli: [0],
raggiMondi: [35, 55, 75],
coloriMondi: ["#d4c4a4", "#b4a484", "#948464"],
nomiMondi: ["Candidate-m1", "Candidate-m2", "Candidate-m3"],
velocitaMondi: [8, 4, 2.5],
anelli: true,
dettagli: [
{ tipo: "banda", colore: "#a8743a", y: -4 },
{ tipo: "banda", colore: "#b8844a", y: 0 },
{ tipo: "banda", colore: "#98642a", y: 4 },
],
},
],
];
const canvas = document.getElementById("alpha");
const ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
// Stelle di sfondo
const stelleSfondo = [];
for (let i = 0; i < 300; i++) {
stelleSfondo.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
r: Math.random() * 1.2,
a: Math.random() * 0.5 + 0.2,
});
}
function disegnaStelle() {
stelleSfondo.forEach((s) => {
ctx.fillStyle = `rgba(255,255,255,${s.a})`;
ctx.beginPath();
ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);
ctx.fill();
});
}
function disegnaStella(stella, x, y) {
// Glow differenziato per tipo
if (stella.tipo === "G2V") {
const g = ctx.createRadialGradient(x, y, stella.raggio * 0.5, x, y, stella.raggio * 5);
g.addColorStop(0, "#fff8e0");
g.addColorStop(0.2, "#ffdd44");
g.addColorStop(0.5, "rgba(255,221,68,0.2)");
g.addColorStop(1, "rgba(255,200,0,0)");
ctx.fillStyle = g;
} else if (stella.tipo === "K1V") {
const g = ctx.createRadialGradient(x, y, stella.raggio * 0.5, x, y, stella.raggio * 4);
g.addColorStop(0, "#ffe0a0");
g.addColorStop(0.2, "#ffaa44");
g.addColorStop(0.5, "rgba(255,170,68,0.2)");
g.addColorStop(1, "rgba(255,150,0,0)");
ctx.fillStyle = g;
} else {
const g = ctx.createRadialGradient(x, y, stella.raggio * 0.3, x, y, stella.raggio * 4);
g.addColorStop(0, "rgba(255,100,50,0.8)");
g.addColorStop(0.2, "rgba(200,50,20,0.4)");
g.addColorStop(0.5, "rgba(150,30,10,0.1)");
g.addColorStop(1, "rgba(100,20,5,0)");
ctx.fillStyle = g;
}
ctx.beginPath();
ctx.arc(x, y, stella.raggio * 5, 0, Math.PI * 2);
ctx.fill();
ctx.fillStyle = stella.colore;
ctx.shadowColor = stella.colore;
ctx.shadowBlur = stella.raggio * 2;
ctx.beginPath();
ctx.arc(x, y, stella.raggio, 0, Math.PI * 2);
ctx.fill();
ctx.shadowBlur = 0;
}
function disegnaAnelli(cx, cy, raggio) {
ctx.strokeStyle = "rgba(210, 180, 140, 0.4)";
ctx.lineWidth = 3;
ctx.beginPath();
ctx.ellipse(cx, cy, raggio * 2.0, raggio * 0.5, 0, 0, Math.PI * 2);
ctx.stroke();
ctx.strokeStyle = "rgba(190, 160, 120, 0.25)";
ctx.lineWidth = 2;
ctx.beginPath();
ctx.ellipse(cx, cy, raggio * 2.4, raggio * 0.6, 0, 0, Math.PI * 2);
ctx.stroke();
}
function disegnaOrbita(cx, cy, a, b) {
ctx.strokeStyle = "rgba(255,255,255,0.06)";
ctx.lineWidth = 1;
ctx.setLineDash([3, 3]);
ctx.beginPath();
ctx.ellipse(cx, cy, a, b, 0, 0, Math.PI * 2);
ctx.stroke();
ctx.setLineDash([]);
}
function disegnaDettaglioPianeta(dettagli, x, y, raggio) {
dettagli.forEach((d) => {
ctx.fillStyle = d.colore;
ctx.beginPath();
ctx.arc(x + (d.x || 0), y + (d.y || 0), d.r || 1, 0, Math.PI * 2);
ctx.fill();
});
}
function disegnaCorpo(c, stellaX, stellaY, angolo) {
const a = c.asseMaggiore;
const b = a * Math.sqrt(1 - c.eccentricita * c.eccentricita);
const x = stellaX + a * Math.cos(angolo);
const y = stellaY + b * Math.sin(angolo);
disegnaOrbita(stellaX, stellaY, a, b);
if (c.anelli) {
disegnaAnelli(x, y, c.raggio);
}
ctx.fillStyle = c.colore;
ctx.beginPath();
ctx.arc(x, y, c.raggio, 0, Math.PI * 2);
ctx.fill();
if (c.dettagli) {
disegnaDettaglioPianeta(c.dettagli, x, y, c.raggio);
}
if (c.raggiMondi && c.coloriMondi) {
const coloriM = c.coloriMondi;
c.raggiMondi.forEach((raggioM, i) => {
const velocitaM = c.velocitaMondi?.[i] ?? 3;
const angoloM = angolo + (c.angoli?.[i] || 0) + tempo * velocitaM;
const mx = stellaX + Math.cos(angoloM) * raggioM;
const my = stellaY + Math.sin(angoloM) * raggioM;
ctx.strokeStyle = "rgba(255,255,255,0.04)";
ctx.lineWidth = 0.5;
ctx.setLineDash([2, 2]);
ctx.beginPath();
ctx.arc(stellaX, stellaY, raggioM, 0, Math.PI * 2);
ctx.stroke();
ctx.setLineDash([]);
ctx.fillStyle = coloriM[i];
ctx.beginPath();
ctx.arc(mx, my, 2, 0, Math.PI * 2);
ctx.fill();
ctx.fillStyle = "rgba(255,255,255,0.3)";
ctx.font = "7px monospace";
ctx.fillText(c.nomiMondi?.[i] || "", mx + 3, my - 3);
});
}
ctx.fillStyle = "rgba(255,255,255,0.6)";
ctx.font = "11px monospace";
ctx.fillText(c.nome, x + c.raggio + 5, y - 5);
}
function disegnaLineaTraStelle(x1, y1, x2, y2) {
ctx.strokeStyle = "rgba(255,255,255,0.03)";
ctx.lineWidth = 1;
ctx.setLineDash([5, 10]);
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.stroke();
ctx.setLineDash([]);
}
function animazione() {
ctx.fillStyle = "#000010";
ctx.fillRect(0, 0, canvas.width, canvas.height);
disegnaStelle();
const cx = canvas.width / 2;
const cy = canvas.height / 2;
// Calcola posizioni stelle relative al baricentro
const posizioniStelle = [];
stelle.forEach((s) => {
const a = s.asseMaggiore;
const b = a * Math.sqrt(1 - s.eccentricita * s.eccentricita);
const angolo = tempo * s.velocita + s.angoloIniziale;
const x = cx + a * Math.cos(angolo);
const y = cy + b * Math.sin(angolo);
posizioniStelle.push({ x, y });
});
// Calcola baricentro del triangolo formato dalle tre stelle
const baricentroX = (posizioniStelle[0].x + posizioniStelle[1].x + posizioniStelle[2].x) / 3;
const baricentroY = (posizioniStelle[0].y + posizioniStelle[1].y + posizioniStelle[2].y) / 3;
// Offset per centrare tutto il sistema sul canvas
const offsetX = baricentroX - cx;
const offsetY = baricentroY - cy;
// Linea tra Alpha Cen A e B
disegnaLineaTraStelle(
posizioniStelle[0].x - offsetX,
posizioniStelle[0].y - offsetY,
posizioniStelle[1].x - offsetX,
posizioniStelle[1].y - offsetY
);
// Disegna stelle
stelle.forEach((s, i) => {
disegnaStella(s, posizioniStelle[i].x - offsetX, posizioniStelle[i].y - offsetY);
});
// Pianeti
pianeti.forEach(([stellaIdx, p]) => {
const angolo = tempo * p.velocita;
disegnaCorpo(p, posizioniStelle[stellaIdx].x - offsetX, posizioniStelle[stellaIdx].y - offsetY, angolo);
});
ctx.fillStyle = "rgba(255,255,255,0.4)";
ctx.font = "10px monospace";
ctx.fillText(
"Alpha Centauri — Sistema triplo (4.37 anni luce) | A+B orbita: 79.9 anni | Proxima orbita: 547 anni",
10,
canvas.height - 10
);
tempo += 0.005;
requestAnimationFrame(animazione);
}
window.addEventListener("resize", () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
});
animazione();
</script>
</body>
</html>