/consulta

<script>
            var canvas;
            var context;

            var carroX = 0;
            var carroY = 497; //arrumar com altura do canvas - altura do carro

            var TECLA_SETA_ESQUERDA  = 37;
            var TECLA_SETA_DIREITA  = 39;

            var velocidadeCarro = 15;

            var limiteTela;
            var batidas = 0;

            var limiteVelocidade = 15;
            var anguloRadianos = .9; 

            function Inicializar(){
                canvas = document.getElementById('meuCanvas');
                context = canvas.getContext('2d');

                imgFundo = new Image();
                imgFundo.src = "fundo.png";         

                imgCarro = new Image();
                imgCarro.src = "carro.png";

                imgMacaco = new Image();
                imgMacaco.src = "macaco.png"

                imgIma = new Image();
                imgIma.src = "ima_corda.png";

                context.font = '20px Helvetica';
                context.fillStyle = 'white';    

                limiteTela = (canvas.width - 158 - 58);
                console.log(limiteTela);

                setInterval(Loop, 1000 / 60)    
            }

            function Loop(){
                Desenhar();
            }

            function Desenhar () {
                context.drawImage(imgFundo,0,0);
                context.drawImage(imgCarro,carroX,carroY);
                context.drawImage(imgMacaco,carroX+100,carroY-25);

                context.save();

                var imaVertPivot = imgIma.height;
                var imaHoriPivot = 0;
                var imaCentroTela = canvas.width / 2 - 69;
                context.translate(imaVertPivot, imaHoriPivot);
                context.rotate(anguloRadianos);
                context.translate(-(imaVertPivot), -(imaHoriPivot));
                context.drawImage(imgIma, imaCentroTela, 0);

                context.restore();

                context.fillText('Batidas: ' + batidas, 70, 30);
            }

            function VerificaTeclado(evento){

            if(carroX > 0){
                if(evento.keyCode == TECLA_SETA_ESQUERDA){
                    carroX -= velocidadeCarro;
                    anguloRadianos += .04;
                }
            } else {
                batidas++;
            }

            if(carroX < limiteTela){
                if(evento.keyCode == TECLA_SETA_DIREITA){
                    anguloRadianos -=.04;
                    carroX += velocidadeCarro;
                }
            } else {
                batidas++;
            }

            }
        </script>

        <body onload="Inicializar();" onkeydown="VerificaTeclado(event);">
        <canvas id="meuCanvas" width="800" height="600">
        Seu browser não suporta canvas!
        <canvas/>
Jogos Web - N1 - 2014 2S
