06.05.2024 14:32:07
Навигация
· XNA FAQ
· С чего начать
· Конкурсы
· Обратная связь
· XNA Блоги
Сейчас на сайте
· Гостей: 1

· Пользователей: 0

· Всего пользователей: 7,142
· Новый пользователь: Sarahseato
Последние фото
Thurs Puzzle
Thurs Puzzle
Альбом: XNA Games

Thurs Puzzle
Thurs Puzzle
Альбом: XNA Games

Thurs Puzzle
Thurs Puzzle
Альбом: XNA Games

Блоги
general
» Unity3D – Chunky ...
general
» Unity3D: Simple p...
dampirik
» Записки программи...
dampirik
» Локализация прило...
dampirik
» Эффективность рас...
general
» HLSL: Шейдер воды
general
» Unity 3D: Управле...
general
» Unity 3D: FPS scr...
yavshoke
» XboxOne - интерес...
dampirik
» Push уведомления ...
Поддержка
microsoft.com
1gb.ru - Дом для вашего сайта
Урок 5. Как создавать и использовать матрицы трансформации
Создание матриц трансформации вершин, управления камерой и проекцией. Передача значений параметров в шейдер и трансформация вершин матрицей трансформации с помощью HLSL.

За основу взят проект из урока КАК рисовать простые 3D-объекты с помощью HLSL.

