Javascript-Solar-Simulator/index.html at master · Real-Python-Projects/Javascript-Solar-Simulator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Solar System</title>
    <link type="text/css" rel="stylesheet" href="solar.css">
    <script src="script.js"></script>
  </head>
  <body>
    <button onclick="setCenterPlanet(sun);">Sun</button>
    <button onclick="setCenterPlanet(mercury);">Mercury</button>
    <button onclick="setCenterPlanet(venus);">Venus</button>
    <button onclick="setCenterPlanet(earth);">Earth</button>
    <button onclick="setCenterPlanet(moon);">Mars</button>
    <button onclick="setCenterPlanet(jupiter);">Jupiter</button>
    <button onclick="setCenterPlanet(io);">Saturn</button>
    <button onclick="setCenterPlanet(europa);">Uranus</button>
    <button onclick="setCenterPlanet(ganymede);">Ganymede</button>
    <button onclick="setCenterPlanet(callisto);">Neptune</button>
    | <button onclick="reverseDrawPath();">Draw Path</button>
    | <button onclick="speedUp();">Speed Up</button>
    <button onclick="speedDown();">Speed Down</button>
    <button onclick="speedDefault();">Default Speed</button>
    | <button onclick="zoomIn();">Zoom In</button>
    <button onclick="zoomOut();">Zoom Out</button>
    <button onclick="zoomDefault();">Default Zoom</button>
    <div id="container">
      <canvas id="area"></canvas>
    </div>
    <footer>
      <p id="fps"></p>
    </footer>
    <p>
      Designed by Name : <a href="https://github.com/developer-felix">Developer_felix</a>
    </p>
  </body>
</html>