Desafio pessoal "Xadrez" Teria alguma maneira mais simplificada de fazer?

// Desculpe, me adiantei na dúvida e na aula 2 tem a resposta!

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

<script>

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');
        var pulox = 0;
        var puloy = 0;

            while(puloy <= 600){

                if (pulox <= 600){

                    pincel.fillStyle =  'black';
                    pincel.fillRect(pulox, puloy, 20, 20);
                    var pulox = pulox + 40;

                } else {
                    pulox = 0;
                    pincel.fillStyle =  'red';
                    pincel.fillRect(pulox, puloy, 20, 20);
                    var puloy = puloy + 40;
                    //Coloquei o "red" para saber se estava pulando as linhas...

                }
            }

</script>