Шаг 1. Добавим в класс Program поле time которое будет являться счетсиком времени.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
class Program : Game 
{
// графический компонент
GraphicsDeviceManager graphics;
 
// массив вершин
VertexPositionColor[] vertexList;
 
// описание формата вершин
VertexDeclaration vertexDeclaration;
 
// эффект (шейдер)
Effect effect;
 
// счетчик времени
float time;

 


Шаг 2. Все операции по вычислению матриц трансформации мы будем выполнять в методе Update(). Начнём с того что при каждом вызове метода Update() мы будем увеличивать значение поля time на 0.01 - так у нас получится счетчик времени. Затем нужно какой-нибудь простой формулой "загнать" значение поля time в ограниченный диапазон значений котрые мы будем использовать при вычислении различных матриц трансформации.

1
2
3
4
5
protected override void Update(GameTime gameTime)
{
time += 0.01f;
float value = (float) Math.Sin(time) + 0.5f;
}

 


Шаг 3. Вычисляем матрицу переноса вершин по осям X, Y и Z с помощью метода CreateTranslation() класса Matrix.

Шаг 4. Вычисляем матрицу поворота вершин по осям X, Y и Z с помощью методов CreateRotationX(), CreateRotationY(), CreateRotationZ() класса Matrix. Чтобы получить общую матрицу поворота по всем трём осям нужно просто перемножить матрицы поворота по отдельным осям.

Шаг 5. Вычисляем матрицу масштабирования вершин по осям X, Y и Z с помощью метода CreateScale() класса Matrix.

Шаг 6. Вычисляем матрицу управления камерой с помощью метода CreateLookAt() класса Matrix. При создании этой матрицы нужно указать точку в которой находится камера, точку в которую "смотрит" камера и направление вектора "смотрящего" вверх от камеры.

Шаг 7. Вычисляем матрицу проекции. Первое что нам нужно для вычисления этой матрицы - отношение ширины и высоты картинки которая должна получиться после отрисовки всей сцены. Я надеюсь понятно что размеры этой картинки равны размеру окна в котором она рендерится. Доступ к окну в котором выполняется рендеринг можно получить через свойство Window класса Game от которого наследован наш класс Programm. Обратившись к свойствам ClientWidth и ClientHeight окна вычислим отношение ширины и высоты.

Далее используем полученное значение при вызове метода CreatePerspective() у класса Matrix который вычисляет матрицу проекции. Кроме отношения ширины и высоты итоговой картинки данный метод принимает значения угла обзора, растояние до ближней плоскости отсечения и астояние до дальней плоскости отсечения. В качестве угла обзора мы укажем значение PI делённое на 2.

Шаг 8. Теперь нужно совместить все матрицы трансформации вершин, матруци управления камерой и проекцией и передать значение полученной матрицы в шейдер. Совмещение матриц производится простым перемножением их друг с другом.

Передать значение матрици в шейдер можно с посощью коллекции параметров шейдера доступную через свойство Parameters класса Effect. Ссылку на нужный параметр из этой коллекции можно получить указав в индексаторе имя нужного параметра. Чтобы передать значение в параметр нужно вызвать его метод SetValue().


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
protected override void Update(GameTime gameTime)
{
time += 0.01f;
float value = (float) Math.Sin(time) + 0.5f;
 
// создаём матрицу переноса вершин
Matrix worldTranslation = Matrix.CreateTranslation(
value, // перенос по оси X
value, // перенос по оси Y
value); // перенос по оси Z
 
// создаём матрицу поворота вершин
Matrix worldRotation =
Matrix.CreateRotationX(time) * // поворот по оси X
Matrix.CreateRotationY(time) * // поворот по оси Y
Matrix.CreateRotationZ(time); // поворот по оси Z
 
// создаём матрицу масштабирования вершин
Matrix worldScale = Matrix.CreateScale(
value, // масштабирование по оси X
value, // масштабирование по оси Y
value); // масштабирование по оси Z
 
// создаём матрицу view - матрица управления камерой
Matrix view = Matrix.CreateLookAt(
new Vector3(0, 0, 3), // позиция камеры
new Vector3(0, 0, 0), // точка в которую "смотрит" камера
new Vector3(0, 1, 0)); // верхний вектор "зрения" камеры
 
// вычисляем отношение ширины и высоты окна
float aspectRatio = (float) Window.ClientBounds.Width/(float) Window.ClientBounds.Height;
 
// создаём матрицу проекции - матрица управления "объективом" камеры
Matrix proj = Matrix.CreatePerspective(
MathHelper.PiOver2, // угол зрения - PI делённое на 2
aspectRatio, // отношение ширины и высоты окна
1.0f, // растояние до ближней плоскости отсечения
1000); // растояние до дальней плоскости отсечения
 
// совмещаем общую матрицу трансформации вершин
Matrix world = worldTranslation * worldRotation * worldScale;
 
// совмещаем управление вершинами, камерой и проекцией
Matrix worldViewProj = world * view * proj;
 
// передаём вычисленную матрицу в шейдер
effect.Parameters["worldViewProj"].SetValue(worldViewProj);
}

 


Шаг 9. Добавим в самое начало файла effect.fx переменную worldViewProj типа Matrix. Именно её значение мы устанавливали на предыдущем шаге.

1
2
// матрица трансформации вершин
Matrix worldViewProj;

 


Шаг 10. Изменим вершинный шейдер так чтобы он трансформировал все вершины с помощью вычисленной нами матрицы. Для этого заменим код копирования позиции вершины кодом умножения этой позиции на матрицу.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
void VS(
 
// входящие параметры - позиция и цвет вершины
in float4 inPos : POSITION,
in float4 inColor : COLOR0,
 
// исходящие параметры - позиция и цвет вершины
out float4 outPos : POSITION,
out float4 outColor : COLOR0 )
{
// копируем позицию вершины
// outPosition = inPos;
 
// трансформируем позицию вершины с помощью матрицы
outPos = mul(inPos, worldViewProj);
 
// копируем цвет вершины
outColor = inColor;
}

 


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

В секции загрузок лежит архив с исходным кодом этого и других уроков.

Комментарии
Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Отлично! Отлично! 0% [Нет голосов]
Очень хорошо Очень хорошо 100% [2 Голоса]
Хорошо Хорошо 0% [Нет голосов]
Удовлетворительно Удовлетворительно 0% [Нет голосов]
Плохо Плохо 0% [Нет голосов]
Авторизация
Логин

Пароль



Забыли пароль?
Запросите новый здесь.
Мини-чат
Вы должны авторизироваться, чтобы добавить сообщение.

11.12.2023

11.12.2023
[img]https://x.pin
-up-world.com/imag
es/img4.jpg[/img]
[url=https://ofoi.
cenditt.loan/new-k
atiana-kay-fucking
-with-lucky-fan-p1
-porn-scenes/]133K
67% New Katiana

11.12.2023
[img]https://wwt.s
sgameadmin2.com/im
ages/img4.jpg[/img
]
[url=https://k.smi
letaxservice.com/r
edirect/SFpEdDR1cG
V4czNKMmxlQi9tVytI
d3dxWW9GWTd5Zk52TD
VVMG1mc3YvUmlDMWUw

11.12.2023

11.12.2023

10.12.2023
[img]https://ey.os
prey-holidays.uk/i
mages/img10.jpg[/i
mg]
[url=https://nby.h
ighlyresponsible.c
om/696488/sexyfeet
girl2020-gotta-kee
p-them-soft-lookin
g-

30.11.2023
[img]https://nuggi
e.army/images/img1
5.jpg[/img]
German Porno kostenlos - Deutsche Pornos & Pornofilme. [url=ht

30.11.2023

30.11.2023
[img]https://where
ijoin.com/images/i
mg8.jpg[/img]
Voir Films VF VOSTFR - . [url=http://mvig.j
ulieemontelaro.com
/]omegleX

30.11.2023
[img]https://steam
unlocked.tangobliv
ion.com/images/img
14.jpg[/img]
Top - Rated Live Sex Cam Videos to Watch Online. [

29.11.2023

29.11.2023
[img]https://chaii
t.com/images/img8.
jpg[/img]
Ottmaza.live - Ottmaza.Com Official Website | Ottmaza | Ottmaza.Net | Ottmaz

29.11.2023
[img]https://ezyja
mb.co.uk/images/im
g10.jpg[/img]
Free Porn - Sex, Tube Videos, XXX Pics, Pussy in Porno

29.11.2023
[img]https://launc
hbusinessloans.org
/images/img15.jpg[
/img]
Asyalı - Koreli Japon Seks Filmleri Türkçe A

29.11.2023
[img]https://panen
poker.org/images/i
mg8.jpg[/img]
[url=http://watchm
ovies.seoullittlem
all.com/]Junkie Musik Lossless &#ff7dee MГєsica ElectrГіnica p

RSS каналы сайта
XNA - Новости
XNA - Статьи
XNA - Форум
XNA - Галерея
XNA - Файлы
Время загрузки: 0,06 секунд 13,298,275 уникальных посетителей