html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style> body {margin:0; padding:0; background-color: black;}</style>
</head>
<body>
<canvas id="c"></canvas>
<input type="range" id="change" min="2" max="20" step="0.1" value="2" onchange="changeR"></input>
</body>
</html>
<!-- By @Gami DONT STEAL -->
Enter to Rename, Shift+Enter to Preview
css
css
1
Enter to Rename, Shift+Enter to Preview
js
js
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
alert("I just realised the angle was calculated in radians so i had to convert it to degrees!! The reason is because it looked a bit off! xD")
var c;
var cc;
var a;
var cx = 5;
var n = 0;
var x;
var y;
var radius=2;
window.onload = function() {
c = document.getElementById("c");
cc = c.getContext("2d");
c.width = window.innerWidth;
c.height = 12*window.innerHeight/13;
//draw();
var t = setInterval(draw, 1000/60);
}
function draw() {
changeR();
a = n * 137.5 * (Math.PI/180);
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run