xnadev-ru.1gb.ru - XNA новости уроки статьи - Статьи: Урок 4. Как рисовать простые 3D-объекты с помощью HLSL

06.05.2024 20:12:05

Навигация

· XNA FAQ
· С чего начать
· Конкурсы
· Обратная связь
· XNA Блоги

Сейчас на сайте

· Гостей: 1

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

· Всего пользователей: 7,142
· Новый пользователь: Sarahseato

Последние фото

Thurs Puzzle
Альбом: XNA Games

Блоги

Поддержка

Урок 4. Как рисовать простые 3D-объекты с помощью HLSL

Использование простого HLSL-шейдера для рисования 3D-объектов.
Перед изучением данного урока вам нужно ознакомиться со следующими уроками:

КАК рисовать простые 3D-объекты с помощью BasicEffect

Шаг 1. Кликните правой кнопкой по папке проекта "Content" в окне "Solution Explorer". В появившемся меню выберите команду "Add -> New Item...".

Шаг 2. Выберите тип файла "Effect File". Введите имя файла "effect.fx". Нажмите кнопку "Add".

Шаг 3. Студия создаст шаблонный эффект код которого нужно удалить, будем делать свой с нуля.

Шаг 4. В классе Programm замените поле типа BasicEffect на поле типа Effect.

// эффект BasicEffect
//BasicEffect effect;
 
// эффект (шейдер)
Effect effect;

Шаг 5. В методе LoadContent() замените код создания объекта BasicEffect на код создания объекта Effect загружающегося из файла "effect.fx".

метод LoadContent()

// создать эффект BasicEffect
//effect = new BasicEffect(graphics.GraphicsDevice, null);
 
// создать объект Effect используя контент менеджер
effect = Content.Load<Effect>("Effect");

Шаг 6. Добавьте в файл "effect.fx" следующий HLSL-код в котором объявляются функции вершинного и пиксельного шейдера, а также описывается первый проход техники "Technique0":

// вершинный шейдер
void VS()
{
 
}
 
// пиксельный шейдер
void PS()
{
 
}
 
// первая техника (по-умолчанию)
technique Technique0
{
        // первый проход
        pass P0
        {
                // компиляция вершинного шейдера
                vertexShader = compile vs_1_1 VS();
 
                // компиляция пиксельного шейдера
                pixelShader = compile ps_1_0 PS();
        }
}

Шаг 7. Добавьте в функцию вершинного шейдера описание входящих и исходящих параметров.

// вершинный шейдер
void VS(
        // входящие параметры - позиция и цвет вершины
        in float4 inPos  : POSITION, 
        in float4 inColor : COLOR0,
 
        // исходящие параметры - позиция и цвет вершины
        out float4 outPosition : POSITION,
        out float4 outColor : COLOR0 )
{
 
}

Шаг 8. Добавьте в функцию вершинного шейдера код копирования позиции и цвета вершины.

// вершинный шейдер
void VS(
 
        // входящие параметры - позиция и цвет вершины
        in float4 inPos  : POSITION, 
        in float4 inColor : COLOR0,
 
        // исходящие параметры - позиция и цвет вершины
        out float4 outPosition : POSITION,
        out float4 outColor : COLOR0 )
{
        // копируем позицию вершины
        outPosition = inPos;
 
        // копируем цвет вершины
        outColor = inColor;
}

Шаг 9. Добавьте в функцию пиксельного шейдера описание входящих и исходящих параметров.

// пиксельный шейдер
void PS(
        // входящий параметр - цвет пикселя
        in float4 inColor : COLOR0,
 
        // исходящий параметр - цвет пикселя
        out float4 outColor : COLOR0 )
{
 
}

Шаг 10. Добавьте в функцию пиксельного шейдера код копирования цвета пикселя.

// пиксельный шейдер
void PS(
 
        // входящий параметр - цвет пикселя
        in float4 inColor : COLOR0,
 
        // исходящий параметр - цвет пикселя
        out float4 outColor : COLOR0 )
{
        // копируем цвет пикселя
        outColor = inColor;
}

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

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

Комментарии

#1 | EseninKazan 06.08.2010 23:19:49

извините, я может что-то не понимаю, смысл в шейдерах, которые ничего не делают?

все ясно, шейдеры, которые что-то делают дальше, здесь описание создания шейдера

#2 | Azazello 10.02.2011 15:17:19

Content.RootDirectory = "Content";

Про эту строку ничего не сказано, у меня без нее ошибка при выполнении вылетала

#3 | Prefect 12.08.2011 18:45:56

Если у кого ошибки с компиляцией шейдера - то измените версию компилятора

GeSHi: C#

// первый проход
        pass P0
        {
                // компиляция вершинного шейдера
                vertexShader = compile vs_1_1 VS();
 
                // компиляция пиксельного шейдера
                pixelShader = compile ps_1_0 PS();
        }
Добавлено за 0.005 секунд, используя GeSHi 1.0.8.2

на

GeSHi: C#

// первый проход
        pass P0
        {
                // компиляция вершинного шейдера
                vertexShader = compile vs_2_0 VS();
 
                // компиляция пиксельного шейдера
                pixelShader = compile ps_2_0 PS();
        }
Добавлено за 0.004 секунд, используя GeSHi 1.0.8.2

#4 | VitGun 15.09.2011 10:46:27

а у меня нет папки content (XNA 4.0 VS 2010), приложение обычное консольное.

#5 | beaver 20.09.2011 08:27:13

VitGun, wtf?

#6 | Phantom 20.09.2011 12:00:51

2beaver: надеюсь, это он так шутит...

#7 | Scarecrow 09.11.2012 11:21:45

Я не мог найти шаблон *.fx в VS2010. Его там просто нет. Подскажите может нужно какое то дополнение установить.

Добавить комментарий

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

Рейтинги

Рейтинг доступен только для пользователей.

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

Отлично!	80%	[4 Голоса]
Очень хорошо	20%	[1 Голос]
Хорошо	0%	[Нет голосов]
Удовлетворительно	0%	[Нет голосов]
Плохо	0%	[Нет голосов]

Авторизация

Забыли пароль?
Запросите новый здесь.

Мини-чат

Вы должны авторизироваться, чтобы добавить сообщение.