Comments 23
Игрушка веселая, но почему-то в нашей войне выиграли оба (мне написали что выиграл я, а товарищу что он) и количество смертей и убийств у каждого показалось разное
Аха, спасибо… Везет мне в этой вашей игрушке, ни разу еще не проиграл…
Ботов нет? Все игроки живые?
Ботов нет? Все игроки живые?
Благодарю.
Было, что почерпнуть.
Было, что почерпнуть.
Молодец! Хочу добавить, что, как ни странно, писать игры на голом js+html+css очень удобно. До этого пробовал использовать angular(т.к. с ним работаю постоянно), canvas(+phaser), но упирался в то, что больше занимаюсь разруливанием особенностей фреймворков, нежели разработкой игры. Не говоря уже о том, что часто требуется решить скорее какие-то простые вещи, и даже использование jQuery оказывается overkill'ом.
[во всех примерах управление по WASD]
В первом варианте попытался сделать dungeon crawler самыми примитивными средствами, но с помощью angular: 5angel.github.io/singularis_quest/
С одной стороны, полная отрисовка уровня дает большой простор в выборе графического стиля, с другой – большая трудоемкость (калибровка выпавшего пикселя приближается к вечности) лишает всякого энтузиазма.
Второй вариант – css3 transform-версия вышеописанного dungeon crawler'a: 5angel.github.io/dungeon/
Настоящий трехмирный мир, анимация поворота – я даже попытался добавить имитацию освещения, но, к сожалению, тут плавности добиться не удалось.
Тут разработку пока отложил (надо еще дописать оптимизацию отрисовки уровня и добавить внутреигровые объекты), но, может, позже еще вернусь.
Сейчас работаю над простым квестом-скроллером: 5angel.github.io/apartment/
Вот здесь уже все чисто, никаких фреймворков, только хардкор. Пока что реализовал только анимацию передвижения, но уже скоро дойду до взаимодействий.
Если кому-то еще интересны такие вещи, с удовольствием пообщаюсь с единомышленниками.
[во всех примерах управление по WASD]
В первом варианте попытался сделать dungeon crawler самыми примитивными средствами, но с помощью angular: 5angel.github.io/singularis_quest/
С одной стороны, полная отрисовка уровня дает большой простор в выборе графического стиля, с другой – большая трудоемкость (калибровка выпавшего пикселя приближается к вечности) лишает всякого энтузиазма.
Второй вариант – css3 transform-версия вышеописанного dungeon crawler'a: 5angel.github.io/dungeon/
Настоящий трехмирный мир, анимация поворота – я даже попытался добавить имитацию освещения, но, к сожалению, тут плавности добиться не удалось.
Тут разработку пока отложил (надо еще дописать оптимизацию отрисовки уровня и добавить внутреигровые объекты), но, может, позже еще вернусь.
Сейчас работаю над простым квестом-скроллером: 5angel.github.io/apartment/
Вот здесь уже все чисто, никаких фреймворков, только хардкор. Пока что реализовал только анимацию передвижения, но уже скоро дойду до взаимодействий.
Если кому-то еще интересны такие вещи, с удовольствием пообщаюсь с единомышленниками.
не удержался — вот вам несколько примеров 3d на CSS (вдруг кто пропустил эти демки):
habrahabr.ru/post/169077/ — 3d-бродилка (с тенями и пр.)
codepen.io/juliangarnier/pen/idhuG — солнечная система (переключается между 2d и 3d)
codepen.io/AdmiralPotato/details/LtEnC — вертолёт из строк в 3d
habrahabr.ru/post/169077/ — 3d-бродилка (с тенями и пр.)
codepen.io/juliangarnier/pen/idhuG — солнечная система (переключается между 2d и 3d)
codepen.io/AdmiralPotato/details/LtEnC — вертолёт из строк в 3d
никак не могу понять, как играть. Можно про управление поподробнее?
Впринципе можно вообще не управлять. А можно ставить цели жукам кликая по игровому полю. К цели побежит ближайший к ней жук. Если жук сражается то он не может убежать к цели, едиственное чем ему можно помочь — прислать на подмогу еще жуков.
у меня почти никогда цели не выполняются. от чего зависит ещё?
Посмотрите игровое видео в начале статьи, ничего сложного там нет. Могу конечно предположить еще один вариант — на слабеньких и не очень новых и компьютерах может случиться такое, что браузер не будет успевать отрисовывать графику, так как отрисовка идет с помощью HTML и ему приходится ворочить DOM дерево, а это весьма нелегкая операция. В этом случае игра будет локально отставать от сервера и управлять ей станет почти невозможно. У меня такое наблюдалось на стареньком ноутбуке с core2 duo 2Ггц, а на более современном MacBook Air 11 все нормально. Тут уж ничего не поделаешь — это все таки скорее прототип, чем полноценная готовая игра, за производительностью я тут не гнался и никаких механизмов типа frameskip не встраивал.
спасибо за статью! интересно и полезно.
Супер! Просто и доступно.
Теперь буду сам что-нибудь подобное пробовать.
Ато был недавно на хакатоне в качестве организатора,
думал свое что-нибудь написать, но не знал с чего начать.
Теперь буду сам что-нибудь подобное пробовать.
Ато был недавно на хакатоне в качестве организатора,
думал свое что-нибудь написать, но не знал с чего начать.
Sign up to leave a comment.
Интерактивная сетевая игра на HTML, CSS и JavaScript