TurtleMod-Editor/editor.html at main · TurtleMod-Team/TurtleMod-Editor · 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TurtleMod Editor</title>

    <style>
      body {
        margin: 0;
        overflow: hidden;
        background: #f4f7f4;
        font-family: "Inter", sans-serif;
      }

      #editor-root {
        width: 100vw;
        height: 100vh;
      }
    </style>
  </head>

  <body>
    <div id="editor-root"></div>

    <!-- ========================================= -->
    <!--  SCRATCH RENDERER (REQUIRED FOR VM)       -->
    <!-- ========================================= -->
    <script src="https://unpkg.com/scratch-render/dist/web/scratch-render.js"></script>
    <script src="https://unpkg.com/scratch-svg-renderer/dist/web/scratch-svg-renderer.js"></script>
    <script src="https://unpkg.com/scratch-storage/dist/web/scratch-storage.js"></script>

    <!-- ========================================= -->
    <!--  TURTLEMOD ENGINE FILES                   -->
    <!-- ========================================= -->
    <script src="engine/blocks.js"></script>
    <script src="engine/workspace.js"></script>
    <script src="engine/renderer.js"></script>

    <!-- ========================================= -->
    <!--  VM BRIDGE (MUST LOAD BEFORE runtime.js)  -->
    <!-- ========================================= -->
    <script src="engine/snailvm.js"></script>

    <!-- ========================================= -->
    <!--  RUNTIME + IO + EDITOR                    -->
    <!-- ========================================= -->
    <script src="engine/runtime.js"></script>
    <script src="engine/io.js"></script>
    <script src="engine/editor.js"></script>

    <!-- ========================================= -->
    <!--  UI                                       -->
    <!-- ========================================= -->
    <script src="ui/toolbar.js"></script>

    <script>
      window.addEventListener("load", () => {
        TurtleModEditor.init("editor-root");
        TurtleModToolbar.init();
      });
    </script>
  </body>
</html>