Рецепты простой и вкусной кулинарии добавить функцию score задать ему условие и добавить score к переменной астероида и задать положение подсчету очков!
В целом интересно, нашла для себя новое, но в начале очень затянуто. И еще - человек, который не знает, как объявлять переменные точно не поймет того, что объясняется дальше. Ну т.е. какое-то странное сочетание совсем простых вещей в начале урока и более сложных далее.
А разве не нужно создание canvas и context внутри цикла ставить? Чтобы каждый раз создавался новый кадр т.к. у нас все отрисовывается в одном канвасе, наслаиваясь кадр на кадр, и если без фона , то будут видны все кадры?
Я понял твой вопрос. Ответ: нет, так как в канвасе нет объектов, это просто набор точек, каждая из которых имеет свой цвет, если ты эту точку прорисовываешь ещё раз, то "нижний слой", как ты сказал в этой точке удаляется
Просто забугорный урок как-то смотрел по анимации (не мог найти сейчас) , так в нем как раз делался канвас и контекст внутри цикла, т.е. объект канваса перезаписывался в каждом новом кадре, поэтому и возник вопрос , что в итоге правильно, но если как говорите просто точку нарисовал на экране и забыл, то наверно так правильно)
@@KLikAlex Правильно использовать метод clearRect(); в самом начале функции отрисовки нашего канвас контекста. в этот метод по традиции передаем нулевые координаты и ширину и высоту канвас холста. в этом случае не будет "шлейфа"
я такую функцию написал для нахождения пересечения function checkIntersection(obj1, obj2) { const isXIntersects = obj1.x + obj1.width >= obj2.x && obj1.x = obj2.y && obj1.y
структура? что? это же объект обычный объект, а { a: 1, b: 2 } просто свойства объекта а получая значение x.a , вы получаете просто свойство объекта. это же не совсем переменная . зачем усложнять то?
Ссылка перестала быть актуальной. Скиньте, пожалуйста, ещё раз. Хочется посмотреть размеры и сначала попробовать с вашим контентом, чтобы потом найти свой такими же размерами, или подогнать под него.
Спасибо! Я сейчас разглядел, что ссылка автора видео не работает, потому что в ссылку включился лишний текст. Вот рабочая ссылка: game.vseverske.ru/game.zip
да не привычно для js. Но в c++, например, это тип-структура, а в js нет типов - всё объекты, даже null. Видимо автор привык к "нормальным" языкам программирования ;))
![Easy mode. Простые инструменты для несложных приложений [GeekBrains]](http://i.ytimg.com/vi/0-r5VuHV6Ng/mqdefault.jpg)
![Easy mode. Простые инструменты для несложных приложений [GeekBrains]](/img/tr.png)
![Пишем HTML5 арканоид на чистом JavaScript и Canvas [GeekBrains]](http://i.ytimg.com/vi/Y5_ZgpiI6jI/mqdefault.jpg)
![Игра на чистом JavaScript за 20 минут. Создание своего движка для игры на ES6. [Игра за 5 минут #1]](http://i.ytimg.com/vi/oNqNOXKNqT0/mqdefault.jpg)
Очень простой и понятный урок! Автор, спасибо!!!
В начале - для новичков.
В процессе - Ошибку словили, а нет времени разбираться...
Отличный подход к обучению
Александр Вовк там вместо console cosole написал, онж поправил....
Качественно и без воды, спасибо
а собственно где папка с изображениями и исходниками?
Where can I find the start files?
Очень круто! Спасибо за подробный разбор)
Супер, голос хороший, все очень понятно и доступно
Cупер! !Автор молодец!! А можете пример с какой нибудь бродилкой ?
Как добавить паузу ребята?
Дайте исходник пожалуйста (код)
ну и как убрать эту ошибку 1:07:39?
Все, круто пока получается все картинки качал сам другие с инета, но вот на постере видоса типа другая игруля, а как такую попробовать сделать!?
скинте плиз код на установку щита, буду очень благодарен
Можете написать, что надо добавить к игре, чтобы появился подсчет очков и конец игры в случае столкновения корабля с астероидами?
Рецепты простой и вкусной кулинарии добавить функцию score задать ему условие и добавить score к переменной астероида и задать положение подсчету очков!
@@Фрайт-м1р или же создать переменную очки и в функции удаления астероидов добавлять +1
где скачать java skript
мда
@@dollar70rubley и что мда
Для создания приложений на javascript не нужен компилятор, т.к. это интерпретируемый язык. Интерпретатор встроен в любой браузер.
Его скачивать не надо, oн есть в каждом браузере.
@@ПетрФролов-е6г ему нужен на компьютер а не в браузер. незнаешь молчи.
Было бы не плохо скинуть сами файлы куда нибудь!
А где ссылки?
В целом интересно, нашла для себя новое, но в начале очень затянуто. И еще - человек, который не знает, как объявлять переменные точно не поймет того, что объясняется дальше. Ну т.е. какое-то странное сочетание совсем простых вещей в начале урока и более сложных далее.
Исходник остался?
Скажите плиз, как называется цветовая схема редактора
Исходник с картинками не скачиваются(
Можно ссылки на источники и ресурсы игры?
по id можно сразу писать переменную без document.querySelector("#..")
А разве не нужно создание canvas и context внутри цикла ставить? Чтобы каждый раз создавался новый кадр т.к. у нас все отрисовывается в одном канвасе, наслаиваясь кадр на кадр, и если без фона , то будут видны все кадры?
Alexey Klik Нет, канваса создаётся один раз и прописывается единожды в html
Я понял твой вопрос. Ответ: нет, так как в канвасе нет объектов, это просто набор точек, каждая из которых имеет свой цвет, если ты эту точку прорисовываешь ещё раз, то "нижний слой", как ты сказал в этой точке удаляется
Просто забугорный урок как-то смотрел по анимации (не мог найти сейчас) , так в нем как раз делался канвас и контекст внутри цикла, т.е. объект канваса перезаписывался в каждом новом кадре, поэтому и возник вопрос , что в итоге правильно, но если как говорите просто точку нарисовал на экране и забыл, то наверно так правильно)
@@KLikAlex Правильно использовать метод clearRect(); в самом начале функции отрисовки нашего канвас контекста. в этот метод по традиции передаем нулевые координаты и ширину и высоту канвас холста. в этом случае не будет "шлейфа"
@@chernigamaxim4646 Спасибо за совет, попробую.
Ребят, а что за редактор, в котором он пишет код?
Pain
Кому нужна логика столкновения корабля с астероидом:
for (i in astero) {
if (ship.x < astero[i].x + (ширина корабля) &&
ship.x + (ширина корабля) > astero[i].x &&
ship.y < astero[i].y + (высота корабля) &&
ship.y + (высота корабля) > astero[i].y) {
// do something
}
}
Это не правильная формула)
@@admenmod +
по моему там так же как с выстрелом в астероид,проверяем каждый астероид на столкновение с кораблем
я такую функцию написал для нахождения пересечения
function checkIntersection(obj1, obj2) {
const isXIntersects = obj1.x + obj1.width >= obj2.x && obj1.x = obj2.y && obj1.y
42:46 - splice
А что означает d?
Конечно не удаляет, потому что slice создаёт новый массив копию, а не удаляет :) Нужен splice =)
голос приятный.
Потрясно..
)
какой классный урок
Да видим, видим, давай уже. Не дал пожрать...
структура? что? это же объект обычный объект, а { a: 1, b: 2 } просто свойства объекта а получая значение x.a , вы получаете просто свойство объекта. это же не совсем переменная . зачем усложнять то?
Вы не могли бы дать ссылку на B4W пример? Я пытался найти на их сайте среди демок, но там такого примера не нашёл.
что за сайт с демками?
*Если не сложно ,то можете скинуть : фон, и рисунки*
Картинки в архиве с игрой game.vseverske.ru/game.zip или можете использовать любые свои
Ссылка перестала быть актуальной. Скиньте, пожалуйста, ещё раз. Хочется посмотреть размеры и сначала попробовать с вашим контентом, чтобы потом найти свой такими же размерами, или подогнать под него.
Если нужны картинки, зайди на сайт game.vseverske.ru/
Там через панель разработчика можно добраться до всех нужных файлов.
Я так делал)
Спасибо! Я сейчас разглядел, что ссылка автора видео не работает, потому что в ссылку включился лишний текст. Вот рабочая ссылка: game.vseverske.ru/game.zip
@@ivan.enzhaev спасибо
Кто бы ни читал этот комментарий, знай, что *ГОСПОДЬ ИИСУС ХРИСТОС ЛЮБИТ ТЕБЯ!*
Whoever reads this comment, know that *LORD JESUS CHRIST LOVES YOU!*
Лайк!
очень круто
У меня вопрос, автор видео из Северска? Если да, то следующий вопрос, если не секрет, где в данный момент на жизнь зарабатываете?
странные вопросы в комментаХ
если на ваших курсах учат так же..это как то зашкварно.
У тебя бокс на канале)) ты бокСЁР))
так и есть, сделал пару таких игр и все ты геймдизайнер))
удалить через shift
что за браузер с консолью
Chrome
любой?
Блин, не успел :(
Ничего не понял((
Super
А этот канал заброшенный или здесь все ещё выходят уроки???
@Eriks Verobejs иди гакуй
Noted++ серьёзно?))
бляя...масив структур. geekbrains же . вы че?
это обьект, зачем называть структурой это
да не привычно для js. Но в c++, например, это тип-структура, а в js нет типов - всё объекты, даже null. Видимо автор привык к "нормальным" языкам программирования ;))
Г**но! я кликнул по картинке платформера с интерфейсом , а тут такое(
шут он и в Африке шут
+
На превью крутая игра тут г какое то
_
e5urt
ттт
Очень хочу создать игры, но знаю только js, спасибо
Можете написать, что надо добавить к игре, чтобы появился подсчет очков и конец игры в случае столкновения корабля с астероидами?
Nekomata, добавь в HTML файле divс конкретный id, погугли, как в него выводить значения JavaScript переменной
context.fillText(count, 10, 40); переменная count инкрементируется при удалении астероида, 10,40 - координаты надписи.
текст можно предворительно стилизовать: context.fillStyle = "white";//белый цвет
context.font = "40px Arial";//размер и шрифт
+