Рендер ландшафта в WebGL — 2

[@JekFdrv]

Извените что не в тему, у меня появилась идея создать свою первую веб игру, макимально простую, 2D. Решил создавать на canvas + js, стоит ли мне погружатся в мануалы WebGL, подскажите пожалуйста чем он может быть мне полезен?
Еще вопрос, я бы хотел что бы моя игра была интерактивна, тоесть если я двигаю елемент в дом моделе, другой пользовательый который открыл эту же страницу видит как я его двигаю, но какими средствами можно это реализовать?

[@BasmanovDaniil]

Вам сюда.

[@JekFdrv]

Спасибо. Но у меня recovery mode =)

[@Loengreen]

Вы совсем запутались.
В canvas вы не работаете с DOM. Конечно вы можете комбинировать…
Работая с canvas, вы можете работать как с 2D, так и с 3D контекстом (WebGL).

Для создания простой игры вы можете обойтись HTML(5) + CSS(3) + JS и не работать с canvas вообще.

[@JekFdrv]

Дом модель с элементом я привел как простой пример интерактивного взаимодейтсвия с другим пользователем =)
Можно обойтись и без но хочется именно поработать с canvas =)
Хотя даже начинать без интерактивности нельзя, так как идея игры уже придумана, вот ищу библиотеки который позволяют создать такую возможность.
Нашел пока только www.meteor.com/ и togetherjs.com/. Но все не то, хотя и похоже.

[@agentx001]

Я бы порекомендовал Pixi.JS

[@JekFdrv]

Я к сожалению пока не нашел ни одной PVP игры создайной на pixi, вы уверены что она позволяет создать интерактивность?

[@Jedi_Knight]

Pixi это просто рендерер 2d/webgl, его можно в любой другой движок вставить.

[@lexxpavlov]

Посмотрите библиотеку LibCanvas от хабраюзера TheShock.
libcanvas.github.io/ и поищите статьи по теме на хабре.

[@agentx001]

У libCanvas порог вхождения выше среднего. Кроме того, эта библиотека буквально навязывает использование другой библиотеки того же автора — Atom.

[@lexxpavlov]

Не совсем так. Изначально функциональность нынешнего Atom-а была внутри библиотеки LibCanvas. Уже после автор вынес её в отдельную библиотеку, чтобы было удобнее развивать и то, и другое. И, имхо, для большого js-проекта в любом случае нужна какая-нибудь util-библиотека. Prototype, underscore, отчасти jQuery. Или вот Atom.
А насчёт высокого порога — вам нужна хорошая игра или простота? Но, с другой стороны, я сам ничего серьёзного на ней не делал, но библиотека показалась очень мощной. Поэтому и указал её вам для полноты, вдруг вы не сталкивались. Но, похоже, вы уже смотрели её. Вам виднее, конечно.
Есть ещё FabricJs, но не знаю, она скорее всего не подойдёт для большинства игр.

[@agentx001]

Вы меня перепутали с JekFdrv :)

нужна какая-нибудь util-библиотека. Prototype, underscore, отчасти jQuery. Или вот Atom.

Если уж на то пошло underscore вообще из другой песни, а без библиотеки для эмуляции классов (ИМХО) можно прекрасно обойтись.

но библиотека показалась очень мощной.

Ну, что есть, то есть. Отличная архитектура, плагины.

FabricJs

Мне она показалась не очень удобной, да и смахивает она чем то на Flash API.

[@lexxpavlov]

ой, точно, прошу прощения… Ну, надеюсь, JekFdrv тоже прочитал моё сообщение.
Насчёт FabricJs — он больше подходит для рисования на канвасе, для создания интерактива на странице. В общем-то, флэш, вы правы. Тоже нужная вещь, просто инструмент для другой задачи.
Следили за интересной чередой реализации солнечной системы на canvas-е?
habrahabr.ru/post/163703/ — «История одного хабраспора»
habrahabr.ru/post/163893/ — то же самое на LibCanvas
habrahabr.ru/post/163893/#comment_5852425 реализация на FabricJs

[@JekFdrv]

Прочел, спасибо! =)
test.elhsmart.net.ru/index.html
Аж руки зачесались самому что-то создать, очень интересно.
Предвкушаю свои без сонные ночи над будущим проектом =)

[@Jedi_Knight]

см. ниже

[@Jedi_Knight]

Смотри playir.com, многообещающий проект. Мультиплэйер и рилтаймовое редактирование карты.

[@nzeemin]

Название не соответствует содержанию.
Всё что пока описано — именно к WebGL отношения не имеет, относится к 3D-графике в целом и немного к OpenGL.

[@XProger]

Почему выбрали горизонтальный морфинг вершин на границе LOD'ов? На мой взгляд, вертикальный смотрелся бы значительно лучше.