Игра Змейка на чистом JavaScript и HTML5 за 45 минут!

[@volt3396]

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

[@ivanovserg8795]

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

[@НикитаКудрявцев-х3е]

код не работает

[@timagoldm]

что тебе всё не нравится?! по твоему надо писать место бокс везде 32? умник, нашелся! я не хуже тебя в программировании разбираюсь!

[@ivanovserg8795]

@@timagoldm Внимательно перечитай мой пункт 1. Переменная box (а еще лучше сделать её const) нужна только внутри функции отрисовки drawGame(). Вот и всё.

[@timagoldm]

😒

[@reallygood7580]

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

[@mooves3249]

Я тоже сколько не смотрел видосов, все переменные создают через var про который я уже даже забыл

[@irinax5392]

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

[@kostyaryazanov9685]

В процессе создания столкнулся с такой-же проблемой. Оказалось, что я написал pop, вместо pop(). Поэтому элементы массива не удалялись, а оставались на месте, что и кажется, как закрашивание

[@11-april]

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

[@evgeniiAn]

зачем плодить новые сущности если все решается в пару строк кода? и да, не выпендривайся)

[@Hande_hoch]

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

[@lyonya7025]

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

[@kukusikibabasikitv]

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

[@kulagintimofei7689]

Да

[@СергейЧерный-б8п]

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

[@dashkin-dima]

Да капец как сложно брать материал с запада

[@Evoleo]

Он просто украл видео у зарубежного ютубера kzbin.info/www/bejne/b4XGhmV5ZqZ0edk

[@zahaietskyi]

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

[@VIJana79]

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

[@timagoldm]

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

[@ege8127]

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

[@progi99]

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

[@MrSam-mh7ec]

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

[@atsuko_shittl.j]

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

[@ganjackal]

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

[@lackevil3730]

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

[@ЕкатеринаВасильева-ш5э]

Спасибо!

[@арманбахтияров]

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

[@РусланОчеретяний-о8ф]

Очень круто!

[@ЧиловикЧиловиков-р8э]

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

[@jilka3232]

Переменная var устарела, а переменная let более современная

[@ЧиловикЧиловиков-р8э]

@@jilka3232 Спасибо, теперь попробую чаще использовать переменную let 😄

[@ДаниилХлебников-м2е]

@@ЧиловикЧиловиков-р8э в области видимости дело. если сначала вызвать переменную заданную при помощи var а потом определить ее,то оно даст это сделать и ты получишь undefined. С let такая шняга работать не будет. тебе покажет ошибку. Как то так. Поэтому желательно использовать let. А если уверен что изменять переменную не будешь то делай const. Я обычно const для стрелочных функций использую.

[@NeedForHeavyMetal]

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

[@thedragon1328]

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

[@daffeboy]

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

[@alex57767]

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

[@光荣归于习近平同志]

Как это сделать?

[@RestPRODev]

@@光荣归于习近平同志 Изи

[@Evoleo]

@@光荣归于习近平同志 просто заспавнить заново если координаты внутри змейки и так пока не заспавнится нормально

[@АлександрБулдаков-к5е]

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

[@НаталіяГоловачко-в1г]

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

[@durkaRealLol]

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

[@savelpetoyan9853]

Круто

[@iAmSvyat]

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

[@daniyarkayir]

вы может быть написали const ctx вместе из за этого и ошибка примерно вот так вот constctx = canvas.getContext("2d");

[@maxedits7064]

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

[@chelobas14]

Это стандартная разметка, её создаёт сама прога при создании файла. Она не нужна

[@innagencer8731]

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

[@ivanovserg8795]

В строке let game = SetInterval ( drawGame, 100 ); надо увеличить интервал с 100, например до 200 (т.е. заменить 100 на 200). Если надо еще медленнее - то ставим 300 вместо 100

[@innagencer8731]

@@ivanovserg8795 Спасибо БОЛЬШОЕ!!!!!!!!!!!!!!!!!!!!!

[@munutd9857]

👍👍👍

[@GANGST1ER]

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

[@kain5731]

Привет, хочу спросить у тебя если не сложно) я хочу научиться фронтент разработке и немного бэкенда, для этого нужен ПК или ноутбук, хотел бы узнать что из этого лучше ? И на сколько мощными они должны быть?

