Гоша, пожалуйста, по больше уроков, по созданию игр. Здоровья тебе :)

Годнота!!!💪💪💪

Спасибо огромное!!! От души!!!

3:37 - Я сразу понял, что наконец-то нашёл того, кто хотябы ЗНАЕТ о ES6!

Чувак, ты самый лучший! Спсибо тебе за все твои уроки! Желаю как можно больше успехов в творчестве!!

Хороший урок, есть чуток замечаний: 1) Код загроможден переменной bох, надо оставит её только для отрисовки в пикселах, а все сравнения и расчеты по координатам вести в количестве самих ячеек, а не в пикселах; 2) Есть объект food, тогда и картинку еды перенести надо в этот объект 3) Есть объект snake, тогда и направление dir перенести в этот объект 4) Есть голова змеи head, snakeX и snakeY - тогда их тоже вложить в объект snake P.S. По коду "размазаны" переменные, которые через 2 недели не вспомнишь что они делают - их надо логически вкладывать в объекты

Спасибо, всё робит!

Спасибо за видео!

Гоша ты лучший. Удачи тебе

Спасибо за видео, я теперь знаю как запустить свои файлы на сервер) И узнала многое что о программировании)

Очень круто!

спасибо!) наглядно)

один из очень немногих, на кого я езьже отдущи подписался, отдущи поставил лайк, отдущи оставляю коммент!

Жалко, что у вас так мало видео про игры на джаваскрипт. Спасибо !!

Спасибо за урок

Спасибо!

Супер🤝🏆слушай топчик еще бы game over по соли экрана это реально не подскажешь как🤔😆 Короч я решил заняться плотно веб разработкой и тут столкнулся с js пока не платно занимаюсь ! Есть советик !? С чего лучше начинать html и css знаю не так хорошо но знаю но говорят в наше время js всем глава без него ни куда ! Что скажешь!?

Круто

ты лучший)

спасибо за урок, было бы интересно как еще регулировать скорость змейки

Спасибо за инфу

Не до смотрел но все равно ТОП! Спасибо за видео :D

Крассава бро)

поражаюсь твоему трудолюбию

Не хочу выпендриваться, я новичок в этом деле, но я бы создал функцию, которая каждый рандомно генерирует еду, типа function createfood() {тут прописать рандомное появление еды} А переменную food просто объявить, затем вызвать эту функцию и каждый раз вызывать функция, когда змея проглатывает пищу) Спасибо за урок)

Привет, в canvas остаются следы предыдущего местоположения змейки и кажется что ты рисуешь ею на поле. Такой же баг повторяется и с score. Цифра не обновляется а накладывается на предыдущее т.е. на 0 рисуется единичка и тд. Решила проблему добавив ctx.clearRect(0, 0, 609, 609); в самое начало функции drawGame(). Может кому понадобится.

Неплохо

А почему Гошу критикуют на других каналах? Хорошо он рассказывает, всё понятно. Конечно для понимания база какая-то нужна, без неё никуда. А так всё норм, всё подробно, чего писать, куда вставлять, почему такое действие.

Игра на JavaScript удалась! Спасибо!

Подскажите насчет ошибки. При выполнении интервала на 11:11 в консоли выдает "Uncaught TypeError: Cannot read property 'drawImage' of null at drawGame"

Лайк, всё круто и понятно, я пошёл делать игру)) Единственное чего мне не понятно и хотелось бы понять: за что отвечают meta у тебя в html? их там три

👍👍👍

Подскажите,как привязать звуки к клавишам,типо когда змея умирает,когда ест и двигается

Очень долго делал, но всё таки переписал эту же игру на Python в Tk+Canvas) Проблема была в зацикливании движения змейки. root.after(150, func) помогло.

Больше JavaScript плизз

Бро, где ты был раньше?)

Для полного счастья стоит дописать, чтобы координаты спауна новой еды не могли совпасть с одной из координат самой змейки

Всё прекрасно! Получилось! Но есть один вопрос - зачем исползовать переменную let, если можно использовать переменную var? тоже и с const?(Я не причисляю твои дествия к ошибке, а лишь спрашиваю)

Игра - класс! А как сделать несколько уровней?

Приветствую, насколько сильно нужно будет допилить игру, чтобы была возможность у пользователя сохранить фи и почту, чтобы сохранить/вывести таблицу с результатами?

из за блочной видемости dir должен выдавать undefined, обьясните как это работает

