Google "Удар сапог"

Question

Я только что натолкнулся

на этот

Это выглядит довольно круто, поэтому я, конечно, нажал , щелкнув правой кнопкой мыши и проверив элемент , но все, что я увидел, было кучей script теги и один тег canvas с текстом «». Эта игра создана для Google Chrome ».

Почему я не вижу, что происходит в html? а у вас есть приблизительное представление о том, как они это построили?

Answer 1

Это построено с использованием HTML-элемента Canvas , который представляет собой растровое изображение с непосредственным рисованием в режиме.В них нет элементов DOM для проверки только пикселей.

Их код (например, видеоигры) будет иметь своего рода цикл, который будет рисовать новые кадры на холсте.

Answer 2

Они используют Canvas: «это новый элемент HTML, который можно использовать для рисования графики с использованием сценариев». Отличный учебник по холсту можно найти на страницах разработчиков Mozilla: https://developer.mozilla.org/en/canvas_tutorial