[@VVINVEST-k3q]

@@kain5731 если хочешь учиться то тебе хватит самого обычного пк или ноутбука что удобнее тебе будет, мощностью не имеет значения, даже на самом простом пк можно открыть редактор кода и видео по которым будешь учиться

[@KonamiMaster]

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

[@vilgo3927]

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

[@megavanya123]

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

[@mercals]

у меня такая-же хрень

[@попуск-л1щ]

Вызывать функцию нужно, может файл неправильно подключён

[@bogdanstrel9212]

У меня так же было, я поместил файл html в папку js ошибочно. Файл html должен быть в главной папке (в этом случае WWW).

[@tuavtorru3041]

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

[@ZipOfficial]

@@tuavtorru3041 у меня не вываодит текст значит сбраузером у меня всё нормально?

[@dlazder3937]

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

[@ЮрийСимаков-о2р]

Неплохо

[@fffttt3935]

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

[@joefast505]

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

[@gennadius909]

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

[@angrycoder18]

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

[@ЯрославИванов-ю9р]

Это относительно новый стандарт, var уже не используется

[@azabum12ee]

Это Es6. Теперь let это стандарт

[@TtTalkUA]

погугли различия между var let и const

[@iGespo]

Почитай разницу между var и let learn.javascript.ru/let-const

[@slava_tfdf]

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

[@mr_pilka]

очень сильно

[@николайтомин-ю5д]

У меня рисуется ЕДА , СЧЁТ, ЗМЕЙКА. Еда перемещается. Но змейка не двигается. консоль всё время выдаёт ошибки, хотя всё сделано по Гоше. Кажется, перепробовал всё. Выдаваемые консолью ошибки, на первый взгляд, выглядят необоснованными. Что делать не знаю.

[@karaxesss]

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

[@jabka1356]

Чувак скинь свой вк я тоже начинаю обучение джва скрипт . И да его уроки актуальны

[@volkovgst]

Очень даже

[@hahatoon5443]

@@jabka1356 хах, давай я с вами

[@RestPRODev]

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

[@GANGST1ER]

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

[@GANGST1ER]

Понял. Дело в том что random генерирует дробные числа в пределах от 0 до 1.

[@Black_cat3549]

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

[@ВладГущин-ж4п]

Всем привет, на 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);

[@cryptoline1304]

Спустя 2 года, думаю, неактуально, но вместо: let snakeX = [0].x; let snakeY = [0].y; должно быть: let snakeX = snake[0].x; let snakeY = snake[0].y;

[@georgbruzgaloff4127]

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

[@АнтонАнтонов-ж1к]

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

[@iwenttobed5417]

Кринж

[@АлексейФедоров-ю3л]

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

[@GooseDL1337]

@Schellenberg у вас файл js работает раньше чем html. Объявите тег после того как закрывается тег

[@АлексейФедоров-ю3л]

@@GooseDL1337 попробую, благодарю за ответ.

[@yingwai8668]

@@GooseDL1337 не работает... ничего не работает.. я уже заебался с этим

[@olexandr5649]

@@yingwai8668 ты все food заменил на foodImg? проверь правильность написания кода и указаных путей к картинкам. У меня файлы расположены в таких же папках как у него, но чобы получить картинку я прописал такой путь: foodImg.src = "../img/food.png"; после чего все заработало

[@ss888dd]

@@GooseDL1337 тег в самом видео объявляется позже канваса.

[@mrak3059]

ты лучший)

[@vladnotvlad1228]

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

[@hovsepbabayan8329]

У меня есть вопрос: Когда змея есть еду, он не удлиняется. Почему?

[@ZipOfficial]

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

[@yanayukhymenko3017]

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

[@Egor_top518]

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

[@js_games_for_dummies]

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);

[@Gp-iv1ey]

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

[@человек-г3з4ц]

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

[@myshkin832]

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

[@intbyte]

const - неизменяемая переменная(константа) var - старый способ создания переменной let - новый способ создания переменной, с некоторыми незначительными преимуществами перед var

[@myshkin832]

@@intbyte спасибо 🙂

[@rbk9582]

@@intbyte если создать let переменную в функции то она будет только в её пределах, если не ошибаюсь.

