Differences

This shows you the differences between two versions of the page.

--- courses:ast100:7.3 [2026/03/23 08:33] – [1. Sun and the seasons] asad
+++ courses:ast100:7.3 [2026/03/23 10:32] (current) – [2. Moon and eclipses] asad
@@ Line 2: / Line 2: @@
 ===== - Sun and the seasons =====
-<html>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/ChangingSeasons_NH_01.png/1280px-ChangingSeasons_NH_01.png?nolink}}
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AST 100: Earth's Orbit and the Zodiac</title>
-    <style>
-        body { margin: 0; overflow: hidden; background-color: #050505; color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
-        #canvas-container { width: 100vw; height: 100vh; }
-        #ui-panel {
-            position: absolute;
-            top: 20px;
-            left: 20px;
-            background: rgba(10, 15, 30, 0.85);
-            padding: 20px;
-            border-radius: 8px;
-            border: 1px solid #334;
-            pointer-events: none;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
-        }
-        h1 { margin: 0 0 10px 0; font-size: 1.2rem; letter-spacing: 1px; color: #e0e0e0; }
-        .data-row { margin-bottom: 8px; font-size: 1rem; }
-        .label { color: #88aaff; font-weight: bold; }
-        .value { color: #ffffff; }
-        #controls { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; }
-        button {
-            background: #1a2a40; border: 1px solid #4a6a90; color: white;
-            padding: 10px 20px; cursor: pointer; border-radius: 4px; font-size: 1rem;
-            transition: background 0.2s;
-        }
-        button:hover { background: #2a3a50; }
-    </style>
-</head>
-<body>
-    <div id="ui-panel">
+As illustrated in the diagram, Earth experiences changing seasons due to its axial tilt of approximately 23.5 degrees relative to its orbital plane. Throughout its yearly journey around the Sun, this fixed tilt causes different hemispheres to receive varying amounts of direct solar radiation. The diagram marks key transitions known as solstices and equinoxes. Solstices occur around June 21 and December 21, representing points of maximum axial inclination toward or away from the Sun. Conversely, equinoxes happen near March 20 and September 22, when the planet experiences nearly equal daylight hours worldwide.
-        <h1>Orbital Telemetry</h1>
-        <div class="data-row"><span class="label">Northern Season:</span> <span id="season-display" class="value">Vernal Equinox</span></div>
-        <div class="data-row"><span class="label">Month:</span> <span id="month-display" class="value">March</span></div>
-        <div class="data-row"><span class="label">Sun appears in:</span> <span id="zodiac-display" class="value">Pisces</span></div>
-    </div>
-    <div id="controls">
+The visual representation clearly distinguishes between astronomical and meteorological seasons. Astronomical seasons are defined precisely by the Earth's position in its orbit relative to the Sun, beginning strictly on the exact dates of solstices and equinoxes. However, meteorological seasons were created by atmospheric scientists to simplify extensive climate record keeping. Because Earth's elliptical orbit causes astronomical seasons to vary slightly in length each year, meteorologists divided the calendar year into four perfectly consistent three month periods based solely on annual temperature cycles.
-        <button id="toggle-orbit">Pause Orbit</button>
-    </div>
-    <div id="canvas-container"></div>
+To fully understand these astronomical cycles, one must consider planetary kinematics. Earth spins rapidly on its internal axis, maintaining an equatorial rotational speed of approximately 0.46 km/s. Simultaneously, the entire planet moves powerfully through deep space, revolving endlessly around our central Sun at an astonishing orbital velocity averaging 30 km/s. Since ancient antiquity, early human civilizations astutely observed this apparent solar movement across the vast sky. By meticulously tracking these daily sun paths and shifting seasonal shadows, ancient astronomers constructed the first rudimentary observational calendars to predict agricultural cycles.
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+The ancient Babylonians significantly advanced these early timekeeping methods by blending astronomy with complex mathematics. Observing that the Sun returned to its original stellar position after 365 days, they smartly established a formalized circular calendar model. Because they actively utilized a base sixty mathematical framework, dividing a complete celestial circle into exactly 360 separate degrees felt logical and natural. Consequently, they firmly declared that the Sun traveled exactly one degree each day. This brilliant Babylonian innovation synchronized solar movement with geometry, permanently establishing the mathematical foundation for modern human calendars today.
-    <script>
-        // Scene Setup
-        const scene = new THREE.Scene();
-        const camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
-        camera.position.set(0, 40, 60);
-        camera.lookAt(0, 0, 0);
-        const renderer = new THREE.WebGLRenderer({ antialias: true });
+===== - Moon, month and eclipses =====
-        renderer.setSize(window.innerWidth, window.innerHeight);
+{{https://upload.wikimedia.org/wikipedia/commons/6/6a/Moon_Phase_Diagram_for_Simple_English_Wikipedia.GIF?nolink&600}}
-        document.getElementById('canvas-container').appendChild(renderer.domElement);
-        // Lighting
+The lunar phases illustrated in the diagram are the result of the Moon’s continuous orbital progression around Earth and the corresponding changes in the angle of solar illumination as viewed from our planet’s surface. As the Moon completes its synodic orbit every 29.5 days, the transition between the new moon, quarters, and full moon creates a visible celestial cycle that served as the foundational basis for the concept of a "month"—a term etymologically rooted in the word "moon" itself. Historically, these lunar transitions were further divided to facilitate social organization, with the four primary phases of the cycle occurring approximately every seven days. This specific interval between the new moon, first quarter, full moon, and last quarter directly informed the creation of the seven-day week, demonstrating how the predictable geometry of the Earth-Moon-Sun system has provided the structural framework for human temporal measurement for millennia.
-        const ambientLight = new THREE.AmbientLight(0x222222);
-        scene.add(ambientLight);
-        const pointLight = new THREE.PointLight(0xffffff, 2, 300);
-        scene.add(pointLight);
-        // Sun
+The geometry of lunar phases depends on the relative positions of the Sun, Earth, and Moon. A new moon occurs when the Moon resides between Earth and the Sun, leaving its illuminated side hidden from our view. Conversely, a full moon happens when Earth is positioned between the Sun and Moon, fully revealing the lunar day side. The first and last quarter phases occur when the Moon reaches a 90-degree angle relative to the Earth-Sun line. As the Moon orbits, these angular changes create the waxing and waning appearances, demonstrating how celestial perspective dictates the entire visible cycle of moonlight.
-        const sunGeo = new THREE.SphereGeometry(4, 32, 32);
-        const sunMat = new THREE.MeshBasicMaterial({ color: 0xffdd00 });
-        const sun = new THREE.Mesh(sunGeo, sunMat);
-        scene.add(sun);
-        // Orbit Setup
+{{https://upload.wikimedia.org/wikipedia/commons/b/b7/Eclipse_vs_new_or_full_moons%2C_detailed_annotations.svg?nolink}}
-        const orbitRadius = 25;
-        const orbitGeo = new THREE.RingGeometry(orbitRadius - 0.1, orbitRadius + 0.1, 64);
-        const orbitMat = new THREE.MeshBasicMaterial({ color: 0x334455, side: THREE.DoubleSide });
-        const orbitMesh = new THREE.Mesh(orbitGeo, orbitMat);
-        orbitMesh.rotation.x = Math.PI / 2;
-        scene.add(orbitMesh);
-        // Earth Pivot (Handles the orbital revolution)
+Eclipses occur when the Sun, Earth, and Moon align in a nearly straight line, an alignment known as **syzygy**. A solar eclipse happens during a new moon phase when the Moon passes directly between the Sun and Earth, casting a shadow on the planet's surface. Conversely, a lunar eclipse occurs during a full moon when Earth passes between the Sun and Moon, casting its shadow across the lunar disk. However, as the diagram illustrates, eclipses do not occur every month because the **Moon’s orbital plane is tilted at a five degree angle relative to the ecliptic**. These celestial events only happen during eclipse seasons when the line of nodes, the intersection of these orbital planes, aligns perfectly with the Sun.
-        const earthPivot = new THREE.Group();
-        scene.add(earthPivot);
-        // Earth Group (Handles the absolute axial tilt, completely independent of the pivot's rotation)
+Historically, eclipses have carried profound cultural significance, often viewed as ominous portents or divine messages across various ancient societies. Many early civilizations interpreted the sudden disappearance of the Sun or the reddening of the Moon during totality as a celestial battle or an act of gods. In Chinese tradition, it was believed a dragon was consuming the Sun, leading people to strike drums to frighten the beast away. Despite the fear they occasionally instilled, these predictable alignments also drove the advancement of early astronomy. Ancient observers meticulously recorded these events, eventually discovering the Saros cycle to forecast future occurrences. Today, while modern science explains the precise orbital geometry, eclipses remain powerful symbols of cosmic harmony and the profound human perspective.
-        const earthGroup = new THREE.Group();
-        earthGroup.position.set(orbitRadius, 0, 0);
-        earthPivot.add(earthGroup);
-        // Axial Tilt Container (Rotated 23.5 degrees)
+===== - Planets and the zodiac =====
-        const axialTilt = new THREE.Group();
-        const tiltAngle = 23.5 * (Math.PI / 180);
-        axialTilt.rotation.z = tiltAngle;
-        earthGroup.add(axialTilt);
-        // Earth Sphere
+{{https://starwalk.space/gallery/images/zodiac-constellations/1140x641.jpg?nolink}}
-        const earthGeo = new THREE.SphereGeometry(1.5, 32, 32);
-        const earthMat = new THREE.MeshPhongMaterial({ color: 0x2288ff, flatShading: false });
-        const earth = new THREE.Mesh(earthGeo, earthMat);
-        axialTilt.add(earth);
-        // Axis Line
+The diagram illustrates the fundamental concept of the zodiac, a narrow band flanking the ecliptic plane. As Earth orbits the Sun, shown by the small horizontal arrow, the Sun appears to travel against the background stars. Over thousands of years, ancient observers noticed that the Sun, Moon, and visible planets always remained within this path. They divided this 360-degree journey into twelve standardized, 30-degree segments, each designated by a primary constellation historically located within that area, creating the familiar zodiac. The long vertical arrow visually defines what it means for the Sun to be ‘in’ a sign; from Earth’s perspective, the Sun aligns directly with Aries.
-        const axisMat = new THREE.LineBasicMaterial({ color: 0xff2222, linewidth: 2 });
-        const axisPoints = [];
-        axisPoints.push(new THREE.Vector3(0, -3, 0));
-        axisPoints.push(new THREE.Vector3(0, 3, 0));
-        const axisGeo = new THREE.BufferGeometry().setFromPoints(axisPoints);
-        const axisLine = new THREE.Line(axisGeo, axisMat);
-        axialTilt.add(axisLine);
-        // Zodiac and Months Data
+Astrology utilizes this standardized 12-sign model, derived from the original Babylonian calendar, rather than the actual, irregularly sized physical constellations, for divinatory purposes. A central belief posits that the precise placement of the Sun and other planets—which also travel very closely along the ecliptic—relative to these specific segments at any given moment can influence human personality and destiny. However, the prominent highlighting of Ophiuchus exposes a fundamental discrepancy between astronomical observation and traditional astrological charts. Axial precession has shifted actual constellation positions over thousands of years, meaning the Sun crosses thirteen groupings, including Ophiuchus, but astrology (a pseudoscience) maintains its ancient, symbolic 12-sign framework, ignoring this gravitational shift.
-        const zodiacData = [
-            { month: 'March', sign: 'Pisces', symbol: '♓' },
-            { month: 'April', sign: 'Aries', symbol: '♈' },
-            { month: 'May', sign: 'Taurus', symbol: '♉' },
-            { month: 'June', sign: 'Gemini', symbol: '♊' },
-            { month: 'July', sign: 'Cancer', symbol: '♋' },
-            { month: 'August', sign: 'Leo', symbol: '♌' },
-            { month: 'September', sign: 'Virgo', symbol: '♍' },
-            { month: 'October', sign: 'Libra', symbol: '♎' },
-            { month: 'November', sign: 'Scorpius', symbol: '♏' },
-            { month: 'December', sign: 'Sagittarius', symbol: '♐' },
-            { month: 'January', sign: 'Capricornus', symbol: '♑' },
-            { month: 'February', sign: 'Aquarius', symbol: '♒' }
-        ];
-        // Generate Zodiac Sprites
+The seven-day week is a celestial legacy where each day was originally dedicated to one of the seven classical "planets" visible to ancient astronomers: the Sun, the Moon, Mars, Mercury, Jupiter, Venus, and Saturn.
-        const backgroundRadius = 45;
-        zodiacData.forEach((data, index) => {
-            const angle = (index / 12) * Math.PI * 2;
-            const canvas = document.createElement('canvas');
-            canvas.width = 256; canvas.height = 128;
-            const ctx = canvas.getContext('2d');
-            ctx.fillStyle = '#ffffff';
-            ctx.textAlign = 'center';
-            ctx.font = '40px Arial';
-            ctx.fillStyle = '#ffaa44';
-            ctx.fillText(data.symbol, 128, 40);
-            ctx.font = '24px Arial';
-            ctx.fillStyle = '#aaaaaa';
-            ctx.fillText(data.sign, 128, 75);
-            ctx.font = '20px Arial';
-            ctx.fillStyle = '#5588ff';
-            ctx.fillText(data.month, 128, 105);
-            const texture = new THREE.CanvasTexture(canvas);
+^ English ^ Bangla ^ German ^ Italian ^ Persian ^
-            const spriteMat = new THREE.SpriteMaterial({ map: texture, transparent: true });
+| Sunday [Sun's Day] | Robibar [Day of the Sun] | Sonntag [Sun day] | Domenica [Lord's Day] | Khorshid [Day of Sun] |
-            const sprite = new THREE.Sprite(spriteMat);
+| Monday [Moon's Day] | Shombar [Day of the Moon] | Montag [Moon day] | Lunedì [Moon day] | Mah [Day of Moon] |
+| Tuesday [Tiw's Day / Mars] | Mongolbar [Day of Mars] | Dienstag [Tiw's Day] | Martedì [Mars day] | Bahram [Day of Mars] |
-            sprite.scale.set(10, 5, 1);
+| Wednesday [Woden's Day / Mercury] | Budhbar [Day of Mercury] | Mittwoch [Mid-week] | Mercoledì [Mercury day] | Tir [Day of Mercury] |
-            sprite.position.set(Math.cos(angle) * backgroundRadius, 0, Math.sin(angle) * backgroundRadius);
+| Thursday [Thor's Day / Jupiter] | Brihashpotibar [Day of Jupiter] | Donnerstag [Thor's Day] | Giovedì [Jupiter day] | Moshtari [Day of Jupiter] |
-            scene.add(sprite);
+| Friday [Frigg's Day / Venus] | Shukrobar [Day of Venus] | Freitag [Frigg's Day] | Venerdì [Venus day] | Nahid [Day of Venus] |
-        });
+| Saturday [Saturn's Day] | Shonibar [Day of Saturn] | Samstag [Sabbath] | Sabato [Sabbath] | Keyvan [Day of Saturn] |
-        let isOrbiting = true;
+===== - Stars and the constellations =====
-        let orbitAngle = 0;
+{{https://upload.wikimedia.org/wikipedia/commons/8/89/Constellations%2C_equirectangular_plot%2C_Menzel_families.svg?nolink}}
-        const orbitSpeed = 0.005;
-        // UI Elements
+The figure represents the celestial sphere (sky as viewed from earth in all directions) flattened into a two-dimensional map, utilizing a projection method similar to how Google Earth or traditional cartography flattens the spherical globe of the Earth. In this astronomical projection, the horizontal x-axis represents Right Ascension, which is the celestial equivalent of longitude, measured in hours, minutes, and seconds eastward from the March equinox. The vertical y-axis represents Declination, corresponding directly to terrestrial latitude, measured in degrees north or south of the celestial equator. This grid allows astronomers to precisely locate any celestial object within the vast, seemingly infinite expanse of the night sky by using these fixed and standardized coordinates.
-        const seasonDisplay = document.getElementById('season-display');
-        const monthDisplay = document.getElementById('month-display');
-        const zodiacDisplay = document.getElementById('zodiac-display');
-        const toggleBtn = document.getElementById('toggle-orbit');
-        toggleBtn.addEventListener('click', () => {
+Just as the terrestrial globe is divided into distinct countries with defined borders, the celestial map is partitioned into 88 official constellations as recognized by the International Astronomical Union (**IAU**). The various colors in the diagram represent the historical eras during which these boundaries and groupings were formalized or introduced into modern stellar cartography. According to the legend, the different hues correspond to significant years of development, specifically 1592, 1603, 1613, 1692, and 1763. These dates mark the specific contributions of various astronomers and explorers who filled the gaps in the southern sky or refined classical Greek groupings to create a comprehensive, global celestial standard.
-            isOrbiting = !isOrbiting;
-            toggleBtn.innerText = isOrbiting ? "Pause Orbit" : "Resume Orbit";
-        });
-        // Animation Loop
-        function animate() {
-            requestAnimationFrame(animate);
-            if (isOrbiting) {
-                orbitAngle -= orbitSpeed;
-                if (orbitAngle < 0) orbitAngle += Math.PI * 2;
-                earthPivot.rotation.y = orbitAngle;
-                // Keep the Earth's absolute tilt fixed in space by counter-rotating the group
-                earthGroup.rotation.y = -orbitAngle;
-                // Earth daily rotation
-                earth.rotation.y += 0.05;
-                // Update UI based on orbit angle
-                // Normalize angle from 0 to 2PI starting from right side
-                let normalizedAngle = (-orbitAngle + Math.PI*2) % (Math.PI * 2);
-                let degrees = (normalizedAngle * 180) / Math.PI;
-                // Determine Season (Northern Hemisphere)
-                if (degrees >= 315 || degrees < 45) seasonDisplay.innerText = "Vernal Equinox (Spring)";
-                else if (degrees >= 45 && degrees < 135) seasonDisplay.innerText = "Summer Solstice";
-                else if (degrees >= 135 && degrees < 225) seasonDisplay.innerText = "Autumnal Equinox (Fall)";
-                else seasonDisplay.innerText = "Winter Solstice";
-                // Determine Month and Zodiac (12 segments of 30 degrees)
-                const segment = Math.floor(degrees / 30);
-                const currentData = zodiacData[segment % 12];
-                monthDisplay.innerText = currentData.month;
-                zodiacDisplay.innerText = `${currentData.sign} ${currentData.symbol}`;
-            }
-            renderer.render(scene, camera);
-        }
-        // Handle Window Resize
-        window.addEventListener('resize', () => {
-            camera.aspect = window.innerWidth / window.innerHeight;
-            camera.updateProjectionMatrix();
-            renderer.setSize(window.innerWidth, window.innerHeight);
-        });
-        animate();
-    </script>
-</body>
-</html>
-===== - Moon and eclipses =====
-{{https://upload.wikimedia.org/wikipedia/commons/6/6a/Moon_Phase_Diagram_for_Simple_English_Wikipedia.GIF?nolink&600}}
-{{https://upload.wikimedia.org/wikipedia/commons/b/b7/Eclipse_vs_new_or_full_moons%2C_detailed_annotations.svg?nolink}}
-===== - Stars and constellations =====
-{{https://starwalk.space/gallery/images/zodiac-constellations/1140x641.jpg?nolink}}
+The constellations are often organized into families based on their shared history, position, or mythological themes, providing both astronomical and cultural significance to the viewer. For instance, the Zodiac family lies along the ecliptic, while the Perseus family contains characters from the Andromeda myth, including Cepheus and Cassiopeia. Astronomically, these groupings help observers navigate the sky and identify seasonal patterns, acting as a celestial filing system. Culturally, they serve as a preservation of ancient oral traditions and scientific observations. By grouping stars into recognizable figures, ancient and modern civilizations alike created a mnemonic device to track time, navigate the seas, and explain the cosmos.
+The prominent dotted line bisecting the map is the ecliptic, representing the apparent path the Sun follows across the celestial sphere over the course of a year. This path also marks the plane of the Earth's orbit and is the region where planets and the Moon are consistently observed by astronomers. The names of the constellations found here and throughout the map offer a profound window into the mythological history of humanity, reflecting the deities and heroes of diverse cultures. From ancient Greek myths to the scientific instruments of the Enlightenment, the sky remains a narrative record of human imagination and our enduring quest to understand the universe.