zoukankan      html  css  js  c++  java
  • JS+HTML5的Canvas画图模拟太阳系运转

    查看效果:http://hovertree.com/texiao/html5/9.htm



    地球自传 http://hovertree.com/texiao/html5/8.htm

    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HTML5模拟太阳系八大行星公转 - 何问起</title>
    <meta charset="utf-8" />
    <style>body{margin:0px;background-color:black;color:white}.hvtholder{width:1000px;margin:2px auto;}a{color:greenyellow}</style>
    </head>
    <body><div class="hvtholder"><h3>HTML5模拟太阳系八大行星公转</h3>
    <a href="http://hovertree.com">首页</a>
    <a href="http://hovertree.com/texiao/">特效</a>
    <a href="http://hovertree.com/hvtart/bjae/ipblia78.htm">原文</a>
    <a href="http://hovertree.com/texiao/css/8.htm">打火机</a>
    <a href="http://hovertree.com/texiao/html5/8.htm">地球转动</a>
    <audio src="http://cms.hovertree.com/hovertreesound/hovertreejsys.mp3" autoplay="autoplay" controls="controls"><br />您的浏览器不支持播放音乐。请用支持html5的浏览器打开,例如chrome或火狐或者新版IE等。<br />何问起 hovertree.com<br /></audio>
    <canvas id="canvashovertree" width="1000" height="1000" style="background-color: #000;">您的浏览器不支canvas。请用支持html5的浏览器打开,例如chrome或火狐或者新版IE等。何问起 hovertree.com</canvas>
    </div> 
    <script src="http://hovertree.com/texiao/html5/9/sunhovertree.js"></script>
    </body>
    </html>

    转载自:http://hovertree.com/hvtart/bjae/ipblia78.htm

    星球变量名公转周期光色暗色
    水星 Mercury 87.70 #a69697 #5c3e40
    金星 Venus 224.701.70 #c4bbac #1f1315
    地球 Earth 365.2422 #78b1e8 #050c12
    火星 Mars 686.98 #cec9b6 #76422d
    木星 Jupiter 4332.589 #c0a48e #322
    土星 Saturn 10759.95 #f7f9e3 #5c4553
    天王星 Uranus 30799.095 #a7e115 #19243a
    海王星 Neptune 60152.95 #0661b2 #1E3b73
      何问起 hovertree.com    

    八大行星特指太阳系的八个行星,按照离太阳的距离从近到远,它们依次为水星、金星、地球、火星、木星、土星、天王星、海王星。八大行星自转方向多数也和公转方向一致。只有金星和天王星两个例外。金星自转方向与公转方向相反。而天王星是在轨道上横滚的。而曾经被认为是"九大行星"之一的冥王星于2006年8月24日被定义为"矮行星"。hovertree.com

    行星的定义:一是必须围绕恒星运转的天体;二是质量足够大,能依靠自身引力使天体呈圆球状;三是其轨道附近应该没有其他物体。按这样的划分,太阳系的行星就只有水、金、地、火、木、土,加上天王、海王星这八颗。 与2006年之前提到的九大行星概念不同,在在2006年8月24日于布拉格举行的第26届国际天文联会中通过的第5号决议中,冥王星被划为矮行星,从太阳系九大行星中被除名。必须是围绕恒星运转的天体--冥王星相符。质量足够大,能依靠自身引力使天体呈圆球状相符,但是冥王星没有能够清空其轨道上的其他物体,因此降级为矮行星。 何 问 起

    而同样具有足够质量、成圆球形,但不能清除其轨道附近其他物体的天体称为"矮行星",冥王星恰好符合这一定义,并被国际天文学联合会确认是一颗"矮行星"。所以冥王星被归为矮行星。从此太阳系只有八大行星。

    更多: http://www.cnblogs.com/jihua/p/webfront.html

  • 相关阅读:
    start tag, end tag issues in IE7, particularly in xslt transformation
    用SandCastle为注释生成chm文档
    Firebug
    架构的重点
    Linux Shell常用技巧(十) 管道组合
    Linux JDK升级
    Linux Shell常用技巧(十二) Shell编程
    Packet Tracer 5.0实验(一) 交换机的基本配置与管理
    Linux Shell常用技巧(六) sort uniq tar split
    Linux Shell常用技巧(二) grep
  • 原文地址:https://www.cnblogs.com/jihua/p/taiyang.html
Copyright © 2011-2022 走看看