Comentário: Inicializamos a raquete com jQuery. Agora estamos fazendo um experimento sobre como usar o jQuery para colocar elementos de jogo e usar o fundo da grade para verificar a localização dos elementos do jogo. Amigos interessados podem aprender sobre isso. Desejo a todos um feliz desenvolvimento de jogo
Introdução do jQuery[Eu não vou ler esta parte, há muitos na internet. Se você não entende, por favor, procure uma garota Baidu]
Use jQuery para operar elementos do jogo
Inicializamos a raquete com jQuery. Agora fazemos um experimento sobre como colocar elementos de jogo usando jQuery.
Mover - use jQuery para modificar a posição do elemento
Vamos usar um fundo de grade para verificar a posição do elemento do nosso jogo:
1. Vamos continuar usando o exemplo de pingue -pane.
2. Faça o download da imagem de fundo da grade que precisamos daqui.
3. Crie uma pasta denominada imagens no diretório de exercícios.
4. Coloque a imagem baixada na pasta Jimages. Esta imagem nos ajudará a verificar o deslocamento dos pixels posteriormente.
5. Em seguida, Open Index.html no editor.
6. Modifique a propriedade em segundo plano do Playground Div da seguinte forma para incluir fotos de grade de pixel.
#Playground {
Antecedentes: #e0ffe0 url (imagens/pixel_grid.jpg);
Largura: 400px;
Altura: 200px;
Posição: relativa;
estouro: oculto;
}
7. Agora abre o índice.html no navegador. O que devemos ver deve ser a seguinte captura de tela: uma grade é abordada no fundo do jogo, e agora podemos ver a localização de todos os elementos.
o que aconteceu?
Para facilitar a depuração, colocamos uma imagem chamada pixel_grid.jpg no plano de fundo. Esta imagem possui muitas grades pequenas, cada uma grade de 10x10 forma um grande pedaço de 100x100 pixels. Através desta imagem, temos uma régua que nos permite medir a posição dos elementos na tela.