-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (73 loc) · 2.13 KB
/
index.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my COMP1720 sketch</title>
<style>
body {
padding: 0;
margin: 0;
overflow: hidden
}
</style>
<!-- this is the main p5 library -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
<script src="sketch.js"></script>
<script src="cat_paint.js"></script>
<script src="fish_tank.js"></script>
<script src="opening_scene.js"></script>
<script src="cat_face.js"></script>
<script src="diary.js"></script>
<script src="spell_book.js"></script>
<script src="rita-full.min.js"></script>
<script src="potion_room.js"></script>
<!-- this is the p5 sound library -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/addons/p5.sound.js"></script>
<!-- this is the ML library -->
<script src="https://unpkg.com/ml5@latest/dist/ml5.min.js"></script>
<!--
Note: if you have no access to the internet, the cdnjs.cloudflare.com links
above (and therefore your sketch) won't work.
If you want to be able to work offline, you will need to download the p5
libraries (e.g. from https://p5js.org/download/ and place them in a `lib`
folder in this project. Then, you can remove the <script> tags above and replace
them with the (currently commented-out) ones below:
<script src="lib/p5/p5.js"></script>
<script src="lib/p5/addons/p5.sound.js"></script>
-->
<!-- here's where we include the actual sketch file -->
<script src="sketch.js"></script>
<!-- CSS styling for "back to gallery" button, remove scrollbars -->
<style>
body {
padding: 0;
margin: 0;
overflow: hidden;
}
nav {
position: absolute;
bottom: 0;
right: 0;
font-size: 24px;
color: #eee;
background-color: #222;
padding: 20px;
opacity: 0.5;
transition: opacity 0.3s;
font-family: sans-serif;
}
nav>a {
color: #eee;
}
nav:hover {
opacity: 1;
}
</style>
</head>
<body>
<nav>
<a href="https://comp.anu.edu.au/courses/comp1720/showcase/" style="text-decoration: none;">back to gallery</a>
</nav>
</body>
</html>