​Реально ли создать 3D-шутер на React + Three.js?

В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня можно создавать не только интерактивные сайты, но и полноценные игры прямо в браузере.

Автор серии статей делает шутер и рассказывает о процессе в формате пошагового гайда. Код проекта и ссылки на статьи на английском: https://github.com/JI0PATA/fps-game

Перевод одной из частей на русском: https://habr.com/ru/articles/774090/

#threejs #react #gamedev

​С помощью пет-проектов можно научиться чему-то и получить удовольствие. А если этот пет-проект — игра, удовольствие удваивается.

Нашли репозиторий с базовыми реализациями нескольких игр: от Doodle Jump до Boomberman и «тетриса». Все на основе HTML и JS. Просто выбираете понравившийся проект, вникаете в его устройство и допиливаете до идеала: https://gist.github.com/straker/b96a4a68bd6d79cf75a833d98a2b654f

#gamedev #петпроект

​Новогодняя игра «Помощник Санты»

Игра — лучший способ потренировать HTML, CSS и JavaScript. Тем более, игра новогодняя, а у проекта полностью открытые исходники.

Сохраните, чтобы не потерять. Будет чем заняться на праздниках: https://codepen.io/housamz/pen/KKgmMLm

#codepen #gamedev

​​16 впечатляющих игр на чистом CSS

Обычно, для специфического взаимодействия с элементами используется JavaScript. Но с каждым годом у HTML и CSS появляются новые возможности, которые отодвигают JavaScript на задний план.

От головоломок до классики — откройте для себя проекты игр, демонстрирующие универсальность CSS без использования JavaScript. Демо и исходники прилагаются: https://www.frontendplanet.com/css-game-examples/

#css #gamedev

​​Пишем змейку на JS

Почти двухчасовой гайд по созданию браузерной змейки в ретро стиле на JS + CSS: https://www.youtube.com/watch?v=uyhzCBEGaBY

#javascript #gamedev

Гайд: создаём полноценную браузерную игру на TypeScript

Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s

#typescript #gamedev

Портируем олдскульную головоломку в веб с использованием LLM и Midjourney для бати

Помните этот старый маджонг с покемонами? Я вот в своё время вдоволь наигрался в неё.

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

#gamedev

RUINSWORD: Многопользовательский шутер с открытым миром для браузера на JS/TS, Three и Vue

Вот по-настоящему амбициозный проект, который на 100% раскрывает возможности современных браузеров. Несмотря на то, что сейчас доступна только бета-версия, мы с вами можем оценить объём проделанной работы и даже поиграть.

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

#gamedev #vue #threejs

Изучаем JavaScript, создавая игру

Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.

#javascript #gamedev

Old But Gold: создаём полноценную браузерную игру на TypeScript

Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s

#typescript #gamedev