Редактирование: Solar System model

[[Virtual laboratory]] > [[Solar System model]] <HR>

{{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Solar_System/Solar_System_v2_release.html |width=830 |height=830 |border=0 }}

'''''This model demonstrates the real attitude of the orbital periods of the planets.'''''

'''''The radiuses of the planet orbits, as well as the sizes of the planets and the Sun are shown in a logarithmic scale.'''''

Download: [[Медиа:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (программа + изображения планет). 

<div class="mw-collapsible mw-collapsed" style="width:100%" >
'''The text of the program is written in JavaScript (the developer is [[Цветков Денис]]):''' <div class="mw-collapsible-content"> 
Файл '''"Solar_System_v2_release.js"'''
<syntaxhighlight lang="javascript" line start="1" enclose="div">
function Main_Solar(canvas) {

    canvas.onselectstart = function () {return false;};     // запрет выделения canvas

    // Предварительные установки

    var context = canvas.getContext("2d");                  // на context происходит рисование

    var m0 = 1;                         // масштаб массы (масса Земли)
    var t0 = 1;                         // масштаб времени (1 оборот Земли вокруг своей оси (1 день))
    var a0 = 1;                         // масштаб расстояния (астрономическая единица - расстояние от Солнца до Земли)

    var r0 = 4.2588e-5 * a0;            // радиус Земли
    var t1 = 365.2564 * t0;             // 1 оборот Земли вокруг Солнца (1 год)

    // *** Задание вычислительных параметров ***

    var fps = 60;                       // frames per second - число кадров в секунду (качечтво отображения)
    var dt  = 0.5 * t0;                 // шаг интегрирования

    // *** Выполнение программы ***

    var space_objects = [];
    // значения distance и time_around_Sun у солнца сделаны для того, чтобы оно мерцало из-за движения
    space_objects.push({name:"Солнце",    mass:333000*m0, distance:0.001*a0,  radius:109.21*r0, time_around_Sun:60*t0,    phase:0,    color:"#f6e209",    file:"VL_SS_Sun.png"});
    space_objects.push({name:"Меркурий",  mass:0.05527*m0, distance:0.387*a0, radius:0.3829*r0, time_around_Sun:87.97*t0, phase:0,    color:"#de442c",    file:"VL_SS_Mercury.png"});
    space_objects.push({name:"Венера",    mass:0.815*m0,  distance:0.723*a0,  radius:0.949*r0, time_around_Sun:224.7*t0,  phase:0,    color:"#e8b633",    file:"VL_SS_Venus.png"});
    space_objects.push({name:"Земля",     mass:1*m0,      distance:1*a0,      radius:1*r0,    time_around_Sun:1*t1,       phase:0,    color:"#3e6286",    file:"VL_SS_Earth.png"});
    space_objects.push({name:"Марс",      mass:0.107*m0,  distance:1.523*a0,  radius:0.532*r0, time_around_Sun:1.88*t1,   phase:0,    color:"#752814",    file:"VL_SS_Mars.png"});
    space_objects.push({name:"Юпитер",    mass:317.8*m0,  distance:5.2*a0,    radius:10.97*r0, time_around_Sun:11.86*t1,  phase:0,    color:"#8c694d",    file:"VL_SS_Jupiter.png"});
    space_objects.push({name:"Сатурн",    mass:95.2*m0,   distance:9.54*a0,   radius:9.45*r0, time_around_Sun:29.46*t1,   phase:0,    color:"#c69e47",    file:"VL_SS_Saturn.png"});
    space_objects.push({name:"Уран",      mass:14.53*m0,  distance:19.19*a0,  radius:4*r0,    time_around_Sun:84.02*t1,   phase:0,    color:"#4e659b",    file:"VL_SS_Uranus.png"});
    space_objects.push({name:"Нептун",    mass:17.14*m0,  distance:30.06*a0,  radius:3.88*r0, time_around_Sun:164.78*t1,  phase:0,    color:"#4e6fbc",    file:"VL_SS_Neptunes.png"});
//    space_objects.push({name:"Плутон",    mass:0.0022*m0, distance:39.53*a0,  radius:0.18*r0, time_around_Sun:248.09*t1,  phase:0});
//    space_objects.push({name:"Хаумеа",    mass:777*m0,    distance:777*a0,    radius:777*r0,  time_around_Sun:285*t1,     phase:0});
//    space_objects.push({name:"Макемаке",  mass:777*m0,    distance:777*a0,    radius:777*r0,  time_around_Sun:309.88*t1,  phase:0});
//    space_objects.push({name:"Эрида",     mass:777*m0,    distance:777*a0,    radius:777*r0,  time_around_Sun:557*t1,     phase:0});
//    space_objects.push({name:"Седна",     mass:777*m0,    distance:777*a0,    radius:777*r0,  time_around_Sun:12059*t1,   phase:0});

    for (var i = 0; i < space_objects.length; i++) {
        space_objects[i].phase = Math.random() * 360;
    }

    var scale = canvas.height / a0 / space_objects.length / 2.1;  // масштабный коэффициент для перехода от расчетных к экранным координатам
    var w = canvas.width / scale;                           // ширина окна в расчетных координатах
    var h = canvas.height / scale;                          // высота окна в расчетных координатах

    // Генерация звезд
    var stars = [];
    function generate_stars() {
        for (var i = 0; i < 1000; i++) {
            // цвет задается как #xxyyzz, где xx - доля красного, yy - зеленого, zz - синего.
            var r = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2);  // красный от a0 до a0 + 5f
            var g = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2);
            var b = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2);
            stars[i] = {x:Math.random() * w * scale, y:Math.random() * h * scale, color:'#' + r + g + b};
        }
    }

    // Основной цикл программы
    function control() {
        physics();
        draw();
    }

    // Расчетная часть программы
    function physics() {                                    // то, что происходит каждый шаг времени
        for (var i = 0; i < space_objects.length; i++) {
            space_objects[i].phase += 360 * dt / space_objects[i].time_around_Sun;
        }
    }

    // загрузка изображений планет
    function load_pics() {
        for (var i = 0; i < space_objects.length; i++) {
            if (!space_objects[i].file) continue;
            var pic = new Image();
            pic.src = "Pics/" + space_objects[i].file;
            space_objects[i].pic = pic;
        }
    }

    // Рисование
    function draw() {
        // темное небо
        context.fillStyle = "#000000";
        context.fillRect(0, 0, w * scale, h * scale);

        // звезды
        for (var i0 = 0; i0 < stars.length; i0++) {
            context.fillStyle = stars[i0].color;
            context.fillRect(stars[i0].x, stars[i0].y, 1, 1);
        }

        for (var i = 0; i < space_objects.length; i++){
            var p = space_objects[i];
            var ro = 1.9 * Math.log(1 + 2.5 * p.distance / a0) * a0;
            var fi = p.phase / 180 * Math.PI;
            var xS = (w / 2 + ro * Math.cos(fi)) * scale;
            var yS = (h / 2 + ro * Math.sin(fi)) * scale;

            // траектории
            context.beginPath();
            context.arc(w / 2 * scale, h / 2 * scale, ro * scale, 0, 2 * Math.PI, false);
            context.strokeStyle = "#516185";
            context.stroke();

            // космические объекты
            if (p.pic) {
                var r = 0.1 * Math.log(1 + 8 * p.radius / r0) * a0 * scale;
                var wh = p.pic.width / p.pic.height;
                context.drawImage(p.pic, xS - r * wh, yS - r, r * 2 * wh, r * 2);
            }
        }
    }

    // Запуск системы
    load_pics();
    generate_stars();
    setInterval(control, 1000 / fps);
}
</syntaxhighlight>
Файл '''"Solar_System_v2_release.html"'''
<syntaxhighlight lang="html5" line start="1" enclose="div">
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Solar System</title>
    <script src="Solar_System_v2_release.js"></script>
</head>
<body>
    <canvas id="Solar_System" width="800" height="800" style="border:1px solid #000000;"></canvas>
    <script type="text/javascript">var app = new Main_Solar(document.getElementById('Solar_System'));</script>
</body>
</html>
</syntaxhighlight>
</div>
</div>

== The proposed directions of the stand development ==
*Add satellites of planets, dwarf planets and other space objects. 
*Show information about space object when aiming cursor on it. 
*Add the rotation of the planets around their axis. 
*"Incline camera" a little, for the better view 
*Set real phases for the planets. 
*Add the ability to view the status of the planets at a certain point (eg, time management slider)


[[Category: Virtual laboratory]]