-
Notifications
You must be signed in to change notification settings - Fork 8
/
cc2_practice_mod_1.0.html
114 lines (109 loc) · 3.63 KB
/
cc2_practice_mod_1.0.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
<title>CELESTE Classic</title>
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<style type="text/css">
::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(128, 128, 128, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.content hr {
border-top: 0.19em solid #fff1e8;
border-bottom: 0;
border-left: 0;
border-right: 0;
text-align: left;
margin-left: 0;
width: min(720px, 80vw);
}
.subcontent {
width: min(720px, 80vw);
padding-left: 1ch;
}
.content em {
font-weight: normal;
font-style: normal;
color: #c2c3c7;
}
canvas#canvas {
width: 512px;
height: 512px;
}
canvas {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
border: 0px
}
</style>
</head>
<body>
<div class="bootup">
<img src="p8logo.png"> <img src="maddy.png" style="height:1.5em"><br><br>
pico-8 0.2.5g<br>
(c) 2014-23 lexaloffle games llp<br>
<br>
</div>
<div class="content">
> celeste classic 2 v1.0 practice mod<br>
<br>
<a href="index.html">back to homepage</a><br>
<br>
<table>
<tr>
<td>
<div style="width:512px;height:512px;border-style:solid;border-width:4px;border-color:#1d2b53;">
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var Module = {};
Module.canvas = canvas;
</script>
<script async type="text/javascript" src="celeste2_1.0_practice_mod.js"></script>
<script>
function onKeyDown_blocker(event) {
event = event || window.event;
var o = document.activeElement;
if (!o || o == document.body || o.tagName == "canvas")
{
if ([32, 37, 38, 39, 40].indexOf(event.keyCode) > -1)
{
if (event.preventDefault) event.preventDefault();
}
}
}
document.addEventListener('keydown', onKeyDown_blocker, false);
</script>
</div>
</td>
<td>
<div id="p8_desktop" style="width:148px;height:512px;max-height:512px;overflow-y:auto"></div>
</td>
</tr>
</table>
<br>
<div class="subcontent">
controls<hr>
<em>s/f</em>: previous/next section or checkpoint<br>
<em>shift+s/f</em>: previous/next section (skips checkpoints)<br>
<em>e</em>: select checkpoint to end on<br>
<br>
<em>ctrl+9</em>: create gif of last 8 seconds<br>
<br>
a standalone practice mod can be downloaded <a href="https://github.com/CelesteClassic/Celeste2PracMod">here</a>.
</div>
</div>
</body>
</html>