-
Notifications
You must be signed in to change notification settings - Fork 17
/
embedded.html
97 lines (75 loc) · 3.22 KB
/
embedded.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Embedded-Test</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="preload" href="lib/monaco-editor/dev/vs/editor/editor.main.js" as="script">
<link rel="preload" href="lib/monaco-editor/dev/vs/editor/editor.main.nls.de.js" as="script">
<link rel='stylesheet' type='text/css' media='screen' href='assets/fonts/fonts.css'>
<script src="lib/p5.js/p5.js"></script>
<script src="lib/pako/pako.js"></script>
<script src="lib/jszip/jszip.js"></script>
<script src="lib/upng/UPNG.js"></script>
<script src="lib/markdownit/markdownit.min.js"></script>
<script src="lib/monaco-editor/dev/vs/loader.js"></script>
<script src="lib/howler/howler.core.min.js"></script>
<script type="module" src="/src/client/embedded/EmbeddedStarter.ts"></script>
</head>
<body>
<h1>Erstes Beispiel</h1>
<!-- <div class="java-online" style="width: calc(100% - 10px); height: 500px; margin-left: 5px" data-java-online="{
'id': 'abcd',
'speed': 'max',
'withFileList': true,
'hideEditor': false,
'hideStartPanel': false,
'libraries': ['gng']
}">
<script type="text/plain" title="Test1.java" data-type="java">
new HelloWorld().main(); // startet das Applet; main() ruft dann gleich setup() auf!
public class HelloWorld extends PApplet {
/**
* Die Methode setup wird nach dem Initialisieren des Grafiksystems von main aufgerufen.
*/
public void setup() {
createCanvas(800, 600); // definiert das Koordinatensystem: 800 nach rechts, 600 nach unten
background(60); // füllt den Hintergrund grau (60 von maximal 255)
fill(255); // Füllfarbe ab jetzt: weiß
textSize(50);
text("Hallo Welt!", 50, 300); // Text an der Position (50, 300)
}
}
</script>
</div> -->
<!-- <h1>Zweites Beispiel</h1>
<div class="java-online" style="width: calc(80% - 10px); height: 300px; margin-left: 5px" data-java-online="{
'withFileList': true,
'withPCode': false,
'withConsole': false,
'withErrorList': false,
'id': 'abcd2',
'spritesheetURL': 'assets/test_spritesheets/JavaKara-Spritesheet.zip'
}">
<script type="text/plain" title="Test1.java" data-type="java" src="assets/test_programs/test1.java">
</script>
<script type="text/plain" title="Test2.java" data-type="java" src="assets/test_programs/test2.java">
</script>
</div> -->
<h1>Drittes Beispiel</h1>
<div class="java-online" style="width: 100%; height: 70vh; margin-left: 5px" data-java-online="{
'withBottomPanel': true,
'id': 'abcd3',
'libraries': ['gng']
}">
<script type="text/plain" title="Test2.java" data-type="java">
World w = new World();
new Circle(200, 200, 100);
</script>
<script type="text/plain" title="Test3.java" data-type="java">
println("Hier!");
</script>
</div>
</body>
</html>