Подумать только

logoas CogITas

Dubito - Ergo - Sum

× Error from canvas.getContext(): Maybe your browser or hardware (GPU) does not appear to support WebGL. The Canvas for WebGL below will be empty.
Mouse и Num Lock

Выход где-то рядом!

Комметарии: 1

Строим 3D проекты – Шаг 11

Лопатой не собьешь
Лопатой не собьешь

 

   К данному шагу наша программа получила интерфейс (ссылка на программу). Очевидна нехватка информации о том, на какие углы повернут объект в данный момент. Также желательно придать объекту форму, по которой будет в любой момент понятно, где перед и верх фигуры. Сместим фигуру в центр координат, заменим текстуру, и получим такой результат (ссылка на обновленную программу):

(more…)


Каждой программе по интерфейсу!

Комментарии: 0

Строим 3D проекты – Шаг 10

Интуитивно непонятный интерфейс

Интуитивно непонятный интерфейс

 

   Для удобства изучения свойств нашего 3D объекта добавим интерактивное управление для поворота в любую сторону с любой скоростью, приближения/удаления, включения/отключения освещения как и текстуры.

(more…)


Луч света заметен в темноте

Комментарии: 3

Строим 3D проекты – Шаг 9

Реализм света и отражений
Реализм света и отражений

 

   До настоящего момента мы работали с объектами в равномерном окружающем свете. Теперь рассмотрим направленные источники света и отражение света от объектов при этом.  Направленный свет делает объект более реалистичным и трехмерным.

(more…)


Ещё!

Комментарии: 0

Строим 3D проекты – Шаг 8

Эволюция клавиатуры

Эволюция клавиатуры

 

   К настоящему моменту мы уже написали программу, в которой вращается текстурированная 3D фигура. Программа выполняется на браузере клиента, но загружается с сервера. Прежде чем идти дальше, внесем некоторые улучшения: управление с клавиатуры, смешение текcтур, подключение шейдеров из файлов по технологии AJAX.

(more…)


Кроем крышу черепицей. Недорого. :)

Комментарии: 2

Строим 3D проекты – Шаг 7

Детализация текстур
Детализация текстур

 

   Переходим от 2D к 3D фигурам в деле наложения текстур. В программе 5-го шага, мы нарисовали простейшую фигуру 3D. Мы закрашивали ее разными цветами и вращали вокруг нее камеру:

3D объект с наложением цвета
3D объект с наложением цвета

 

   Теперь разберемся, как закрасить эту фигуру текстурой из графического файла.

(more…)