webgl - создание 3d графики в браузере

Post on 09-Jan-2017

148 Views

Category:

Technology

3 Downloads

Preview:

Click to see full reader

TRANSCRIPT

WebGLДокладчик: Константин

3D

Из чего состоит 3D

Видеокарты

Видеокарты

Шейдеры

Нам понадобитсяCanvas

JavaScript

WebGL

Структура HTML документа

JS файл

Шейдеры на практике

Немного добавим картинки

Инициализируем буфер

Отрисовка сцены

Загрузка шейдеров

Что может получиться в итоге

Конфигуратор обуви

http://www.madeinme.es

Демонстрация машины

http://examples.viscircle.com/VWPolo/index.html

Поддержка браузерами

3D Редакторы

Autodesk 3ds Max

Autodesk Maya

SketchUp

Blender

Полезные ссылки

https://www.blend4web.com

https://developer.mozilla.org/ru/docs/Web/API/WebGL_API

https://www.khronos.org/webgl

http://webglreport.com

top related