[@ЧиловикЧиловиков-р8э]

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

[@foxyboy5059]

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

[@play_gamespg6446]

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

[@igixprffikiberg2636]

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

[@layon5413]

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

[@ЖеняПетровский-р6т]

А какой вопрос?

[@ЖеняПетровский-р6т]

Какой движок ? Где моделировать ?

[@layon5413]

@@ЖеняПетровский-р6т как бы вопрос не по моделям. Я видел на ютубе англ видео о дешёвой лицевой анимации. Люди обмазывали лицо зелёнкой и делали так лицевую анимацию. Могу скинуть. Очень интересная тема, и на рутубе никто не делал. Автор делал в блендера. (но я люблю синьку и подобных видео не было).

[@ЖеняПетровский-р6т]

@@layon5413 это не зелёнка )) это что-то типо присосок . И это могут позволить только богатые дяди и тети (очень дорого)

[@layon5413]

@@ЖеняПетровский-р6т ты очень плохо читал. Это бесплатно, в этом и прикол. Они как то настраивают и делают анимацию. Случайно на ролик наткнулся, оказалось по подобному запросу есть ещё. И там реал похоже на зеленку.) А студийная анимация стоит десятки тысяч долларов.

[@zxcblood1489]

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

[@s1lentgrave]

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

[@s1lentgrave]

@Mad Doctor Это нужно изменить в другом месте, не там где коды указываются, а if(dir == "left") snake -= box; ... Тут проверь, все ли минусы и плюсы правильно написал, и порядок (left, right, up, down)

[@s1lentgrave]

@Mad Doctor Скинь скриншот

[@utlookworld5784]

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

[@argus2298]

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

[@ЖеняПетровский-р6т]

Могу скинуть файл через Гугл диск

[@DanilSolodkov]

это жызнь давай

[@ЖеняПетровский-р6т]

@@DanilSolodkov не суди за комментарии ( там их только 2) я его написал года два назад

[@DanilSolodkov]

это жызнь чего?коменту неделя

[@Evoleo]

Как только выйдет западный ролик с такой тематикой - он сделает

[@neyankk]

Почему змейка не появляется?

[@baxtibeksaidov9841]

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

[@dvnnymvnrv8091]

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

[@nailfah]

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

[@ЕленаШумченко-ь2ф]

А скажите пожалуйста от этого значения может не отображать половину поля?

[@sanjar5862]

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

[@cryptoline1304]

Спустя 3 года скорее всего неактуально, но один из простых способов - создать переменную, назовем ее drawUpdated, которая будет являться флагом проверки перерисовки. Далее: // где-нибудь в начале game.js файла let drawUpdated = false; function direction(event){ if(event.keyCode == 37 && dir != "right" && !drawUpdated) // разрешаем одно изменение направления в рамках перерисовки dir = "left"; else if(event.keyCode == 38 && dir != "down" && !drawUpdated) // разрешаем одно изменение направления в рамках перерисовки dir = "up"; else if(event.keyCode == 39 && dir != "left" && !drawUpdated) // разрешаем одно изменение направления в рамках перерисовки dir = "right"; else if(event.keyCode == 40 && dir != "up" && !drawUpdated) // разрешаем одно изменение направления в рамках перерисовки dir = "down"; /*Пишем, что перерисовка произошла, чтобы при повторном нажатии кнопок wasd в рамках текущей перерисовки змейка не изменила направление и не возникло ситуации, когда, например, змейка двигалась налево и до перерисовки она изменила направление вниз и потом направо из-за чего может показаться, что она сразу пошла слева направо. */ drawUpdated = true; } function drawGame(){ ... drawUpdated = false; // после перерисовки сбрасываем флаг, чтобы снова установить новое направление в direction(event). } P.S. Вероятнее всего можно сделать более лаконично и красиво, т.к. опыта на js особо не было, но способ рабочий.

[@Сашка-г4ц]

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

[@zeitoros]

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

[@88woda]

так же, исправил?

[@faded_boy9277]

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

[@taaron8043]

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

[@Aituar_]

Зависит от редактора кода,

[@mator7359]

useful

[@ybamaster]

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

[@drino955jug3]

так прочитай про это

[@Кирилл-у7б6т]

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

