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

Навигация

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

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

· Гостей: 2

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

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

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

Thurs Puzzle
Альбом: XNA Games

Блоги

Поддержка

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

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

Как создать простой игровой цикл

Шаг 1. Добавьте в класс Program новые поля для массива вершин, описания формата вершин и для базового эффекта.

class Program : Game 
{
        // графический компонент
        GraphicsDeviceManager graphics;
 
        // массив вершин
        VertexPositionColor[] vertexList; 	
 
        // описание формата вершин
        VertexDeclaration vertexDeclaration; 
 
        // эффект BasicEffect
        BasicEffect effect;
...

Шаг 2. Добавьте в метод LoadContent() код создания массива вершин и заполнения его тремя вершинами. Вершины будут иметь типVertexPositionColor. В этом типе вершин можно задать позицию и цвет каждой вершины - их мы указываем в конструкторе при создании объектов вершин.

protected override void LoadContent()
{
        // создать массив-контейнер для хранения трёх вершин
        vertexList = new VertexPositionColor[3];         
 
        // создать в массиве вершин три вершины типа VertexPositionColor описывающих 3D-треугольник
        vertexList[0] = new VertexPositionColor(new Vector3(0, 0.5f, 0), Color.Gray); 
        vertexList[1] = new VertexPositionColor(new Vector3(-0.5f, -0.5f, 0), Color.Gray); 
        vertexList[2] = new VertexPositionColor(new Vector3(0.5f, -0.5f, 0), Color.Gray); 
}

Шаг 3. Добавьте в метод LoadContent() код создающий объект-описание формата вершин которые мы используем для рисования.

protected override void LoadContent()
{
        // создать массив-контейнер для хранения трёх вершин
        vertexList = new VertexPositionColor[3];
 
        // создать в массиве вершин три вершины типа VertexPositionColor 
	// описывающих 3D-треугольник
        vertexList[0] = new VertexPositionColor(new Vector3(0, 0.5f, 0), 
		Color.Gray);
        vertexList[1] = new VertexPositionColor(new Vector3(-0.5f, -0.5f, 0), 
		Color.Gray);
        vertexList[2] = new VertexPositionColor(new Vector3(0.5f, -0.5f, 0), 
		Color.Gray);
 
        // создать описание формата вершин
        vertexDeclaration = new VertexDeclaration( 
                graphics.GraphicsDevice, 
                VertexPositionColor.VertexElements);
}

Шаг 4. Добавьте в метод LoadContent() код создающий объект класса BasicEffect. Объекты данного класса содержат в себе код простого шейдера что избавляет нас от необходимости писать свой шейдер руками.

protected override void LoadContent()
{
        // создать массив-контейнер для хранения трёх вершин
        vertexList = new VertexPositionColor[3];
 
        // создать в массиве вершин три вершины типа VertexPositionColor 
	//описывающих 3D-треугольник
        vertexList[0] = new VertexPositionColor(new Vector3(0, 0.5f, 0), 
		Color.Gray);
        vertexList[1] = new VertexPositionColor(new Vector3(-0.5f, -0.5f, 0), 
		Color.Gray);
        vertexList[2] = new VertexPositionColor(new Vector3(0.5f, -0.5f, 0), 
		Color.Gray);
 
        // создать описание формата вершин
        vertexDeclaration = new VertexDeclaration( 
                graphics.GraphicsDevice, 
                VertexPositionColor.VertexElements);
 
        // создать эффект BasicEffect
        effect = new BasicEffect(graphics.GraphicsDevice, null);
}

Шаг 5. В метод Draw() нужно добавить код рисования треугольника. Этот код начинается с "включения" эффекта и его первого прохода.

protected override void Draw(GameTime gameTime)
{
        // отчистка экрана в синий цвет
        graphics.GraphicsDevice.Clear(Color.Blue);
 
        // использовать для отрисовки эффект BasicEffect
        effect.Begin();
 
        // начать отрисовку первого прохода
        effect.CurrentTechnique.Passes[0].Begin();        
 
        // вывод сцены на экран
        base.Draw(gameTime);
}

Шаг 6. В методе Draw() после "включения" эффекта укажите описание формата вершин которые будут выводиться на экран и отключите отсечение невидимых поверхностей - мы хотим видеть треугольник всегда не зависимо от того какой стороной он повернётся к экрану.

protected override void Draw(GameTime gameTime)
{
        // отчистка экрана в синий цвет
        graphics.GraphicsDevice.Clear(Color.Blue);
 
        // использовать для отрисовки эффект BasicEffect
        effect.Begin();
 
        // начать отрисовку первого прохода
        effect.CurrentTechnique.Passes[0].Begin();
 
        // указать описание формата вершин
        graphics.GraphicsDevice.VertexDeclaration = vertexDeclaration;
 
        // отключить отсечение невидимых поверхностей
        graphics.GraphicsDevice.RenderState.CullMode = CullMode.None;
 
        // вывод сцены на экран
        base.Draw(gameTime);
}

Шаг 7. И наконец вызовом метода DrawUserPrimitives() мы рисуем треугольник используя массив вершин.

protected override void Draw(GameTime gameTime)
{
        // отчистка экрана в синий цвет 
        graphics.GraphicsDevice.Clear(Color.Blue); 
 
        // использовать для отрисовки эффект BasicEffect
        effect.Begin(); 
 
        // начать отрисовку первого прохода 
        effect.CurrentTechnique.Passes[0].Begin(); 
 
        // указать описание формата вершин 
        graphics.GraphicsDevice.VertexDeclaration = vertexDeclaration;
 
        // отключить отсечение невидимых поверхностей 
        graphics.GraphicsDevice.RenderState.CullMode = CullMode.None;
 
        // нарисовать треугольник используя массив вершин
        graphics.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>
                (PrimitiveType.TriangleList, vertexList, 0, 1);        
 
        // вывод сцены на экран
        base.Draw(gameTime);
}

Шаг 8. После отрисовки треугольника мы должны "выключить" эффект.

protected override void Draw(GameTime gameTime)
{
        // отчистка экрана в синий цвет
        graphics.GraphicsDevice.Clear(Color.Blue);
 
        // использовать для отрисовки эффект BasicEffect
        effect.Begin();
 
        // начать отрисовку первого прохода
        effect.CurrentTechnique.Passes[0].Begin();
 
        // указать описание формата вершин
        graphics.GraphicsDevice.VertexDeclaration = vertexDeclaration;
 
        // отключить отсечение невидимых поверхностей
        graphics.GraphicsDevice.RenderState.CullMode = CullMode.None;
 
        // нарисовать треугольник используя массив вершин
        graphics.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>
                       (PrimitiveType.TriangleList, vertexList, 0, 1);       
 
        // завершить первый проход
        effect.CurrentTechnique.Passes[0].End();
 
        // завершить использование эффекта BasicEffect
        effect.End();
 
        // вывод сцены на экран
        base.Draw(gameTime);
}

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

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

Комментарии

#1 | Dmitruy 21.01.2011 04:48:11

Сделал все как описано в уроке. Синее окошко есть, а треугольника на нем нет. В чем дело не пойму.

#2 | Hale_32bit 21.01.2011 21:44:23

Скачай архив исходников и запусти.
Скажешь работает или нет?

#3 | UchihaScuall 23.06.2011 19:06:39

На 4.0 код немножко другой, вот рабочий:

GeSHi: C#

using System;
using System.Collections.Generic;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
 
class Program : Microsoft.Xna.Framework.Game
{
    GraphicsDeviceManager graphics;
    // массив вершин
    VertexPositionColor[] vertexList;
 