что делать, ошибка game.js:48 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state. at drawGame (

Жорик, привееееет! Почему про игры перестал выкладывать уроки?

класс!!! спасибо!!! вопрос к знающим, как уменьшить скорость движения змейки?

в смысле переменные же в javascript объявляются через var или из-за canvas через let?или это просто не 'use strict'

Привет Георгий я писал игру я смотрел все твои уроки по Js и я решил посмотреть это видео в коде у меня показывает что все правильно но когда я зашел в консоль у меня выдало ошибку почему?

Зашёл тупо посмотреть как создать игру ради прикола В итоге узнал для себя что то новое по Js

useful

что делать если сайт не показывает поле это с чем связано я посмотрел в консоли нету ошибок подскажите

всем у кого что-то не получаятся или не работает: пересмотрите видео, вы что-то сделали неправильно. p.s. залайкайте чтобы все увидели

Если вы хотите что-бы когда голова врезалась в стенку голова не пролетала ещё клетку, то просто вставте этот код после кода с созданием переменной newHead!

и ещё такой момент, если змейка внезапно остановилась при развороте, но сама ещё прямая, значит она развернулась не изменив координаты и сама себя съела

Что делать если не воспринимает ctx.drawImege(ground, 0, 0)

Привет вот в картинке для поле змейки я всё правильно прописал обновлял страницу и картинка не появляется что делать?

Что-то не могу понять с рандомом. Если он генерирует от 0 до 1, то как получаются координаты больше 1 и меньше 17 при умножении?

А я прям на телефоне кодил и получилось

Оаоаоа

а если я хочу добавить еще цветов к змеи?

Гоша, твои уроки по JavaScript еще актуальны?

Гоша пожалуста ответь уменя не прорисовуеца поле что мне делать?

где ты ссылку для картинки написал 🥺

Всем привет, на 30 минуте я запускаю змейку и квадрат просто исчезает, и следовательно не двигается const canvas = document.getElementById("game"); const ctx = canvas.getContext("2d"); const ground = new Image(); ground.src = 'img/ground.png'; const foodImg = new Image(); foodImg.src = 'img/food.png'; let box = 32; let score = 0; let food = { x: Math.floor(Math.random() * 17 + 1) * box, y: Math.floor(Math.random() * 15 + 3) * box, }; let snake = []; snake[0] = { x: 9 * box, y: 10 * box, } document.addEventListener("keydown", direction); let dir; function direction(event) { if(event. keyCode == 37 && dir != 'right') dir = "left"; else if(event.keyCode == 38 && dir != 'down') dir = "up"; else if(event.keyCode == 39 && dir != 'left') dir = "right"; else if(event.keyCode == 40 && dir != 'up') dir = "down"; } function drawGame() { ctx.drawImage(ground, 0, 0); ctx.drawImage(foodImg, food.x, food.y); for(let i = 0; i < snake.length; i++) { ctx.fillStyle = "green"; ctx.fillRect(snake[i].x, snake[i].y, box, box); } ctx.fillStyle = "white"; ctx.font = "50px Arial"; ctx.fillText(score, box * 2.5, box * 1.7); let snakeX = [0].x; let snakeY = [0].y; snake.pop(); if(dir == 'left') snakeX -= box; if(dir == 'right') snakeX += box; if(dir == 'up') snakeY -= box; if(dir == 'down') snakeY += box; let newHead = { x: snakeX, y: snakeY, }; snake.unshift(newHead); } let game = setInterval(drawGame, 100);

Полчаса искал ошибку... оказалось в строке: const ctx = canvas.getContext("2d"); Написал 2d написал с большой буквой, то есть 2D. А в консоль писало: "Uncaught TypeError: Cannot read property 'drawImage' of null at drawGame" 😁

Not allowed to load local resource. Как испавить, подскажите пожалуйста

Подскажите, вообще ни чего не отображает в браузере, белая пустота, уже для пробы полностью копировал всё и папки и код...

3:43 Это необязательно, у меня работает просто обращение по id (т.е. переменная "game", которой нет в коде, возвращает canvas).

Сделай видео про "крестики и нолики".

29:43 Переписала 12 раз -- хвост не убирается, snake.pop() не работает: Snake Game body{ background: linear-gradient(rgba(0, 0, 0, 0.4), transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent 1px); background-size: 32px 32px; } canvas{ display: block; width: 608px; height: 608px; border: 1px solid black; margin: 32px 23px; } const cvs = document.getElementById("snake"); const ctx = cvs.getContext("2d"); const box = 32; ctx.fillStyle = 'black'; ctx.fillRect(0, 94, 608, 1); let snake = []; snake[0] = {x : 9 * box, y : 10 * box }; let food = { x : Math.floor(Math.random() * 17 + 1 ) * box, y : Math.floor(Math.random() * 15 + 3 ) * box }; let score = 0; let dir; document.addEventListener('keydown', direction); function direction(event){ if(event.keyCode == 37 && dir != 'right') {dir = 'left'; } if(event.keyCode == 38 && dir != 'down') {dir = 'up'; } if(event.keyCode == 39 && dir != 'left') {dir = 'right'; } if(event.keyCode == 40 && dir != 'up') {dir = 'down'; } } function drawGame(){ for(let i = 0; i < snake.length; i++){ ctx.fillStyle = 'green'; ctx.fillRect(snake[i].x, snake[i].y, box, box); } ctx.fillStyle = 'red'; ctx.fillRect(food.x, food.y, box, box); let snakeX = snake[0].x; let snakeY = snake[0].y; if(dir == 'left') snakeX -= box; if(dir == 'up') snakeY -= box; if(dir == 'right') snakeX += box; if(dir == 'down') snakeY += box; let newHead = { x : snakeX, y : snakeY }; snake.unshift(newHead); snake.pop(); } let game = setInterval(drawGame, 1000);

Я хотел сделать несколько еды, но когда змея проглатывает одну ту пропадает сразу несколько и больше не появляеться. Можно это как-то исправить?

А сможешь сделать видео как создавать меню для игр (старт, настройки и т. д)

сделай видео урок по Meteor js

Я не могу найти такоеже поле оно мне очень понравилось можете кинуть ссилку на него ИЛИ как то передать

я один сделал эту змейку в блокноте😂?

какой у тебя шрифт, покажи мне я тоже такой хочу 😁😁

Гоша, я твой старый подписчик. У меня есть очень интересный вопрос. Он немного не по теме программирования, а больше по теме 3D и создания игр. Но я не знаю кому ещё задать. Если прочитал это напиши хоть . и я распишу вопрос. Надеюсь прочитаешь.

Почему картинку загрузили через setInterval? Да ещё со значением 100. Она же по логике должна как раз мелькать...

почему у меня не выводит картинку поля, я БУКВАЛЬНО сделал всё точно так же как видео, всё равно картинку не выводит, помогите пожалуйста

У меня постоянно ошибка в JS

у меня фрукты иконки только от 48 пикселей есть. Что делать?

33:00

А ты можешь показать как создать игру Got of war на javascript ?

25:14

Я бы изображение в CSS сделал

Нашел 1 баг но не получается поправить . Когда змейка движется в лево при нажатии вниз и вправо одновременно змейка направляется на право( и тож самое при движении вправо ) как пофиксить это ?

Белый экран а в консоли пишет : Failed to load resource: net::ERR_FILE_NOT_FOUND ss/style.css:1 game.js:43 Uncaught SyntaxError: Identifier 'i' has already been declared game.js:43

Пытался разобраться как работает змейка, но даже я полный новичок вижу что код написан как попало. Куча лишних переменных, объектов непонятно для чего они нужны... Вот в чем проблема например сделать объект и с направлениями змейки и позицией? не понятно...

Спасибо Но дай пж инфу как сделать управление для мобильных гаджетов

почему когда пишешь например document.get... не высвечивается подсказка getElementById

А за сколько примерно можно научиться писать такие коды от нуля? Учу уже неделю, понял почти всё но сам писать сначало не смогу

Помогите пожалуйста у меня поле половину отображает

*А какая разница между var, let, const?*

А АБЕЗАТЕЛЬНО ПИСАТЬ CONST И LET просто я мало знаю о es6

помогите пожалуйста код аналогичный ошибок в консоле нет но змейка не растет кде я сделал чтото не так????

Обязательно канвас использовать?

Гоша помоги пожалуйста у меня вот это поле половину отображает половину нет все проверил и все ровно

Вместо морковки, надо было поставить мышку, для предание игре реальности!!! И букву C с плюсом!!!

Можно на бесплатный github pages выгрузить

Ребята скиньте пожалуйста несколько строк кода чтобы еда НЕ спавнилась под змейкой

А что делать если змейка не отображается сделал всё точь в точь, и всё равно не появляется

Полностью переписал код не получается вообще бесконечная ошибка. P.S. там где ctx.drawImage(ground, 0, 0);