Merge pull request #2 from sqdorte/master

appositum · web-flow · commit c344a890f06c · 2019-02-01T17:29:52.000-03:00
jooj
diff --git a/index.html b/index.html
@@ -1,14 +1,13 @@
 <!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="UTF-8">
-		<style>
-			body {
-				margin: 0;
-			}
-		</style>
-	</head>
-	<body>
-		<iframe style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0;" src="https://www.koalastothemax.com/?aHR0cHM6Ly9pLmltZ3VyLmNvbS94MXlFQUVoLnBuZw=="></iframe>
-	</body>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>jooj</title>
+    <style> body {padding: 0; margin: 0;} </style>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
+    <script src="jooj.js"></script>
+  </head>
+  <body>
+  </body>
 </html>
diff --git a/jooj.js b/jooj.js
@@ -0,0 +1,31 @@
+function setup() {
+  createCanvas(screen.width, screen.height);
+	background(255);
+}
+
+var a = 0;
+var r = 50;
+var m = Math.floor(Math.random()*800 + 250)
+var i = -1;
+
+function draw() {
+	if (i <= m+1) {
+		var x = r * cos(a);
+		var y = r * sin(a);
+
+		a += 0.1;
+		r += 0.3;
+		i += 1;
+		
+		if (i == 0 || i == m+2) {
+			char = "j"
+		} else {
+			char = "o"
+		}	
+		
+		push();
+		translate(width / 2, height / 2);
+		text(char, x,y)
+		pop();
+	}
+}
