Tehtävä:
Rakenna aurinkokunnan malli.
Interaktiivinen aurinkokunnan malli
Loin sinulle interaktiivisen aurinkokunnan mallin! Täällä voit seurata planeettojen liikkeitä, tutkia niiden ominaisuuksia ja hallita animaatiota.
1x
Aurinko
Merkurius
Venus
Maa
Mars
Asteroidivyöhyke
Jupiter
Saturnus
Uranus
Neptunus
Valitse taivaankappale
Klikkaa mitä tahansa planeettaa tai Aurinkoa oppiaksesi niistä lisää!
🌟 Mielenkiintoisia faktoja aurinkokunnasta
🔥 Aurinko
Sisältää 99,86 % koko aurinkokunnan massasta. Lämpötila ytimessä nousee 15 miljoonaan asteeseen!
🌍 Kiviplaneetat
Merkurius, Venus, Maa ja Mars koostuvat pääasiassa kivestä ja metallista.
🪐 Kaasujättiläiset
Jupiter, Saturnus, Uranus ja Neptunus koostuvat pääasiassa kaasusta ja jäästä.
⭐ Asteroidivyöhyke
Marsin ja Jupiterin välissä on tuhansien kivisten kappaleiden vyöhyke.
{
orbit.style.animationPlayState = 'paused';
});
btn.textContent = "\u25b6\ufe0f Toista";
btn.classList.add('paused');
} else {
solarSystem.style.animationPlayState = 'running';
solarSystem.querySelectorAll('.orbit').forEach(orbit => {
orbit.style.animationPlayState = 'running';
});
btn.textContent = "\u23f8\ufe0f Tauko";
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\u00e4yt\u00e4 radat";
} else {
solarSystem.classList.remove('hide-orbits');
btn.textContent = "\ud83d\udd18 Radat";
}
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;">
