Какой самый быстрый способ подобрать простой 3D-рендеринг для HTML5 canvas?

Question

У меня большой опыт работы с 2D-рендерингом на <canvas>, но есть проект, в котором мне нужно, чтобы 3D-объект вращался влево вдоль его центра (я полагаю, по оси Z). К счастью, это все, что мне нужно для достижения. Страница будет запущена на iPad на предстоящем мероприятии.

У меня нет опыта работы с каким-либо программным обеспечением / библиотеками 3D, кроме минимальной игры с Papervision 3D во Flash.

Я могу довольно легко разобраться, поэтому:

1. Есть ли какие-либо рамки, которые я могу использовать, чтобы позаботиться о начальных вещах?
2. Существуют ли какие-либо проекты с открытым исходным кодом, включающие код для выполнения вышеперечисленного? Если нет, учебники, чтобы сделать это хорошо.
3. Как мне создать 3D-объект? Это то же самое, что BitmapMaterial в Papervision?

Answer 1

Threejs может быть хорошей библиотекой для начала тоже.

Их "начало работы" статья потрясающая.

Answer 2

Three.js довольно крутой, просто хотел показать вам и этот репозиторий github

http://lamberta.github.com/html5-animation/ посмотрите примеры в части 4.

Автор Билли Ламберта Foundation HTML5 Animation с JavaScript , которая является отличной книгой, обучающей вас математике / и т.д.за то, чтобы делать такие вещи, если вам интересно немного глубже понять.

Answer 3

Например, GLGE .

GLGE - это библиотека javascript, предназначенная для облегчения использования WebGL;это в основном нативный API-интерфейс браузера, дающий прямой доступ к openGL ES2, позволяющий использовать 2D / 3D-приложения с аппаратным ускорением без необходимости загрузки каких-либо плагинов.WebGL от веб-разработчика, который затем может тратить свое время на создание более насыщенного контента для Интернета.