[@firesword2912]

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

[@levveremchuk1475]

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

[@bakumjesus7143]

Перед кнопками left , right удали pop

[@yosa9463]

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

[@ЖеняПетровский-р6т]

?

[@ЖеняПетровский-р6т]

Это библиотека?

[@yosa9463]

@@ЖеняПетровский-р6т +

[@kertaw3853]

Скажи рандомное английское слово и с вероятностью 99% это библиотека для JavaScript

[@iGotton]

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

[@ЖеняПетровский-р6т]

Да

[@iGotton]

@@ЖеняПетровский-р6т получается это уже не чистый js.

[@ЖеняПетровский-р6т]

@@iGotton почему?

[@ЕкатеринаСтолярова-л6ы]

Ну так в названии видео и не написано один лишь чистый js, а чистый js и html

[@Evoleo]

@@ЖеняПетровский-р6т потому что canvas - это html тэг

[@DENGEO1995]

Белый экран а в консоли пишет : 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

[@ogg4470]

перекинь style.css:1 и game.js:43 в папку где index.html и измени путь на а game.js на должно сработать

[@catto88]

замени const на let на строке 43

[@alibekyusupov322]

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

[@МаксимФединов]

Пиши сперва все по видео, будешь со временем своим мозгом осознавать код, функции будут запоминается и в будущем сможешь писать код без сторонней помощи, но до этого ещё долгая практика таких сценариев. На своём опыте говорю, не помогли учебники, помогло списывание с туториалов.

[@МаксимФединов]

И да, неделя для js - мало, месяц как минимум. Хотя в js нету прям заумных функций(

[@mlpyavamystical_yt]

У меня моментами еда не появляется. Что делать?

[@УланИмарбеков]

Что делать если змейка не увеличивается...

[@СашаК-щ6э]

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

[@ЖеняПетровский-р6т]

Там легко . Сначала делаешь меню дизайн и кнопки и помещяеш всё кто в функцию , далее делаешь саму игру и помещяеш это в другую функцию . Далее в меню при нажатии на кнопку старт ты вызываешь функцию с самой игрой а при нажатии на кнопку меню (в игре) прерываешь цыкл игры и вызываешь функцию с меню Это в теории а на практике не знаю как будет

[@DanilSolodkov]

Делаеш отдельную страницу,и сайт делаеш там на html там старт кнопки и тд

[@ЖеняПетровский-р6т]

@@DanilSolodkov и зачем для игры делать двадцать сайтов ? (Я так понял что для каждого окна отдельный сайт)

[@DanilSolodkov]

это жызнь ты куку?страницу отдельную

[@ЖеняПетровский-р6т]

Грузится будет дольше

[@ЕленаШумченко-ь2ф]

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

[@Aituar_]

Может вы задали ширину и высоту через СИэсЭС?

[@ArtSolist]

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

[@николайтомин-ю5д]

У меня змейка движется, удлиняясь с каждым квадратиком. Не могу сделать, чтобы змейка двигалась одним квадратиком. Кажется, всё делаю по Гоше. Помогите, кто может!

[@andreyteryaev4980]

Решили проблему? Если да, то подскажите пожалуйста.

[@СоциальнаяНакипь]

for(let i = 0; i < snake.length; i++) { ctx.drawImage(snakeh, snake[0].x-16, snake[0].y-16) ; if (i!= 0) { ctx.drawImage(snakeb, snake[i].x-8, snake[i].y-8);} } чтобы змейка была из ваших картинок snakeh - голова snakeb - тело

[@СоциальнаяНакипь]

если, конечно, кому-то нужно, то я могу скинуть слегка улучшенную версию этой змейки

[@freik3765]

@@СоциальнаяНакипь Брат помоги

[@freik3765]

@@СоциальнаяНакипь У меня не получается вставить картинку

[@СоциальнаяНакипь]

@@freik3765 что не так?

[@H336-p1v]

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

[@MaximMoPeR]

@H 336 Что ты тут делаешь? Лол я твой подписчик =)

[@СемёнЗайцев-и5ж]

@@MaximMoPeR ты на этого дауна подписан?

[@garnish1006]

@@СемёнЗайцев-и5ж всм

[@МурадБлек]

Почему Карл у меня не работает эта игра