Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Utilizar estrutura if separados ao invés de aninhados deixa o código mais rápido?

<canvas width ="600" height="400"></canvas>

<script>
    var tela = document.querySelector('canvas')
    var pincel = tela.getContext('2d');
    var raio = 10;

    pincel.fillStyle = 'grey';
    pincel.fillRect(0, 0, 600, 400);

    function desenhaCirculo(evento){

        //capturando as coordenadas do click do mouse

        var x = evento.pageX - tela.offsetLeft;
        var y = evento.pageY - tela.offsetTop; 


        console.log(x + ',' + y);


        if(evento.shiftKey){
            raio = raio + 10;
            if( raio == 40){
                raio = 10; 
            }
        }

        if(evento.altKey){
            raio = raio - 5;  
            if(raio < 10)
            raio = 10;
        }

        // inserindo a cor
        pincel.fillStyle = 'blue';
        pincel.beginPath();
        pincel.arc(x, y, raio, 0, 2 * 3.14);
        pincel.fill();
    }
    tela.onclick = desenhaCirculo;
</script>
2 respostas
solução!

Boa noite, Wagner! Como vai?

Na realidade, aninhado seria mais rápido que separado. Mas a rapidez com que o computador processa isso é tão rápida que para causar uma perda significativa seriam necessários diversas instruções if. Além do mais, o que vai definir se um if é aninhado ou separado é a lógica do seu programa e não a rapidez.

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

grato pela ajuda professor