Браузерная JS игра?

Question

[neeil]

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

Answer 1

[Константин Китманов]

Очень много движков: 1 список, 2 список. Наверняка для какого-нибудь из них есть туториал, как сделать понг.

Comments

[neeil]

то что нужно спасибо!

Answer 2

[Curly Brace]

phaser погугли, не пожалеешь)

Comments

[uvelichitel]

Я гуглил, API посмотрел, про PixiJS почитал, выглядит все убедительно. Поделитесь пожалуйста впечатлениями, если пробовали состряпать на нем что нибудь серьезней примеров из manuals, tutorials.

[Curly Brace]

uvelichitel: впечатления как от flixel (хотя photon storm и есть один из главных контрибьюторов flixel), так что все довольно удобно организовано в api, много уже готовых функций реализовано.

[copal]

uvelichitel: неделю тыркаю и могу сказать, что говно оно ещё то. В лучшем случаи лет через пять он сможет догнать flash, но повторю, это в лучшем случаи.
Все кто говорят что phaser или pixi.js чудесен, просто врут или как макаки передают слова услышанные от макак, которые в свою очередь услышали это от макак.

Создатели месяц назад начали сбор денег на то, чтобы только события display object реализовать. Собрали только 27% от требуемых. То есть создатели не хотят сделать минимума, зато уже книги продают о создании helloworld на движке, на котором больше ничего сделать нельзя. да, можно сделать тупо давилку, что ты тупа жмешь в любой участок экрана и родное браузерное событие срабатывает.

Но это все. Если у Вас будет фигура не квадратная, то Вы не сможете определить по ней клик. Рендера нет, есть куча канвасов. Это просто абсурд и полное убогое гавно.

[Curly Brace]

copal: такое ощущение что вы не очень знакомы с разработкой на html5. берите и пишите на голом js свои личные события и рендеры на одном канвасе) наверняка будет "быстрее" и "удобнее".
допилить функционал, который, как кажецо необходим, легко на самом деле. а несколько канвасов использованы для повышения производительности

[copal]

Curly Brace: это нормально? Вы посоветовали использовать phaser и следом говорите что лучше и быстрее будет все сделать самому... ??? Такое ощущение, что Вы знакомы только с html5.

[Curly Brace]

copal: это был сарказм кагбэ, ну да ладно) фреймворки для слабаков! (это опять сарказм)

[copal]

Curly Brace: ааа...

Answer 3

[Drm]

Если что-то совсем простое, то достаточно JS (JQ), понимание ООП подхода и пары часов. Но это в том, случае. если интересно написать игру для прокачки себя в программировании.

Если же интересна графика, какие-то красивости, то надо искать подходящие библы, ну либо рисовать все на канве, как уже предлагалось

Comments

[neeil]

на canvas я пробовал, очень много кода на простые вещи требуется собственно как и в ванильном js, а вот фаизер которую посоветовал Curly Brace да вещь классная но она не поддерживается вроде как, и очень мало мунуала на нее(

[Drm]

а что именно Вы хотите?

[Drm]

просто когда я писал змейку для теста, у меня получилось 60 строчек JS и немного ХТМЛ. Естественно она была простой

[Капитан Какао]

Drm: а можно исходники змейки, интересно посмотреть.

[neeil]

Drm: что-то простое пин понг

[Drm]

Rad Cor: https://www.dropbox.com/s/4wxnwtzc6xtiyts/les3.zip?dl=0

[Curly Brace]

neeil: последний коммит на гитхабе 24 дня назад. мануалов вроде хватает. к тому же есть комьюнити на форуме.

[Curly Brace]

в js нет ООП!

[Drm]

Curly Brace: да? habrahabr.ru/company/enterra/blog/153365

Answer 4

[Aleksandr]

habrahabr.ru/post/197416

Answer 5

[Елизавета Борисова]

Phaser, либо panda.js. Нормально phaser поддерживается, и развивается давно. Документации достаточно + форум.

Comments

[uvelichitel]

Елизавета Борисова Кажется оба движка рендерят на PixiJS. Какой и чем лучше? Буду признателен за комментарии, если доводилось их потыкать. Или ссылку на сравнительный обзор, можно на английском.

[Елизавета Борисова]

Pong, можно отталкиваться от примера в доках phaser.io/examples/v2/arcade-physics/one-way-collision. вы можете и без движка писать, на pixi+box2d, В phaser просто уже 5 вариантов физики встроено, есть из чего выбирать. Panda под мобильные лучше оптимизирован, но он более молодой.

Answer 6

[Phizio]

Очень хорошие примеры на офсайте pixijs pixijs.github.io/examples
Ну и да, у Саши Котова чуть выше ссылка на хабр есть, где про Phazer (надстройка над Pixijs) разжевано доступно и понятно.