http://mech.spbstu.ru/?title=Solar_System_model&feed=atom&action=history Solar System model - Revision history 2024-03-28T17:52:36Z Revision history for this page on the wiki MediaWiki 1.27.3 http://mech.spbstu.ru/?title=Solar_System_model&diff=8965&oldid=prev 188.243.39.146 at 15:39, 18 January 2017 2017-01-18T15:39:44Z <p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 15:39, 18 January 2017</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[ru:Моделирование Солнечной системы]]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Virtual laboratory]] &gt; [[Solar System model]] &lt;HR&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Virtual laboratory]] &gt; [[Solar System model]] &lt;HR&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table> 188.243.39.146 http://mech.spbstu.ru/?title=Solar_System_model&diff=7993&oldid=prev Михаил Бабенков: /* The proposed development directions */ 2016-06-08T23:08:06Z <p>‎<span dir="auto"><span class="autocomment">The proposed development directions</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 23:08, 8 June 2016</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l152" >Line 152:</td> <td colspan="2" class="diff-lineno">Line 152:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== The proposed development directions ==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== The proposed development directions ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Add satellites <del class="diffchange diffchange-inline">of planets</del>, dwarf planets and other space objects. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Add satellites, dwarf planets and other space objects. &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Show information about space <del class="diffchange diffchange-inline">object </del>when aiming cursor on it. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Show information about <ins class="diffchange diffchange-inline">the </ins>space <ins class="diffchange diffchange-inline">objects </ins>when aiming cursor on it. &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Add the rotation <del class="diffchange diffchange-inline">of the planets </del>around their <del class="diffchange diffchange-inline">axis</del>. &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Add the <ins class="diffchange diffchange-inline">planets </ins>rotation around their <ins class="diffchange diffchange-inline">axes</ins>. &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del class="diffchange diffchange-inline">Rotate </del>the camera a <del class="diffchange diffchange-inline">little, for the </del>better view &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">Add an ability to rotate </ins>the camera <ins class="diffchange diffchange-inline">for </ins>a better view<ins class="diffchange diffchange-inline">.</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Set real phases for the planets. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Set real phases for the planets. &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Add <del class="diffchange diffchange-inline">the </del>ability to view the status of the planets at a certain point (<del class="diffchange diffchange-inline">eg</del>, time <del class="diffchange diffchange-inline">management </del>slider)</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Add <ins class="diffchange diffchange-inline">an </ins>ability to view the status of the planets at a certain point (<ins class="diffchange diffchange-inline">e.g.</ins>, <ins class="diffchange diffchange-inline">a </ins>time slider)</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;!--[[Category: Virtual laboratory]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;!--[[Category: Virtual laboratory]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>--&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>--&gt;</div></td></tr> <!-- diff cache key wikidb-mech_:diff:version:1.11a:oldid:7992:newid:7993 --> </table> Михаил Бабенков http://mech.spbstu.ru/?title=Solar_System_model&diff=7992&oldid=prev Михаил Бабенков at 23:04, 8 June 2016 2016-06-08T23:04:53Z <p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 23:04, 8 June 2016</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3" >Line 3:</td> <td colspan="2" class="diff-lineno">Line 3:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Solar_System/Solar_System_v2_release.html |width=830 |height=830 |border=0 }}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Solar_System/Solar_System_v2_release.html |width=830 |height=830 |border=0 }}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''''This model demonstrates the real <del class="diffchange diffchange-inline">attitude </del>of the orbital periods of the planets.'''''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''''This model demonstrates the real <ins class="diffchange diffchange-inline">ratio </ins>of the orbital periods of the planets.'''''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''''The <del class="diffchange diffchange-inline">radiuses </del>of the <del class="diffchange diffchange-inline">planet </del>orbits, as well as the sizes of the planets and the Sun are shown in <del class="diffchange diffchange-inline">a </del>logarithmic scale.'''''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''''The <ins class="diffchange diffchange-inline">radii </ins>of the orbits, as well as the sizes of the planets and the Sun are shown in <ins class="diffchange diffchange-inline">the </ins>logarithmic scale.'''''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Download: [[Media:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (the program + pictures of the planets). &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Download: [[Media:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (the program + pictures of the planets). &#160;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11" >Line 11:</td> <td colspan="2" class="diff-lineno">Line 11:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;mw-collapsible mw-collapsed&quot; style=&quot;width:100%&quot; &gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;mw-collapsible mw-collapsed&quot; style=&quot;width:100%&quot; &gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''The text of the program is written in JavaScript (developed by [[Tsvetkov Denis]]):''' &lt;div class=&quot;mw-collapsible-content&quot;&gt; &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''The text of the program is written in JavaScript (developed by [[Tsvetkov Denis]]):''' &lt;div class=&quot;mw-collapsible-content&quot;&gt; &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Файл </del>'''&quot;Solar_System_v2_release.js&quot;'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">File </ins>'''&quot;Solar_System_v2_release.js&quot;'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang=&quot;javascript&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang=&quot;javascript&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>function Main_Solar(canvas) {</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>function Main_Solar(canvas) {</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&#160;&#160; &#160; canvas.onselectstart = function () {return false;};&#160; &#160; // <del class="diffchange diffchange-inline">ban of </del>allocation <del class="diffchange diffchange-inline">of canvas</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;&#160; &#160; canvas.onselectstart = function () {return false;};&#160; &#160; // <ins class="diffchange diffchange-inline">cancell canvas </ins>allocation &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160;&#160; &#160; // Preliminary installations</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&#160;&#160; &#160; // Preliminary installations</div></td></tr> <!-- diff cache key wikidb-mech_:diff:version:1.11a:oldid:7844:newid:7992 --> </table> Михаил Бабенков http://mech.spbstu.ru/?title=Solar_System_model&diff=7844&oldid=prev 192.168.0.2 at 12:22, 1 June 2016 2016-06-01T12:22:07Z <p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='en'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 12:22, 1 June 2016</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7" >Line 7:</td> <td colspan="2" class="diff-lineno">Line 7:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''''The radiuses of the planet orbits, as well as the sizes of the planets and the Sun are shown in a logarithmic scale.'''''</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''''The radiuses of the planet orbits, as well as the sizes of the planets and the Sun are shown in a logarithmic scale.'''''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Download: [[<del class="diffchange diffchange-inline">Медиа</del>:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (the program + pictures of the planets). &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Download: [[<ins class="diffchange diffchange-inline">Media</ins>:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (the program + pictures of the planets). &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;mw-collapsible mw-collapsed&quot; style=&quot;width:100%&quot; &gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;mw-collapsible mw-collapsed&quot; style=&quot;width:100%&quot; &gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''The text of the program is written in JavaScript (<del class="diffchange diffchange-inline">the developer is </del>[[<del class="diffchange diffchange-inline">Цветков Денис</del>]]):''' &lt;div class=&quot;mw-collapsible-content&quot;&gt; &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''The text of the program is written in JavaScript (<ins class="diffchange diffchange-inline">developed by </ins>[[<ins class="diffchange diffchange-inline">Tsvetkov Denis</ins>]]):''' &lt;div class=&quot;mw-collapsible-content&quot;&gt; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Файл '''&quot;Solar_System_v2_release.js&quot;'''</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Файл '''&quot;Solar_System_v2_release.js&quot;'''</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang=&quot;javascript&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;syntaxhighlight lang=&quot;javascript&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l151" >Line 151:</td> <td colspan="2" class="diff-lineno">Line 151:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== The proposed directions <del class="diffchange diffchange-inline">of the stand development </del>==</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== The proposed <ins class="diffchange diffchange-inline">development </ins>directions ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add satellites of planets, dwarf planets and other space objects. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add satellites of planets, dwarf planets and other space objects. &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Show information about space object when aiming cursor on it. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Show information about space object when aiming cursor on it. &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add the rotation of the planets around their axis. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add the rotation of the planets around their axis. &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del class="diffchange diffchange-inline">&quot;Incline </del>camera<del class="diffchange diffchange-inline">&quot; </del>a little, for the better view &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">Rotate the </ins>camera a little, for the better view &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Set real phases for the planets. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Set real phases for the planets. &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add the ability to view the status of the planets at a certain point (eg, time management slider)</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*Add the ability to view the status of the planets at a certain point (eg, time management slider)</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category: Virtual laboratory]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">&lt;!--</ins>[[Category: Virtual laboratory]]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">--&gt;</ins></div></td></tr> </table> 192.168.0.2 http://mech.spbstu.ru/?title=Solar_System_model&diff=7783&oldid=prev 213.110.201.38: Created page with "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=8..." 2016-05-30T16:26:02Z <p>Created page with &quot;<a href="/Virtual_laboratory" title="Virtual laboratory">Virtual laboratory</a> &gt; <a href="/Solar_System_model" title="Solar System model">Solar System model</a> &lt;HR&gt; {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Solar_System/Solar_System_v2_release.html |width=830 |height=8...&quot;</p> <p><b>New page</b></p><div>[[Virtual laboratory]] &gt; [[Solar System model]] &lt;HR&gt;<br /> <br /> {{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Tcvetkov/Solar_System/Solar_System_v2_release.html |width=830 |height=830 |border=0 }}<br /> <br /> '''''This model demonstrates the real attitude of the orbital periods of the planets.'''''<br /> <br /> '''''The radiuses of the planet orbits, as well as the sizes of the planets and the Sun are shown in a logarithmic scale.'''''<br /> <br /> Download: [[Медиа:Solar_System_v2_release.zip|Solar_System_v2_release.zip]] (the program + pictures of the planets). <br /> <br /> &lt;div class=&quot;mw-collapsible mw-collapsed&quot; style=&quot;width:100%&quot; &gt;<br /> '''The text of the program is written in JavaScript (the developer is [[Цветков Денис]]):''' &lt;div class=&quot;mw-collapsible-content&quot;&gt; <br /> Файл '''&quot;Solar_System_v2_release.js&quot;'''<br /> &lt;syntaxhighlight lang=&quot;javascript&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;<br /> function Main_Solar(canvas) {<br /> <br /> canvas.onselectstart = function () {return false;}; // ban of allocation of canvas<br /> <br /> // Preliminary installations<br /> <br /> var context = canvas.getContext(&quot;2d&quot;); // context for drawing<br /> <br /> var m0 = 1; // weight (mass of Earth)<br /> var t0 = 1; // time (1 turn of Earth round its pivot-center (1 day))<br /> var a0 = 1; // distance (astronomical unit - distance from the Sun to Earth)<br /> <br /> var r0 = 4.2588e-5 * a0; // Earth radius<br /> var t1 = 365.2564 * t0; // 1 turn of Earth around the Sun (1 year)<br /> <br /> // *** calculation parameters ***<br /> <br /> var fps = 60; // frames per second<br /> var dt = 0.5 * t0; // integration step<br /> // *** Implementation of the program ***<br /> <br /> var space_objects = [];<br /> // distance and time_around_Sun values at the sun are made in order that it flickered because of the movement<br /> space_objects.push({name:&quot;Sun&quot;, mass:333000*m0, distance:0.001*a0, radius:109.21*r0, time_around_Sun:60*t0, phase:0, color:&quot;#f6e209&quot;, file:&quot;VL_SS_Sun.png&quot;});<br /> space_objects.push({name:&quot;Mercury&quot;, mass:0.05527*m0, distance:0.387*a0, radius:0.3829*r0, time_around_Sun:87.97*t0, phase:0, color:&quot;#de442c&quot;, file:&quot;VL_SS_Mercury.png&quot;});<br /> space_objects.push({name:&quot;Venus&quot;, mass:0.815*m0, distance:0.723*a0, radius:0.949*r0, time_around_Sun:224.7*t0, phase:0, color:&quot;#e8b633&quot;, file:&quot;VL_SS_Venus.png&quot;});<br /> space_objects.push({name:&quot;Earth&quot;, mass:1*m0, distance:1*a0, radius:1*r0, time_around_Sun:1*t1, phase:0, color:&quot;#3e6286&quot;, file:&quot;VL_SS_Earth.png&quot;});<br /> space_objects.push({name:&quot;Mars&quot;, mass:0.107*m0, distance:1.523*a0, radius:0.532*r0, time_around_Sun:1.88*t1, phase:0, color:&quot;#752814&quot;, file:&quot;VL_SS_Mars.png&quot;});<br /> space_objects.push({name:&quot;Jupiter&quot;, mass:317.8*m0, distance:5.2*a0, radius:10.97*r0, time_around_Sun:11.86*t1, phase:0, color:&quot;#8c694d&quot;, file:&quot;VL_SS_Jupiter.png&quot;});<br /> space_objects.push({name:&quot;Saturn&quot;, mass:95.2*m0, distance:9.54*a0, radius:9.45*r0, time_around_Sun:29.46*t1, phase:0, color:&quot;#c69e47&quot;, file:&quot;VL_SS_Saturn.png&quot;});<br /> space_objects.push({name:&quot;Uranus&quot;, mass:14.53*m0, distance:19.19*a0, radius:4*r0, time_around_Sun:84.02*t1, phase:0, color:&quot;#4e659b&quot;, file:&quot;VL_SS_Uranus.png&quot;});<br /> space_objects.push({name:&quot;Neptune&quot;, mass:17.14*m0, distance:30.06*a0, radius:3.88*r0, time_around_Sun:164.78*t1, phase:0, color:&quot;#4e6fbc&quot;, file:&quot;VL_SS_Neptunes.png&quot;});<br /> // space_objects.push({name:&quot;Pluto&quot;, mass:0.0022*m0, distance:39.53*a0, radius:0.18*r0, time_around_Sun:248.09*t1, phase:0});<br /> // space_objects.push({name:&quot;Haumea&quot;, mass:777*m0, distance:777*a0, radius:777*r0, time_around_Sun:285*t1, phase:0});<br /> // space_objects.push({name:&quot;Makemake&quot;, mass:777*m0, distance:777*a0, radius:777*r0, time_around_Sun:309.88*t1, phase:0});<br /> // space_objects.push({name:&quot;Erida&quot;, mass:777*m0, distance:777*a0, radius:777*r0, time_around_Sun:557*t1, phase:0});<br /> // space_objects.push({name:&quot;Sedna&quot;, mass:777*m0, distance:777*a0, radius:777*r0, time_around_Sun:12059*t1, phase:0});<br /> <br /> for (var i = 0; i &lt; space_objects.length; i++) {<br /> space_objects[i].phase = Math.random() * 360;<br /> }<br /> <br /> var scale = canvas.height / a0 / space_objects.length / 2.1; // large-scale coefficient for transition from settlement to screen coordinates<br /> var w = canvas.width / scale; // window width in settlement coordinates<br /> var h = canvas.height / scale; // window height in settlement coordinates<br /> // Generation of stars<br /> var stars = [];<br /> function generate_stars() {<br /> for (var i = 0; i &lt; 1000; i++) {<br /> //set color<br /> var r = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2); <br /> var g = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2);<br /> var b = (0x1a0 + (Math.random()) * 0x5f).toString(16).substr(1,2);<br /> stars[i] = {x:Math.random() * w * scale, y:Math.random() * h * scale, color:'#' + r + g + b};<br /> }<br /> }<br /> <br /> // Main cycle of the program<br /> function control() {<br /> physics();<br /> draw();<br /> }<br /> <br /> // calculation part of the program<br /> function physics() { <br /> for (var i = 0; i &lt; space_objects.length; i++) {<br /> space_objects[i].phase += 360 * dt / space_objects[i].time_around_Sun;<br /> }<br /> }<br /> <br /> // loading of images of planets<br /> function load_pics() {<br /> for (var i = 0; i &lt; space_objects.length; i++) {<br /> if (!space_objects[i].file) continue;<br /> var pic = new Image();<br /> pic.src = &quot;Pics/&quot; + space_objects[i].file;<br /> space_objects[i].pic = pic;<br /> }<br /> }<br /> <br /> // drawing<br /> function draw() {<br /> // dark sky<br /> context.fillStyle = &quot;#000000&quot;;<br /> context.fillRect(0, 0, w * scale, h * scale);<br /> <br /> // stars<br /> for (var i0 = 0; i0 &lt; stars.length; i0++) {<br /> context.fillStyle = stars[i0].color;<br /> context.fillRect(stars[i0].x, stars[i0].y, 1, 1);<br /> }<br /> <br /> for (var i = 0; i &lt; space_objects.length; i++){<br /> var p = space_objects[i];<br /> var ro = 1.9 * Math.log(1 + 2.5 * p.distance / a0) * a0;<br /> var fi = p.phase / 180 * Math.PI;<br /> var xS = (w / 2 + ro * Math.cos(fi)) * scale;<br /> var yS = (h / 2 + ro * Math.sin(fi)) * scale;<br /> <br /> // trajectories<br /> context.beginPath();<br /> context.arc(w / 2 * scale, h / 2 * scale, ro * scale, 0, 2 * Math.PI, false);<br /> context.strokeStyle = &quot;#516185&quot;;<br /> context.stroke();<br /> <br /> // space objects<br /> if (p.pic) {<br /> var r = 0.1 * Math.log(1 + 8 * p.radius / r0) * a0 * scale;<br /> var wh = p.pic.width / p.pic.height;<br /> context.drawImage(p.pic, xS - r * wh, yS - r, r * 2 * wh, r * 2);<br /> }<br /> }<br /> }<br /> <br /> // Start of the system<br /> load_pics();<br /> generate_stars();<br /> setInterval(control, 1000 / fps);<br /> }<br /> &lt;/syntaxhighlight&gt;<br /> Файл '''&quot;Solar_System_v2_release.html&quot;'''<br /> &lt;syntaxhighlight lang=&quot;html5&quot; line start=&quot;1&quot; enclose=&quot;div&quot;&gt;<br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;UTF-8&quot; /&gt;<br /> &lt;title&gt;Solar System&lt;/title&gt;<br /> &lt;script src=&quot;Solar_System_v2_release.js&quot;&gt;&lt;/script&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> &lt;canvas id=&quot;Solar_System&quot; width=&quot;800&quot; height=&quot;800&quot; style=&quot;border:1px solid #000000;&quot;&gt;&lt;/canvas&gt;<br /> &lt;script type=&quot;text/javascript&quot;&gt;var app = new Main_Solar(document.getElementById('Solar_System'));&lt;/script&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> &lt;/syntaxhighlight&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == The proposed directions of the stand development ==<br /> *Add satellites of planets, dwarf planets and other space objects. <br /> *Show information about space object when aiming cursor on it. <br /> *Add the rotation of the planets around their axis. <br /> *&quot;Incline camera&quot; a little, for the better view <br /> *Set real phases for the planets. <br /> *Add the ability to view the status of the planets at a certain point (eg, time management slider)<br /> <br /> <br /> [[Category: Virtual laboratory]]</div> 213.110.201.38