Tenho feito utilizando true
e false
desde o exercício anterior. Creio que seja só uma mudança de sintaxe, certo?
<canvas width="600" height="400"></canvas>
<script>
var tela=document.querySelector("canvas");
var pincel=tela.getContext("2d");
function desenhaCirculo(x,y,raio){
pincel.fillStyle="blue";
pincel.beginPath();
pincel.arc(x, y, raio, 0, 2*Math.PI);
pincel.fill();
}
function limpaTela(){
pincel.clearRect(0,0,600,400);
}
var raio=10
var aumenta=true
function atualizaTela(){
limpaTela();
desenhaCirculo(300,200,raio);
pincel.fillStroke="black";
pincel.strokeRect(0,0,600,400);
if(aumenta && raio<30){
raio++;
}
else if(raio>10){
aumenta=false;
raio--;
}
else{
aumenta=true;
}
}
setInterval(atualizaTela, 20);
</script>