Commentaire: Nous avons initialisé la raquette avec jQuery. Maintenant, nous faisons une expérience sur la façon d'utiliser JQuery pour placer des éléments de jeu et utiliser l'arrière-plan de la grille pour vérifier l'emplacement de nos éléments de jeu. Les amis intéressés peuvent en savoir plus. Je vous souhaite à tous un développement de jeux heureux
Introduction jQuery[Je ne lirai pas cette partie, il y en a beaucoup sur Internet. Si vous ne comprenez pas, veuillez chercher une fille Baidu]
Utilisez jQuery pour faire fonctionner les éléments de jeu
Nous avons initialisé la raquette avec jQuery. Maintenant, nous faisons une expérience sur la façon de placer des éléments de jeu à l'aide de jQuery.
Déplacer - Utilisez jQuery pour modifier la position de l'élément
Utilisons un arrière-plan de la grille pour vérifier la position de l'élément de notre jeu:
1. Continuons à utiliser l'exemple de Pingpong.
2. Téléchargez l'image de l'arrière-plan de la grille dont nous avons besoin à partir d'ici.
3. Créez un dossier nommé Images dans le répertoire d'exercice.
4. Placez l'image téléchargée dans le dossier Jimages. Cette image nous aidera à vérifier le déplacement des pixels plus tard.
5. Suivant, ouvrez index.html dans l'éditeur.
6. Modifiez la propriété d'arrière-plan de Playground Div comme suit pour inclure des images de grille Pixel.
#Playground {
Contexte: # E0FFE0 URL (images / pixel_grid.jpg);
Largeur: 400px;
hauteur: 200px;
Position: relative;
débordement: caché;
}
7. Open index.html dans le navigateur. Ce que nous devrions voir devrait être la capture d'écran suivante: une grille est couverte sur le fond du jeu, et nous pouvons maintenant voir l'emplacement de tous les éléments.
ce qui s'est passé?
Pour un débogage facile, nous avons placé une image appelée pixel_grid.jpg en arrière-plan. Cette image a de nombreuses petites grilles, chaque grille 10x10 forme un grand morceau de 100x100 pixels. Grâce à cette image, nous avons une règle qui nous permet de mesurer la position des éléments à l'écran.