ОНЛАЙН Крестики Нолики на JavaScript и WebSocket

Рет қаралды 2,239

Күн бұрын

В этом видео мы вместе создадим игру "Крестики-Нолики" на JavaScript с использованием WebSocket. Я подробно объясню каждый этап, начиная от создания игрового поля до логики проверки на победу. Мы также добавим многопользовательскую функциональность через WebSocket. Урок подходит как новичкам, так и опытным разработчикам, и поднимет ваши навыки в создании многопользовательских игр на JavaScript.
Ссылка на игру
yurakoch.ru/tic-tac-toe
Ссылка на код
github.com/YuraKoch/tic-tac-toe/
Мой телеграмм канал
t.me/kochinism
Использую хостинг и сервер
sprinthost.ru/s40938
sprintbox.ru/promo/34J8H-V8BB...
Поддержать меня и мой канал вы можете по ссылке ниже
Юмани - yoomoney.ru/to/4100118604365846
00:00 План урока
01:02 Верстка
07:30 Сервер со статикой
11:42 Простой WS сервер
18:03 Сопоставление игроков
24:58 Реализация хода
31:47 Проверка на победу
36:26 Проверка на ничью
37:49 Проверка выхода игрока
40:46 Лайк и подписка

Пікірлер: 18

@ErthSunOfPlanet 3 күн бұрын

Спасибо Вам больше за урок, у вас все понятно, без воды и лишнего кода.

@yurakoch 3 күн бұрын

Спасибо) Через 5 мин выложу новый ролик, может быть, он вам тоже понравится)

@unknown-xi6iw Ай бұрын

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

@yurakoch Ай бұрын

Спасибо) рад, что ролик вам понравился

@alisamironenko6983 5 ай бұрын

Очень хорошее видео, спасибо за разбор! Все понятно и интересно. У Вас очень хорошо получается объяснять, продолжайте делать еще такие крутые видео :)

@yurakoch 5 ай бұрын

Спасибо) буду дальше делать)

@JenechekDv 5 ай бұрын

Спосибо, интересно, просто и понятно.

@andreykotel 5 ай бұрын

Спасибо, видео появилось как никогда кстати, открыл для себя вебсокеты😊

@yurakoch 5 ай бұрын

Надеюсь, что было понятно и интересно)

@alexVbeze 5 ай бұрын

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

@mit7871 Ай бұрын

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

@yurakoch Ай бұрын

Я думал сделать сложно или просто, в итоге поленился и сделал просто)

@gagikpog 5 ай бұрын

Красиво

@islomabdalov 4 ай бұрын

Спасибо большое

@VETERPEREMEN280.3 4 ай бұрын

спасибо, возьму за основу. но стоило бы изначально работать с классами, ведь это позволило бы куда эффективнее масштабировать это всё в целом. например класс игрока и класс игры, в каждой игре может быть объект (ссылка) на игрока1 и игрока2. у каждого из игроков может быть уникальный id, по которому мы получим его рейтинг например. и в целом можно создать 5 объектов игр, чтобы допустим играло не 2 игрока а 5 10 15 200.. я хочу доработать этот проект)

@yurakoch 4 ай бұрын

спасибо) Я согласен с вашими аргументами. Но я хотел сделать максимально простой код для ролика, поэтому не стал использовать классы)

@VETERPEREMEN280.3 4 ай бұрын

нашел ошибку при доработке проекта - в функции check draw проверка идёт только на то что всё поле заполнено. а как насчёт того случая, что последний ход выигрышный? надо просто в возвращаемое значение добавить "checkDraw && !checkWin"

@yurakoch 4 ай бұрын

checkDraw вызывается после checkWin, a в checkWin есть return в конце. Т е в checkDraw не может быть win, т к до этого прошла проверка на win.