Patatap-clone/index.html at master · JIBIN-P/Patatap-clone · GitHub

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
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Patatap</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" media="screen" href="assets/css/patatapstyle.css"/>
   <script type="text/javascript" src="assets/javascript/patatap.js"></script>
   <script src="assets/javascript/lib/PaperJS/dist/paper-full.js"></script>
   <script type="text/paperscript" canvas="myCanvas">
      function onKeyDown(event) {
         var maxPoint = new Point(view.size.width, view.size.height);
         //This will generate random points from .0 to .999(console.log) for better understanding
         var randomPoint = Point.random();
         var point = maxPoint * randomPoint;
         new Path.Circle(point, 50).fillColor = "orange";
   }
   </script>
</head>
<body>
   <canvas id="myCanvas" resize></canvas>
   <script src="/assets/javascript/patatap.js"></script>
</body>
</html>