2012-02-01 2 views
1

Я использую Three.js для создания 3D-графики с использованием webgl в элементе canvas. Есть ли хорошая библиотека для рисования 2D-элементов поверх 3D-графики. Что-то вроде HUD 3D-игры. Я хочу нарисовать некоторые изображения или текст на экране поверх 3D-материалов. Есть идеи? Можно ли это сделать с помощью Three.js?Есть ли хорошая графическая библиотека html5 2D, которую можно использовать с помощью Three.js?

ответ

2

Вы заметите в своих примерах, когда он перекрывает объекты 2D, он просто использует другие элементы HTML: http://mrdoob.github.com/three.js/examples/webgl_multiple_canvases_grid.html

Может быть, стоит делать то же самое для себя, где совершенно отдельный 2D холст поверх 3D один управляет HUD. Однако с этим подходом есть некоторые проблемы, связанные с событиями мыши, поэтому это зависит от того, что вам нужно.

+0

Я считаю, что это был бы путь. Он мог использовать библиотеку, такую ​​как пользовательский интерфейс jQuery для функций взаимодействия (перетаскиваемый, отбрасываемый, изменяемый по размеру, выбираемый и сортируемый) и все остальное, что с ним связано. На самом деле, я бы не создал еще один холст, а слой поверх холста. – Alerty

+0

Я согласен с * Alerty *, но я бы не создал ui на основе jquery, поскольку JavaScript достаточно медленный для webgl; учитывая, что webgl поддерживается только современными браузерами (которые также поддерживают CSS3), я бы пошел на легкий ui на основе новых технологий html5 и очень тонкого слоя JavaScript. – xxx

Смежные вопросы