csnap-app/index.html at main · CSDTs/csnap-app · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">
	<head>
		<title>CSnap! 11.0.0 - Snap! with Culture</title>
		<link rel="icon" href="./snap/src/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./style.css" />
		<script type="text/javascript">
			let config = {
				modules: [],
				asset_path: "",
				urls: {
					demos_url: "demo.xml",
					goals_url: "goals.xml",
				},
			};
		</script>
		<link rel="manifest" href="./snap/manifest.json" />
		<link rel="apple-touch-icon" href="./snap/img/snap-icon-152.png" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="theme-color" content="white" />
		<meta name="mobile-web-app-capable" content="yes" />
		<meta name="mobile-web-app-status-bar-style" content="black" />
		<meta name="mobile-web-app-title" content="CSnap! Pro" />
		<meta name="msapplication-TileImage" content="img/snap-icon-144.png" />
		<meta name="msapplication-TileColor" content="#FFFFFF" />

		<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/exporters/STLExporter.js"></script>

		<script src="./snap/src/morphic.js?version=2025-03-20"></script>
		<script src="./csnap/morphic.js"></script>

		<script src="./snap/src/symbols.js?version=2024-11-24"></script>
		<script src="./snap/src/widgets.js?version=2025-03-17"></script>

		<script src="./snap/src/blocks.js?version=2025-08-23"></script>
		<script src="./csnap/blocks.js"></script>

		<script src="./snap/src/threads.js?version=2025-08-18"></script>
		<script src="./csnap/threads.js"></script>

		<script src="./snap/src/objects.js?version=2025-08-18"></script>
		<script src="./csnap/objects.js"></script>

		<script src="./snap/src/scenes.js?version=2024-05-28"></script>

		<script src="./snap/src/gui.js?version=2025-08-23"></script>
		<script src="./csnap/gui.js"></script>

		<script src="./snap/src/paint.js?version=2023-05-24"></script>
		<script src="./snap/src/lists.js?version=2025-06-12"></script>

		<script src="./snap/src/byob.js?version=2025-05-13"></script>
		<script src="./csnap/byob.js"></script>

		<script src="./snap/src/tables.js?version=2025-04-03"></script>
		<script src="./snap/src/sketch.js?version=2023-05-24"></script>
		<script src="./snap/src/video.js?version=2019-06-27"></script>
		<script src="./snap/src/maps.js?version=2021-06-15"></script>

		<script src="./snap/src/extensions.js?version=2025-06-03"></script>
		<script src="./csnap/extensions.js"></script>

		<script src="./snap/src/xml.js?version=2021-07-05"></script>

		<script src="./snap/src/store.js?version=2025-04-01"></script>
		<script src="./csnap/store.js"></script>

		<script src="./snap/src/locale.js?version=2025-08-19"></script>

		<script src="./snap/src/cloud.js?version=2023-04-12"></script>
		<script src="./csnap/cloud.js"></script>

		<script src="./snap/src/api.js?version=2024-02-22"></script>
		<script src="./snap/src/embroider.js?version=2024-05-09"></script>
		<script src="./snap/src/sha512.js?version=2019-06-27"></script>
		<script src="./snap/src/FileSaver.min.js?version=2019-06-27"></script>

		<script src="./csnap/tutorials.js"></script>
		<script>
			var world;
			window.onload = function () {
				var FPS = 60,
					lastTime = 0,
					loop = (timestamp) => {
						requestAnimationFrame(loop);
						if (timestamp - lastTime < 1000 / FPS) {
							return;
						}
						world.doOneCycle();
						lastTime = Math.max(lastTime + 1000 / FPS, timestamp - 1000 / FPS);
					};

				if ("serviceWorker" in navigator) {
					navigator.serviceWorker.register("./sw.js");
				}
				world = new WorldMorph(document.getElementById("world"));
				new IDE_Morph({
					assetPath: "./",
				}).openIn(world);
				requestAnimationFrame(loop);
			};
		</script>
	</head>
	<body style="margin: 0">
		<canvas id="world" tabindex="1" style="position: absolute"></canvas>
	</body>
</html>