Desenvolva imagens gráficas coloridas de 0 a 1 animação HTML5 Canvas
Preço por unidade incluindo frete para o Brasil
Quantidade
Produto selecionado
Especificações do produto
Marca
42960263
Editora
People's posts and telecommunications press
Autor
Mo zhenjie
Data de publicação
2020.06
Título
From 0 to 1 html5 canvas animation development full color version graphics and images
Foit
16 open
Número do livro
9787115537065
Preço do livro
89.80
Marca
42960263
Editora
People's posts and telecommunications press
Autor
Mo zhenjie
Data de publicação
2020.06
Título
From 0 to 1 html5 canvas animation development full color version graphics and images
Foit
16 open
Número do livro
9787115537065
Preço do livro
89.80
Marca
42960263
Editora
People's posts and telecommunications press
Autor
Mo zhenjie
Data de publicação
2020.06
Título
From 0 to 1 html5 canvas animation development full color version graphics and images
Foit
16 open
Número do livro
9787115537065
Preço do livro
89.80
Detalhes do produto
Texto da imagem traduzido automaticamente
Índice
Parte 1 Noções básicas do Canvas
Capítulo 1 Visão geral do Canvas 3
1.1 O que é Canvas?
1.1.1 Introdução ao Canvas 3
1.1.2Canvas e SVG5
1.2 Elemento Canvas 5
1.2.1 Introdução ao Canvas Element 6
1.2.2Objeto Canvas 8
Capítulo 2 Figuras Lineares 10
2.1 Introdução aos Grafos Lineares 10
2.2 Linha Reta 10
2.2.1 Sistema de Coordenadas Canvas 10
2.2.2 Desenhando uma linha reta 11
2.3 Retângulo 16
2.3.1 Traço retângulo 16
2.3.2 Preenchendo o retângulo 18
Método 2.3.3rect() 22
2.3.4 Limpar retângulo 24
2.4 Polígono 26
2.4.1 Flecha 26
2.4.2 Polígonos regulares 27
2.4.3 Pentagrama 30
2.5 Questão prática: Desenhando uma paleta de cores 31
Capítulo 3 Gráficos de Curva 34
3.1 Introdução aos Gráficos de Curva 34
3.2 Rodada 34
3.2.1 Introdução ao Círculo 34
3.2.2 Círculo de Traço 35
3.2.3 Preenchendo o Círculo 38
3.3 Arco 39
3.3.1 Método arc() para desenhar arcos 39
3.3.2 Método arcTo() para desenhar arcos 43
3.4 Curva de Bézier quadrática 47
Curva de Bézier cúbica 3,5 50
3.6 Questão prática: Desenhando um setor 54
Capítulo 4 Operações de Linha 57
4.1 Introdução à Operação de Linha 57
Atributo 4.2lineWidth 57
4.3lineCap atributo 60
4.4Atributos lineJoin 63
Método 4.5setLineDash() 65
Capítulo 5 Operações de Texto 67
5.1 Introdução às Operações de Texto 67
5.2 Métodos de Operação de Texto 67
Método 5.2.1strokeText() 68
5.2.2 Método fillText() 69
Método 5.2.3measureText() 71
5.3 Propriedades da operação de texto 73
5.3.1 atributo de fonte 73
5.3.2atributo textAlign 74
5.3.3Atributo textBaseline 76
Capítulo 6 Operações de Imagem 78
6.1 Introdução à Operação de Imagem 78
6.2 Desenho de Imagens 78
6.2.1 drawImage(imagem, dx, dy)78
6.2.2drawImage(imagem, dx, dy, dw, dh)81
6.2.3drawImage(imagem,sx,sy,sw,sh,dx,dy,dw,dh)83
6.3 Imagens em mosaico 85
6.4 Cortando fotos 88
6.5 Operação de imagem em profundidade 91
Capítulo 7 Operações de Transformação 94
7.1 Introdução às operações de deformação 94
7.2 Tradução Gráfica 94
7.2.1 Método translate() 94
O método 7.2.2clearRect() limpa o Canvas98
7.3 Dimensionamento Gráfico 99
7.3.1 método scale() 99
7.3.2 Efeitos colaterais do método scale() 103
7.4 Rotação Gráfica 104
7.4.1 método rotate() 104
7.4.2 Alterando o Centro de Rotação 107
7.5 Matriz de Transformação 108
7.5.1 Método transform() 108
7.5.2 Método setTransform() 113
7.6 Operação de deformação em profundidade 115
7.7 Questão prática: Desenhando belos gráficos 117
7.8 Questão prática: Desenhando um arco-íris 118
Capítulo 8 Operações de Pixel 120
8.1 Introdução às Operações de Pixel 120
8.1.1 Método getImageData() 120
8.1.2 Método putImageData() 121
8.2 Efeito de Reversão 122
8.3 Efeito Preto e Branco 125
8.4 Efeito de brilho 128
8.5 Efeito Retro 129
8.6 Máscara Vermelha 131
8.7 Processamento Transparente 133
8.8 Método createImageData() 134
Capítulo 9 Gradientes e Sombras 138
9.1 Gradientes Lineares 138
9.2 Gradiente Radial 142
9.3 Sombras 147
Capítulo 10 Canvas Path 152
10.1 O que é um caminho? 152
10.2 beginPath() e closePath()
Método 152
10.2.1 Método beginPath() 152
Método 10.2.2closePath() 155
Método 10.3isPointInPath() 161
Capítulo 11 Canvas State 164
11.1 O que é o Status 164?
Método 11.2clip() 164
11.3Métodos save() e restore() 167
11.3.1 Corte de Gráficos ou Imagens 168
11.3.2 Deformação gráfica ou de imagem 170
11.3.3 Alterações nos atributos de estado 172
Capítulo 12 Outras Aplicações 175
12.1 Objeto Canvas 175
12.1.1 Propriedades do objeto Canvas 175
12.1.2 Métodos de Objeto Canvas 177
12.2 propriedade globalAlpha 179
12.3 Propriedades globalCompositeOperation 180
12.4strokeStyle e fillStyle184
Parte 2 Canvas Avançado
Capítulo 13 Operações de Eventos 191
13.1 Introdução Avançada ao Canvas 191
13.2 Eventos do mouse 191
13.2.1 Introdução aos Eventos do Mouse 201
13.2.2 Obtendo a posição do ponteiro do mouse 208
13.3 Eventos de teclado 194
Catálogo de livros da série 0 a 1 2
13.3.1 Introdução aos Eventos de Teclado 194
13.3.2 Obtendo a Direção do Movimento do Objeto 205
13.4 Eventos de Loop 198
Capítulo 14 Animação Física 201
14.1 Introdução à Animação Física 201
14.2 Introdução às funções trigonométricas 202
14.2.1 O que são funções trigonométricas?
14.2.2Math.atan() e Math.atan2() 203
14.3 Aplicações de funções trigonométricas 208
14.3.1 Distância entre dois pontos 208
14.3.2 Movimento Circular 210
14.3.3 Movimento da forma de onda 215
14.4 Movimento Uniforme 220
14.4.1 Introdução ao Movimento Uniforme 220
14.4.2 Síntese e decomposição da velocidade 221
14.5 Movimento Acelerado 225
14.5.1 Introdução ao Movimento Acelerado 225
14.5.2 Síntese e decomposição da aceleração 228
14.6 Gravidade 230
14.6.1 Introdução à Gravidade 230
14.6.2 Aplicação da Gravidade 231
14,7 Atrito 235
Capítulo 15 Detecção de Limites 238
15.1 Introdução à Detecção de Limites 238
15.2 Limites 239
15.3 Envoltório de Limite 241
15.4 Geração de Limites 246
15,5 Rebote de limite 252
Capítulo 16 Detecção de Colisão 257
16.1 Introdução à Detecção de Colisão 257
16.2 Determinação do Retângulo Circunscrito 257
16.3 Método de determinação do círculo circunscrito 265
16.4 Colisões de múltiplos objetos 269
16.4.1 Permutações e Combinações 269
16.4.2 Colisões de múltiplos objetos 270
Capítulo 17 Interação do Usuário 277
17.1 Introdução à interação do usuário 277
17.2 Capturando Objetos 277
17.2.1 Introdução aos Objetos Capturados 277
17.2.2 Capturando Objetos Estacionários 279
17.2.3 Capturando objetos em movimento 281
17.3 Arrastando Objetos 285
17.4 Arremesso de Objetos 290
Capítulo 18 Animação Avançada 299
18.1 Introdução à Animação Avançada 299
18.2 Introdução à animação de suavização 299
18.3 Aplicação de animação em câmera lenta 306
18.4 Introdução à Animação Elástica 310
18.5 Aplicação de Animação Elástica 314
Capítulo 19 Desenvolvimento de jogos Canvas 319
19.1 Introdução ao desenvolvimento de jogos em Canvas 319
19.2 Introdução ao Box2D 320
19.2.1Box2D320
19.2.2Box2DWeb320
19.3 Mecanismo de jogo HTML5 323
Capítulo 20 Biblioteca de gráficos de tela 326
20.1 Introdução à Biblioteca de Gráficos Canvas 326
20.2ECharts e HightCharts327

breve introdução
Com base em seus muitos anos de experiência em desenvolvimento front-end e back-end, o autor apresenta a tecnologia de desenvolvimento de animação HTML5 Canvas em detalhes. Este livro é dividido em duas partes: a primeira parte apresenta o conhecimento básico do Canvas, incluindo principalmente a visão geral do Canvas, gráficos de linha reta, gráficos de curva, operações de linha, operações de texto, operações de imagem, operações de deformação, operações de pixel, gradientes e sombras, caminhos do Canvas, estados do Canvas e outras aplicações; a segunda parte apresenta o conhecimento avançado do Canvas, incluindo principalmente operações de eventos, animação física, detecção de limites, detecção de colisões, interação do usuário, animação avançada, desenvolvimento de jogos Canvas e biblioteca de gráficos Canvas. Além disso, este livro também é equipado com código-fonte e material didático de PPT para todos os casos do livro para facilitar o ensino dos professores. Este livro é adequado como um livro de referência para desenvolvedores front-end e também pode ser usado como um livro didático e livro de referência de ensino para cursos relacionados em várias faculdades e universidades.

Total
Entrega
ICMS
PIS e COFINS
Outro