1
resposta

Um desenho só para praticar

Tentei fazer um desenho simples de uma espada para ver como fica.

<canvas width="2000" height="1000"></canvas>

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

    pincel.fillStyle = 'grey';
    pincel.fillRect(0, 0, 2000, 1000);

    //cabo
    pincel.fillStyle = 'lightBlue';
    pincel.fillRect(950, 450, 50, 200);

    //guarda
    pincel.fillStyle = 'darkBlue';
    pincel.fillRect(800, 450, 350, 30);
    pincel.fillRect(950, 400, 50, 50);


    // Lâmina
    pincel.fillStyle = 'white';
    pincel.beginPath(850, 460);
    pincel.moveTo(975, 50);
    pincel.lineTo(950, 100);
    pincel.lineTo(1000, 100);
    pincel.fill();

    pincel.fillStyle = 'white';
    pincel.fillRect(950, 100, 50, 300);

    //Pomo
    pincel.fillStyle = 'black'
    pincel.beginPath();
    pincel.arc(975, 680, 40, 25, 2 * 3,14);
    pincel.fill();

</script>
1 resposta

Olá Daniel! Tudo bem?

É muito legal ter essa iniciativa de compartilhar aqui no fórum a sua solução para que outros possam aprender com ela! Além disso você está praticando o que aprendeu em aula, testando novos desenhos, e isso é ótimo.

Quando compartilhamos essas soluções aqui, no fórum, temos a chance de enriquecer o nosso conhecimento e também o dos colegas que estão estudando os mesmos desafios e podem não ter encontrado essa forma de solucionar.

Conte conosco sempre que precisar de ajuda... estamos aqui com muitos outros colegas do fórum e vamos ajudar! 😄

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.Bons Estudos!