Трехмерный графический движок на JS

Question

[Александр Колобов]

Хочу написать свой аналог мира майнкрафта. Только граф движок, чтоб рендерился мир с текстурами, никаких там беганий и прыганий, крафта и прочей хрени, просто блочный мир с текстурами и освещением. Цели: понять как вообще такое писать. С чего начать? Где взять первоначальный материал по теме создания граф-движков?

Я понимаю что результат работы подобного на javascript + скажем canvas может быть очень медленным, но задача именно понять каким образом строить картинку и обсчитывать формы объектов и освещение. Мне не нужна в итоге игра, где можно грабить корованы, мне нужен опыт работы с 3d =)

Comments

[Александр Колобов]

Задача именно понять принципы работы движка и построения графики. Не кидайте ссылки на готовые движки, кидайте ссылки на маны о том КАК работают движки и как разработать свой с нуля.

[Eddy_Em]

С нуля разрабатывать долго. Для начала можно WebGLU попробовать — удобная штука, я про него заметку делал.

[rPman]

Вы взялись за самую сложную задачу на текущий момент — пиксельный мир (в данном случае мир рисуется трехугольниками, но объекты представлены попиксельно). Майнкрафт в этом лидер, и готовых гайдлайнов по его разработке найти не то что бы сложно… но мало.

Answer 1

[DrNemo]

threejs.org/

Comments

[Александр Колобов]

Я умею гуглить и могу найти готовый движок) могу читать его сорцы, но по сорцам сложновато понять принципы. А я бы хотел начать с теории.

[DrNemo]

не уверен что canvas хорошая платформа для этого, лучше взять python, java и т.д.
Как я понимаю вы хотите написать рендер (текстуры, свет ...) то копайте в сторону openGl.

[DrNemo]

недавно на хабре было:
habrahabr.ru/post/194592/
habrahabr.ru/post/194632/

Answer 2

[Всеволод Родионов]

Начните все-таки с движка.
У three.js огромное сообщество, в разы больше чем у vanilla webGL, и там действительно много подводных камней.
Например — повторяться могут только текстуры с стороной размерностью в степень двойки, иначе — будет растягиваться последняя полоска пикселей. Я это решение гуглил почти полсуток, и нашел именно в обсуждении three.js, webGL-коммьюнити толком и не существует.

Да и на деле он предоставляет просто удобный интерфейс, он похож на jquery по сути. В графическом движке скорее стоит ожидать поддержку определенных тканей, хитрой подсветки или еще чего-то, а тут просто обертка.
Берите three.js. Потом, если захотите, переходите на свой. Но сначала покопайте его.

Answer 3

[Jonh Doe]

Все верно treejs. НО для понимания Вам подойдет вот эта статья. В ней как раз и рассказывается как написать в 100 строк то что Вы хотите.

Answer 4

[Александр Вульф]

theshock, например, написал 3D-бегалку на libcanvas (http://libcanvas.github.io/games/3d/)
Думаю, стоило бы обратиться к нему и узнать тонкости :)

Answer 5

[Максим Мосейчук]

habrahabr.ru/post/112944/

Answer 6

[pomeo]

Смысл писать с нуля, когда есть хороший пример, код не такой и большой, плюс модульность github.com/maxogden/voxel-engine/blob/master/index.js