tiny-basketball/index.html at main · advaithg/tiny-basketball · 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
<!-- Graphics Example Code.
    index.html - The web page document containing the canvas (drawing surface).  It launches your JavaScript files.
-->
<!DOCTYPE html>
<html lang="En">
  <head>
    <meta charset="UTF-8" />
    <link href="assets/favicon.ico" rel="icon" />
    <title>tiny-basketball</title>
  </head>
  <body style="background: White">
    <!-- Begin typing your web page here. -->
    <!-- The following code embeds a WebGL canvas panel, loads certain scene(s), and displays panel(s) of their controls.-->
    <div class="canvas-widget" id="main-canvas"></div>
    <script type="module">
      // ********************* THE ENTRY POINT OF YOUR WHOLE PROGRAM STARTS HERE *********************
      // Indicate which element on the page you want the Canvas_Widget to replace with a 3D WebGL area:
      const element_to_replace = document.querySelector("#main-canvas");
      import {
        Main_Scene,
        Additional_Scenes,
        Canvas_Widget,
      } from "./main-scene.js";
      // Import the file that defines a scene.
      const scenes = [Main_Scene, ...Additional_Scenes].map(
        (scene) => new scene()
      );
      // This line creates your scene.
      new Canvas_Widget(element_to_replace, scenes);
    </script>
  </body>
</html>