Комментарий: мы инициализировали ракетку с jQuery. Теперь мы проводим эксперимент о том, как использовать jQuery, чтобы разместить игровые элементы и использовать фон сетки, чтобы проверить местоположение наших игровых элементов. Заинтересованные друзья могут узнать об этом. Желаю всем счастливой разработки игры
jquery введение[Я не буду читать эту часть, в Интернете много. Если вы не понимаете, пожалуйста, ищите девушку Baidu]
Используйте jQuery, чтобы управлять игровыми элементами
Мы инициализировали ракетку с jQuery. Теперь мы проводим эксперимент о том, как разместить игровые элементы с помощью jQuery.
MOVE - Используйте jQuery, чтобы изменить положение элемента
Давайте используем фон сетки, чтобы проверить позицию элемента нашей игры:
1. Давайте продолжим использовать пример Pingpong.
2. Загрузите фона фона сетки, нам нужна здесь.
3. Создайте папку с именем изображений в каталоге упражнений.
4. Поместите загруженное изображение в папку Jimages. Это изображение поможет нам проверить смещение пикселей позже.
5. Далее, откройте index.html в редакторе.
6. Измените фоновое свойство Playground Div следующим образом, чтобы включить Pixel Grid Pictures.
#playground {
фон: #e0ffe0 url (images/pixel_grid.jpg);
Ширина: 400px;
Высота: 200px;
позиция: относительно;
переполнение: скрыто;
}
7. Теперь открывайте index.html в браузере. То, что мы должны увидеть, должно быть следующим скриншотом: сетка покрыта на фоне игры, и теперь мы можем увидеть местоположение всех элементов.
что случилось?
Для легкой отладки мы разместили изображение под названием pixel_grid.jpg на фоне. Это изображение имеет много небольших сетей, каждая сетка 10x10 образует большую часть 100x100 пикселей. Через это изображение у нас есть правитель, который позволяет нам измерить положение элементов на экране.