Можно ли создать игру в духе Legend of Zelda весом всего 13 килобайт?

Оказывается, да. Это доказал автор этой статьи, который написал игру для соревнования s13kGames, где вес игры не может превышать 13 килобайт.

Как он этого добился, как выглядит код и что в итоге получилось, можно почитать здесь:

https://medium.com/hypersphere-codes/how-i-created-a-gameboy-like-game-in-13kb-5905bf6166b2

#javascript #gamedev

​Как войти в GameDev JS-разработчику

Многие считают, что идеальным языком программирования для геймдева являются С++ или С#. Но на самом деле даже для JavaScript-разработчиков есть немало вакансий в этой сфере.

Если вам надоело создавать веб-интерфейсы и тянет к играм, то в этом видео автор рассказал, как он перешёл в геймдев, оставаясь верным JavaScript:

https://youtu.be/EoEdWH7hAwU

#gamedev #javascript

Как сделать игру 2048 на React

Игру 2048 знают многие и многие в неё играли. А давайте теперь попробуем реализовать её самостоятельно с автором этого туториала.

В своей версии он использовал хуки библиотеки React, её Context API, а также TypeScript и LESS. Помимо туториала в статье вы найдёте ссылки на игру, её код и демо анимацией:

https://habr.com/ru/company/skillfactory/blog/588356/

#react #gamedev

Menja — духовный наследник Fruit Ninja на JavaScript

Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.

Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:

https://codepen.io/MillerTime/details/BexBbE

#gamedev #codepen #javascript

Разработчик сделал ремейк знаменитой игры ZUMA, используя только HTML, CSS и TypeScript

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

Посмотрите сами:

https://codepen.io/lintingyou/pen/RwMLqRZ

#codepen #gamedev

Паззлы на чистом CSS

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

Посмотрите, что у него в итоге получилось и каким образом:

https://css-tricks.com/how-i-made-a-pure-css-puzzle-game/

#css #gamedev

​Тетрис на JavaScript

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

Как вы можете его сделать? Ну вы чего, вот же инструкция:

https://thecode.media/tetris/

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

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

Если салаты уже нарезаны, шампанское охлаждается и вам пока что нечем заняться, то поиграть в игру «Помощник Санты». Ваша задача максимально проста — добраться как можно дальше переходя с одной печной трубы на другую.

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

https://codepen.io/housamz/pen/KKgmMLm

#codepen #gamedev

Feed the World

Милый codepen-проект, предлагающий в буквальном смысле накормить Мир, перетягивая еду прямо в рот.

Из интересного здесь стоит отметить отслеживание курсора, наличие звукового сопровождения, а также различные эффекты при кормлении разными предметами.

Попробовать можно тут:

https://tprg.ru/Kwkq

#codepen #gamedev

Monster Mash

Нечасто на codepen попадаются интересные проекты не только с точки зрения кода, но и самой идеи. Игра Monster Dash как раз является одним из таких проектов. Это аркада, которая предлагает несколько уровней с разными типами монстров и ваша задача отстреливать их.

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

https://codepen.io/grantjenkins/pen/xxjQmmo

#codepen #gamedev

​Как создать игру Tetris с помощью Three.js

В этом руководстве вы создадите не просто Tetris, а его 3D-версию. А поможет нам библиотека Three.js, которая идеально справляется с рендерингом 3D-объектов. Подробнее:

https://habr.com/ru/company/ruvds/blog/680666/

#threejs #gamedev

​​Реально ли сделать движок для игры от первого лица за 265 строк Javascript?

В этой статье автор рассказал, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица с помощью приёма raycasting. Возможно, вы видели примеры такой техники в играх Daggerfall и Duke Nukem 3D.

Вот демка

Вот статья

#gamedev #история #javascript #веб