Untitled

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            canvas {
                position: fixed; left: 10px; top: 10px;
            }
        </style>
        <script>
            var canvas;
            var ctx;
            function init()
            {
                canvas=document.getElementById("canvas");
                ctx=canvas.getContext("2d");
                animacja();
            }
            function animacja()
            {
                y=100;
                x=100;
                requestAnimationFrame(animacja);
                ctx.clearRect(0,0,innerWidth,900);
                ctx.beginPath();
                ctx.arc(x,y,15,0,2*Math.PI);
                ctx.stroke();
                ctx.fillStyle = "#cccccc";
                ctx.fill();

                if (x + 1300>innerWidth || x<0)
                {
                    x=x+1;
                }
            }
        </script>
    </head>
    <body onload="init()">
        <canvas id="canvas" width="1280" height="720"></canvas>
    </body>
</html>