Ülesanne:
Koosta päikesesüsteemi mudel.
Interaktiivne päikesesüsteemi mudel
Lõin sulle interaktiivse päikesesüsteemi mudeli! Siin saad jälgida planeetide liikumist, uurida nende omadusi ja juhtida animatsiooni.
1x
Päike
Merkuur
Veenus
Maa
Marss
Asteroidide vöö
Jupiter
Saturn
Uraan
Neptuun
Vali taevakeha
Klõpsa mis tahes planeedil või Päikesel, et nende kohta rohkem teada saada!
🌟 Huvitavaid fakte päikesesüsteemist
🔥 Päike
Sisaldab 99,86% kogu päikesesüsteemi massist. Temperatuur keskmes ulatub 15 miljoni kraadini!
🌍 Maa-tüüpi planeedid
Merkuur, Veenus, Maa ja Marss koosnevad peamiselt kivimitest ja metallist.
🪐 Gaashiiglased
Jupiter, Saturn, Uraan ja Neptuun koosnevad peamiselt gaasist ja jääst.
⭐ Asteroidide vöö
Marsi ja Jupiteri vahel asub tuhandetest kivitükkidest koosnev vöö.
{
orbit.style.animationPlayState = 'paused';
});
btn.textContent = "\u25b6\ufe0f M\u00e4ngi";
btn.classList.add('paused');
} else {
solarSystem.style.animationPlayState = 'running';
solarSystem.querySelectorAll('.orbit').forEach(orbit => {
orbit.style.animationPlayState = 'running';
});
btn.textContent = "\u23f8\ufe0f Paus";
btn.classList.remove('paused');
}
isPlaying = !isPlaying;
};
window.toggleOrbits = function() {
const solarSystem = document.getElementById('solarSystem');
const btn = document.getElementById('orbitToggleBtn');
if (!solarSystem || !btn) return;
if (showOrbits) {
solarSystem.classList.add('hide-orbits');
btn.textContent = "\u2b55 N\u00e4ita orbiite";
} else {
solarSystem.classList.remove('hide-orbits');
btn.textContent = "\ud83d\udd18 Orbiidid";
}
showOrbits = !showOrbits;
};
window.changeSpeed = function(speed) {
const speedValue = document.getElementById('speedValue');
const solarSystem = document.getElementById('solarSystem');
if (!speedValue || !solarSystem) return;
animationSpeed = parseFloat(speed);
speedValue.textContent = speed + 'x';
solarSystem.querySelectorAll('.orbit').forEach((orbit, index) => {
const baseDuration = [10, 15, 20, 30, 60, 90, 120, 165][index] || 20;
orbit.style.animationDuration = (baseDuration / animationSpeed) + 's';
});
};
window.resetAnimation = function() {
const solarSystem = document.getElementById('solarSystem');
if (!solarSystem) return;
solarSystem.querySelectorAll('.orbit').forEach(orbit => {
orbit.style.animation = 'none';
});
setTimeout(() => {
solarSystem.querySelectorAll('.orbit').forEach((orbit, index) => {
orbit.style.animation = '';
const baseDuration = [10, 15, 20, 30, 60, 90, 120, 165][index] || 20;
orbit.style.animationDuration = (baseDuration / animationSpeed) + 's';
});
}, 10);
};
window.showPlanetInfo = function(planetId) {
const panel = document.getElementById('planetInfoPanel');
const nameEl = document.getElementById('planetName');
const detailsEl = document.getElementById('planetDetails');
if (!panel || !nameEl || !detailsEl) return;
const planet = planetData[planetId];
if (planet) {
nameEl.textContent = planet.name;
detailsEl.innerHTML = '' + planet.details + '
'; panel.classList.add('active'); } }; window.closePlanetInfo = function() { const panel = document.getElementById('planetInfoPanel'); if (panel) { panel.classList.remove('active'); } }; // Инициализация setTimeout(() => { changeSpeed(1); }, 100); })()" style="display: none;">
