[TUT] VB.net DirectX [TUT]

~DIRECTX in VB.NET~

Tutorial 1

"The Basics - The BlueScreen"

Interested in exploring the world of directX? Then read on!

Alright lets see, where should we start? Ahhh yes, lets start with the basics, the very very basics, rendering a blank screen.
lets get started.


- What you need -

{

-Visual Basic 2008 or 2005
-the most recent DirectX SDK - you can get it here Download details: DirectX SDK - (February 2010)
-a decent video card.

}

- Creating the Project -

{

1. Create a new Windows project in Visual Basics 2008( will work with earlier versions of VB.net)
2. Add a new reference to Microsoft.Microsoft.DirectX , Microsoft.DirectX.Direct3D , and Microsoft.DirectX.Direct3D.D3DX .
If you don't know how to do this already, follow the Steps Listed in " -Adding the References- "

}

-Adding The References-

{

1. Goto to the "project" drop down menu and you should see "Add Reference". Wait for it to load up (sometimes it takes a minute or to as it is searching the computer for references)
2. Scroll down and add all these References:
}


-Using the References-

{

1. Add these lines to the top of your code.

}

We are not going to be using form1 Just yet. Instead we are going to be adding a class.

-Creating the gameClass-

{

In this part of the tutorial we'll be adding a class to our project. Classes are very important. Without classes you would end up
writing the same code over and over again, and that's not very fun or efficient. Using Classes also make your project much more organized. You'll understand why later on.

Lets add a class to our project!

1. GoTo the "Project" drop down menu and you should see "Add New Item", Click on it.
2. Click on the Class template. Name our class "gameClass".
3. Lets add the Imports Statements to the top of our class. (you can get rid of any other Statements)

}

- Declaring our variables -

{

We need to add some variables to our class.
1. Open up the code page for our gameClass
2. add these variables :

}


Now we need to add a new Sub to our class.

- Adding the Initialize Sub -

{

1. Add a new Sub and call it Initialize.


2. Add this code inside of the Sub:

What we just did:

- first we checked to see if fullScreen is true
if true, we set the resolution to 800 by 600 and set the format to 32bits, else we set it to the CurrentDisplayMode of the Computer.



3. Now add this code right under it:


What we just did:

- We set the deviceParameters to the displaySettings. Then we set the SwapEffect to discard and then PresentInterval to Immediate.
but what does SwapEffect and PresentationInterval even mean? Well the SwapEffect tells the device how to go from one frame to the next. We have set it to overwrite the previous frames. The PresentationInterval tells the device how often to show the frames. We've set it to show the frames immediately, not to wait for anything.
- After we set up the deviceParameters, we checked if fullScreen was true again. If true we set the display window to Fullscreen, if false, We set the display window to windowed.

}



Lets add another sub to our gameClass

- Adding the LoadContent sub -

{

The loadContent sub is where we are going to load all our textures and models later on.

1.Add a new sub and call it loadContent()

2.Add this line of code inside of it.

3. add this code to the end of our initialize sub


What we just did:
- we set the up the device. Which gets the graphics adapter, sets the devicetype, gets the window to draw to, sets the vertex processing to Software processing, and gets the deviceParameters.
i could explain this more if you would like..but i figured you just want to move along
- then we told it to execute the loadContent sub inside of our initialize sub.

info : You may be wondering what vertex's are? Well there the points that make up the triangles, and the triangles make up everything. Well be using triangles and verticals in the next tutorial.

}

We will be adding yet another sub to our gameClass.

- Adding the Draw sub -

{

The Draw Sub is where we will be doing all our rendering.

1. Add a new sub to your gameClass and call it Draw


2. now add this code inside the Draw sub:

What we just did :

- We added a loop inside of our Draw sub. We are going to render inside this loop. Then we told
the game to excectute a sub called, thisExit(), if the loop is no longer true. We are going to create
the thisExit() sub now. We are not finished with the draw sub yet, but will be back to it in a minute.

}

Lets now add the thisExit sub.

- Adding the thisExit sub -

{
This sub will be the Exit sub for our app.

1. Add a new sub to your gameClass and call it thisExit()

2. add this code inside:


What We just did.

First we cleared the displaySettings, deviceParameters, and the device. Then We Exited the
application.

}

Now we go back to our Draw sub

- Setting up our Draw Sub -

1. We need to add this code to our Draw Sub inside the loop we added earlier.

What We just did:

-We set the device to clear the screen everytime the loop is executed. We set the back color to blue.
then we began the drawScene(). This is were we draw everything. Then we Ended the Scene
and we added Application.DoEvents to so that our application wont freeze and ignore keypresses.

}

We are now going to load our gameClass and detect keypresses.

- Detecting Keypresses, loading our class, and Exiting the game -

{

1. Go to our Form1 one and go to the code page.

2. Add this varable in our globals.

4. Add this code.

5. Now add this code inside the Form1_Load sub:


What we just did:

- First We detected if the "Escape" key was pressed, then we told we set the gameExit to true which will exit the game.
- then we loaded up our Initialize and Draw subs.

}



Now run this code and you should get a blue screen! Aren't you exited! A blue screen isn't very exciting is it. Don't worry, well be getting into some
more exciting stuff in the next tutorial! Don't feel like you wasted your time. Its very important to get a grasp of the basics. Ive tried to help you do that. This code is the backbone for everything else.
Suggestion: While your waiting for the next tutorial, i recommend learning it so you can write it out from memory. That should not be to difficult, as its not much code.

Now that we have the base of our code set up, We are ready to start rendering. We will learn how to render a sprite, a triangle in 3d space, and
draw text to our screen in the next tutorial "Basic rendering".



Your gameClass Code should look something like this:


Next Tutorial - " The Basics - Basic Rendering "

Upcoming Tutorials:

- "Basic Rendering"
- "Loading a Model"
- "Texturing"
- "Cameras and Movement"

Thats good
Im working on it right now!

So, what is this going to be. DirectX coding in VB, or coding both, VB and DirectX?

How to use DirectX in VB.net.

OMG I have always wondering how to do it!

/discard this post

Nice job Really, really good.

PS: I like the brackets around the different "functions" :P

Ill be starting on "Basic Rendering" Next week. My plan is to release one every week if i have the time.
These tutorials should draw more traffic to this section and mpgh.

I would like to do my own boxhead game LOLZ I'd be so proud of myself xD

Thank you for your tutorial I'm going to read it when I'm done with my homework -_-

' Yes I do know adobe flash is better to create such games, however this should also be possible in vb, isn't it?

Link didn't work for me tho...

DX SDK -> Feb 2010 Download

not sure what a boxhead game is.. but whatever it is, yeah you should be able to.

hmm, my link work just fine for me.

Boxhead 2Play - Spiele-Zone A less advanced for sure =D

Lol. Im a little late to the party here, but very nice tut XGelite. This is excellent. Now perhaps the VB section can try to incorporate some DirectX stuff in their hacks.

kudos!

tl;dw, looks good.

Thanks, may read in the future.