    // описание формата вершин
    VertexDeclaration vertexDeclaration;
 
    // эффект BasicEffect
    BasicEffect effect;
 
    //Объявляем графический компонент - который будет использоваться для вывода
    protected override void LoadContent()
    {
        // создать массив-контейнер для хранения трёх вершин
        vertexList = new VertexPositionColor[3];
 
        // создать в массиве вершин три вершины типа VertexPositionColor описывающих 3D-треугольник
        vertexList[0] = new VertexPositionColor(new Vector3(0, 0.5f, 0), Color.Gray);
        vertexList[1] = new VertexPositionColor(new Vector3(-0.5f, -0.5f, 0), Color.Gray);
        vertexList[2] = new VertexPositionColor(new Vector3(0.5f, -0.5f, 0), Color.Gray);
 
        // создать описание формата вершин
        vertexDeclaration = new VertexDeclaration(VertexPositionTexture.VertexDeclaration.GetVertexElements()); 
 
        // создать эффект BasicEffect
        effect = new BasicEffect(graphics.GraphicsDevice);
    }
 
    protected override void Update(GameTime gameTime)
    {
        //обновление различных параметров (напр. Использование физики)
    }
 
    protected override void Draw(GameTime gameTime)
    {
        // отчистка экрана в синий цвет
        graphics.GraphicsDevice.Clear(Color.Blue);
 
        // начать отрисовку первого прохода
        effect.CurrentTechnique.Passes[0].Apply();
 
        // отключить отсечение невидимых поверхностей
        GraphicsDevice.RasterizerState = RasterizerState.CullNone; 
 
        // нарисовать треугольник используя массив вершин
        graphics.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>
                       (PrimitiveType.TriangleList, vertexList, 0, 1);
 
        // вывод сцены на экран
        base.Draw(gameTime);
    }
    public Program()
    {
        graphics = new GraphicsDeviceManager(this);
        //настраиваем устройство
        this.graphics.PreferredBackBufferWidth = 1280;//Задаем ширину
        this.graphics.PreferredBackBufferHeight = 1024;//И высоту
 
        //перед тем как задавать формат пиксела рекомендуется удостовериться, что 
        //этот форат поддерживает ваша видеокарта
        this.graphics.PreferredBackBufferFormat = SurfaceFormat.Bgr565; //Устанавливаем формат пиксела
 
        //Задаем режим fullscreen
        this.graphics.IsFullScreen = true;
    }
    static void Main(string[] args)
    {
        using (Program game1 = new Program())
        {
            game1.Run();
        }
    }
}
Добавлено за 0.018 секунд, используя GeSHi 1.0.8.2

#4 | Stormmm 21.11.2011 19:13:02

Вот так оно выходит
на 3.0 XNA

using System;
using System.Collections.Generic;
using System.Text;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Media;
using Microsoft.Xna.Framework.Net;
using Microsoft.Xna.Framework.Storage;
class program : Microsoft.Xna.Framework.Game
{
//графический компонент
GraphicsDeviceManager graphics;
//массивы вершин
VertexPositionColor[] vertexList;
//описание формата вершин
VertexDeclaration vertexDeclaration;
//эфект BasicEffect
BasicEffect effect;
static void Main(string[] args)
{
using (program game1 = new program())
{
game1.Run();
}
}
public program()
{
graphics = new GraphicsDeviceManager(this);
graphics.PreferredBackBufferWidth = 640;
graphics.PreferredBackBufferHeight = 480;
Content.RootDirectory = "Content";
}

protected override void LoadContent()
{
//создать массив-контейнер для хранения трех вершин
vertexList = new VertexPositionColor[3];
// создать в массиве вершин три вершины типа VertexPositionColor описываюших 3D-треугольник
vertexList[0] = new VertexPositionColor(new Vector3(0,0.5f,0),Color.Gray);
vertexList[1] = new VertexPositionColor(new Vector3(-0.5f,-0.5f,0),Color.Gray);
vertexList[2] = new VertexPositionColor(new Vector3(0.5f,-0.5f,0),Color.Gray);
//создание описание формата вершин
vertexDeclaration = new VertexDeclaration(graphics.GraphicsDevice,VertexPositionColor.VertexElements);
//создать эфект BasicEffect
effect = new BasicEffect(graphics.GraphicsDevice, null);
}
protected override void Update(GameTime gametime)
{
//физика
}
protected override void Draw(GameTime gameTime)
{
//очистка экрана в синий цвет
graphics.GraphicsDevice.Clear(Color.Blue);

//использовать для отрисовки эффект BasicEffect
effect.Begin();
//начать отрисовку первого прохода
effect.CurrentTechnique.Passes[0].Begin();
//укозать формат вершин
graphics.GraphicsDevice.VertexDeclaration = vertexDeclaration;
//отключить отсечение невидимых поверхностей
graphics.GraphicsDevice.RenderState.CullMode = CullMode.None;
//нарисовать треугольник используя массив вершин
graphics.GraphicsDevice.DrawUserPrimitives<VertexPositionColor>
(PrimitiveType.TriangleList,vertexList,0,1);
//Завершить первый проход
effect.CurrentTechnique.Passes[0].End();
//завершить используймый эффект BasicEffect
effect.End();
//вывод сцены на экран
base.Draw(gameTime);
}
}

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

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

Рейтинги

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

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

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

Авторизация

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

Мини-чат

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