Raise the Stakes pt-br Explainer

Explicação de Aumente as apostas

Objetivo deste desafio: Fazer o balão aumentar de velocidade à medida que ele cai e removê-lo se atingir o chão.

Passo a passo da solução: Para mudar a maneira como uma transição move uma forma do ponto A para o B, usamos .ease(). A função .ease() pega 1 argumento armazenado na biblioteca d3. Nesse caso, há apenas 1 função de aceleração indicada: .easeQuadIn. Para aplicar a nova função de aceleração, basta anexar .ease(d3.easeQuadIn) ao site .transition(). Para fazer o balão “estourar” se ele tocar o chão, precisamos usar .remove(). Sabemos que o balão toca o chão quando a transição termina, por isso podemos simplesmente adicionar .remove() à .transition() também. A transição sabe remover o balloon apenas no final, mesmo que você use .transiton().remove()...

Cartões de revisão:
Este último desafio pode testar um pouco sua memória. Você aprendeu .ease() e .remove() no 1º curso de Animações. Se você concluir o desafio Cortando as cordas, deverá conseguir descobrir Aumente as apostas. Se quiser praticar um pouco mais, tente resolver Fazer um strike e Gravidade estranha do último curso.

Solução do código de exemplo:
(Toque abaixo para revelar)

Since this is part of the final topic of the Animations II course and it is testing your knowledge, there is no sample solution code.

Conceitos de D3: .ease(), .remove()
Código Adicional (código oculto executado antes do código do desafio):

var position = [];
for (var i=35; i<=window.innerWidth-35; i+=5) {
    position.push(i);
}

svg.append('rect').attr('fill','silver').attr('y',165+35).attr('width',window.innerWidth).attr('height',window.innerHeight-200);

1 Like

valeu amigo
Deu certo

primeiro passo sigam as setas azul if value dentro escrava 1
segundo passo sigam as setas rosas clique em print e escreva one boa sorte pessoal não esqueça de clicar onde está o quadrado azul e rosa