Game Development Exam > Game Development Videos > Monogame Tutorial: Design your own Game > C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map]
C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture | Monogame Tutorial: Design your own Game - Game Development
FAQs on C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture - Monogame Tutorial: Design your own Game - Game Development
| 1. How do I display the tile map in my RPG game using the tile map editor in C# Monogame? |  |
Ans. To display the tile map in your RPG game using the tile map editor in C# Monogame, you can follow these steps:
1. Load the tile map data from the editor into your game.
2. Create a rendering system that can draw the tiles on the screen based on the map data.
3. Iterate through the map data and determine the position and type of each tile.
4. Use the rendering system to draw the corresponding tile sprite at the correct position on the screen.
5. Update the rendering system whenever the map data changes to keep the display up to date.
| 2. How can I load the tile map data from the tile map editor in C# Monogame? | |
Ans. To load the tile map data from the tile map editor in C# Monogame, you can use a file format that both the editor and your game can understand. One common approach is to save the map data as a text file or a binary file.
In your game, you can use file reading techniques in C# to read the map data from the file and then parse it into a data structure that represents the map in memory. This data structure can be an array, a matrix, or any other suitable data structure that allows you to access and manipulate the map data efficiently.
Once you have loaded the map data into memory, you can use it to display the map in your game by rendering the corresponding tiles on the screen.
| 3. How can I implement a rendering system to draw the tiles on the screen in C# Monogame? | |
Ans. To implement a rendering system to draw the tiles on the screen in C# Monogame, you can follow these steps:
1. Create a sprite batch object that allows you to draw 2D graphics.
2. Iterate through the map data and determine the position and type of each tile.
3. Use the sprite batch object to draw the corresponding tile sprite at the correct position on the screen.
4. Repeat the drawing process for each tile in the map.
5. Call the End method of the sprite batch object to finalize the drawing process.
By repeating this process for each frame, you can continuously update and display the tile map in your game.
| 4. How can I update the rendering system to reflect changes in the tile map data in C# Monogame? | |
Ans. To update the rendering system to reflect changes in the tile map data in C# Monogame, you need to keep track of any changes made to the map data and update the corresponding display accordingly. One approach is to use a flag or a dirty flag to indicate whether a tile needs to be redrawn.
Whenever a change is made to the map data, you can set the dirty flag for the corresponding tile or tiles. In your rendering system, you can check the dirty flag for each tile before drawing it. If the flag is set, you redraw the tile; otherwise, you skip the drawing process.
By updating the rendering system only for the tiles that have changed, you can optimize the performance of your game and ensure that the display accurately reflects the map data.
| 5. Can I use different tile sets for different areas of my RPG game in C# Monogame? | |
Ans. Yes, you can use different tile sets for different areas of your RPG game in C# Monogame. The tile map editor allows you to assign different tile sets to different sections or layers of your map.
You can create multiple tile sets, each containing a unique collection of tile sprites, and then assign the appropriate tile set to each area or layer of your map. This allows you to create visually distinct regions within your game world.
When implementing the rendering system, you need to ensure that the correct tile set is used when drawing each tile. You can either store the tile set information directly in the map data or use a separate data structure to map each tile to its corresponding tile set.
By using different tile sets, you can add variety and visual interest to your RPG game, making each area or layer feel unique and different from the others.
Text Transcript from Video
so what's up everybody and welcome to
your next c-sharp model game tutorial
and this tutorial you're actually going
to get our map displayed on to the
screen so why not
we're gonna be adding a bunch of code
we're not to too much but we're just
gonna get an app for my game to display
an hour and hour time I better there and
that's all we're really gonna do for
this tutorial and the next few tutorials
we'll get some other stuff done so let
us get started so we already have our
editor class and we we already have our
map and layer class and and stuff from
from from our earlier tutorials what
we're gonna do is gonna create a new map
and a new layer class it's not if you
guys want to do this but we'll just do
for the front of it so we're just gonna
create a new class and I'm gonna create
new map class and we have a later class
and you might think we need a tall class
we don't need a town class so let's just
call this public layer and we're gonna
need a few namespaces so we're gonna
need I need the framework content and
some graphics okay and in the map class
we're gonna make this public and we can
just make a what will follow the way
when it forms dust off so we'll make an
initialize method and we'll make a draw
method
now the initialize method is gonna have
to take a Content Manager and as you
guys probably figured out we need to
include some namespaces I don't think we
need the framework so we just need two
things at the top right here we just
need a public list of layers and we'll
call it layer and we need to include is
the XML serialization okay so we
included that namespace and we need to
include that because we have a list so
because we have a list we have to
specify how we're gonna be reading it in
and last but not least we're gonna make
take a vector two so we actually do need
the basic framework we're going to be
making a public vector to call it our
dimension so this looks quite familiar
and what we're gonna do is we're just
gonna loop through each layer and we're
gonna call later dot initialize and
we're gonna pass them in tada mentions
and I'm gonna have draw now why don't we
have any updater unload content or so on
and so forth well let's see for starters
we we don't need to update the table we
just need to display the town the town's
not going to be doing any effects or
anything we just want to edit our town
now remember I said this is gonna be
very simple if you guys want to see your
talent action then so be it
but this is just gonna be a very very
very basic basic Tom editor and it's up
to you guys to however you want
I'm just basically showing you guys how
to get started and and then you guys can
do some stuff from there now what I want
to do now is I'm going to pause this
video right now and I got I did a quick
time out
in about an hour like an hour or two
just to show you kind of like what we're
going to be going so here it is this is
just something I did on my my own quite
quickly and our time up editor is just
gonna look something basic like this so
you could take you can select a group of
tiles which select a single tile you can
drag it do certain things with that uh
you can switch your layer so if you look
at the bottom right here you can change
your layer and you can add stuff on the
second layer so we're just gonna be
adding in a two layer of functionality
right now it's not gonna be anything
spectacular and I have it so you can
save the map and and so on and so forth
so it's not gonna be anything
spectacular but we're just gonna have
something basic so I just wanted to show
you that so that you guys can get a gist
of what we're gonna be doing so anyways
we're gonna do just like our other
layers class we're gonna call this tile
map and we're gonna want to include the
be the sister the serial serialization
namespace so we're gonna say XML element
it will call it row and we'll take in a
public list of rows voila
so now we're just gonna have a public
tile map and I'm I feel like switching
into tower layout so we can switch our
maps later on but I'm gonna switch that
to our tower layout just because I feel
it is a better naming scheme but it's
not to you whichever one you like to
name it so I'm just gonna be adding a
private vector - I'm gonna call it tile
dimensions and we're going to make
something we're gonna make a list and
it's gonna be a two dimensional list and
it's going to just be our tile map or
whatever whatever you like to call it
now the reason why we're doing this is
because even what we want to edit
certain tiles or chain certain tiles or
under certain tiles or something like
that we need to have it in an array type
format so that's what our double list is
going to be storing and so it's going to
have our initialize method so we have
initialize and we're going to be taking
in a Content Manager and we should be
taking in oh yeah
Content Manager and and vector to tile
dimensions okay good enough sorry I had
to pause that for a quick moment
so we have our initialized and we have
to draw so our initialize is going to
look something like this so we're gonna
have a string we're gonna call it split
and just like before we're just gonna
call a tile layout dot row and sorry
let's go for each first sorry I'm gonna
be tired it's like 106 in the morning so
which have a string row in tile layout
row and we'll say string let's is equal
to Rho dot split and we're going to
split it based on that so if you guys
want to oh sorry about that if you guys
want to copy this from your map father
that's fine but we're gonna be adding in
a few differences so we're gonna split
it like so and let me split it we're
gonna do another for each and we're
gonna say okay string
and split answer we're gonna loop do
them like so so this is just like before
what we're gonna do right here so we're
gonna make a temporary list and in this
time out it should be a vector tune on a
string sorry about that so then it's a
back this name is temp tom map and also
to a new town map and we don't really
care about which which tiles are overly
tiles or so on or underlay tiles or
solid tiles we don't care about that
right now all we really care about our
which tiles are we just came up which
tiles are that we're actually displaying
right one when it comes to the game
world when a player can actually collide
with them that's when it actually
matters and if if I have time or I feel
the need to that I'm guy could be our
adding the functionality to add to all
the tiles to our table editor but I feel
that there's a fairly easy task to do so
I don't want to teach it but if you guys
want me to then I can probably squeeze
it in but anyways so we haven't for each
to to loop through each one through each
element and we're gonna do it we're just
gonna say I guess we didn't do it we did
before so say value 1 is equal to s dot
substring and
the substring is from 0 to s dot index
of oh actually we got to do something
first we got like a string and we have
to say s dot replace and we're gonna
replace this
so once you replace that then we're
going to check till the index of the
colon and we're going to say value to
you go to string sub string STR index of
: +1 and hopefully oh and it should be
int dot parse okay so now that we've
gotten that done we're gonna take our
temp time out I'm gonna be on your new
vector2 I'm just gonna add in our value
one another value two
so we've gotten that set up and after
this loop we're just gonna say time out
dot add temp table so that's gonna
create our our two-dimensional or our
two-dimensional map for us but there's
something else that we have to do and
well we don't really yeah yeah this is
something we have to do so if it is if
it contains an X or something what are
we gonna do cuz it stores vector twos so
we're gonna change it from an X to a
negative one okay so we're just gonna
say we're gonna say that FS so we're
gonna say if not s contains X that's
what you do
and we'll just say else and we'll do is
we'll just put in value 1 what does the
easier way to do this for this matter
but what you say value 1 equals value 2
equals negative 1 and so it will add a
value negative 1 if it does have an X
okay so this is gonna add this to our
timeout for us nothing nothing really
special and what we're gonna do now
we didn't add in an image yet so we're
gonna do is we're going to have to add
in an image now now we don't have an
image class yet and we're going to be
implementing that in just a moment so
now let's pause here let's create an
image class and the image crowds gonna
be a dump down image class we don't need
a lot for a time I better that we just
need to actually get an image we don't
need to add in text or anything to the
image we just need to spread itself so
it's going to be really dumbed down so
we're gonna just have let's include let
the system dot XML dot serialization and
we'll have our three names okay so I'm a
private texture 2d we'll call that
texture um we need our we'll say public
source rect and I guess we'll make a
powerful to alpha you can add scale and
all that stuff but we don't really need
all those different things to work it's
up to you whether you want to add in
that functionality so now all we're
gonna do is we're going to create a
constructor and add in some default
values
and we'll chase or actually go to
rectangle dot and Ian now we also need
to publish string called path and I'm
going to make a property and we're just
gonna happen just have a get method to
return detection and since this is
publicly activated called XML ignore so
it doesn't try to do anything with that
so what we're going to do now is we're
going to say public void initialize
gonna take a Content Manager and we'll
create our own content manager as well
speed is not really critical in this
program but I will still create our own
content manager just to make it more
convenient and you can add a what you
can do is you can either on little
content to unload it when you don't need
it anymore but most likely that's gonna
happen either when you create a new map
well when you're done with the program
so it'll clean it up for you but that's
up to you entirely by choice and we'll
have a draw well the draw method ok so
we have our initialize with withdraw and
what we're gonna do is pretty simple
we're gonna save string if not the
string is null or empty and we'll check
the path then we'll say texture is you
go to content download texture and we'll
pass in the past and we're going to say
if source strikes naught is equal to
rectangle dot empty then we're gonna say
source rect is equal to texture balance
so that's simple enough and what we're
gonna do is just make a we're gonna stay
whoa texture 2d sorry
let me see this out a bit and make sure
we put this content so it uses this
content that we had and I'm just
checking much time I have okay so we're
gonna do this called sprite batch and
we're going to draw spell doctor
ah we're gonna draw our texture our
position every in specified position yet
so let's just make this public so I'm a
position there were source rect and we
have our color dot white times alpha
it's not simple enough we got our simple
drawing method up but nothing too
complex and now we can go back to our
lair class so what we're gonna do now is
we're going to loop through each one of
the elements in our tile map so we're
going to say it's how about that count
and again this is not the most optimized
code or the most effective code but it
gets it done and you can optimize it or
do whatever you would like to it later
on there's a lot of things to consider
when it comes to optimization that's why
I'm not trying to go too much into
detail about that anyways so we're gonna
say that if if tom map I J not equal to
negative vector to one then we're gonna
do a few things we're gonna say image
dot position is equal to new vector to
now this might confuse you J times table
dimensions dot X times time I mention
dot why now why did I do J instead of I
for the first parameter the I represents
the columns and the J represents the
number within that column so what is
doing is it's saying okay
the J is actually gonna give us our
x-coordinate and the you I is actually
gonna give us our y-coordinate and
comment might confuse you a bit but if
you really think about it you can wrap
your head around it if you are confused
then leave me a comment and I'll trying
to explain it more in depth or I'll give
you a visual example in the next
tutorial or the next couple tutorials so
anyways we're going to use as far as
source rekt I sorry that's how we're
gonna do it we're gonna say timeout
all right J and these have to be
integers so we'll say int Tom map IJ dot
X x power map the tile dimension sorry
dot X and then we're going to say int
Tom app RI J dot y times tile dimensions
dot Y then we'll add in tile dimensions
are X and cast it to an int and that's
but not least will be towel towel
dimensions don't wash and now however
our source right to handle so track for
us and we'll say image draw so voila
that's gonna handle everything for us if
everything goes according to plan it
should draw efficiently so you've got
that done we have an image class done
and now we just have to add into our
editor so we're just going to make an
instance of map and we're going to have
to have a Content Manager and this
bright match
so let's include these things we also
need the XML namespace okay so we're
gonna say content is equal to new
content manager and we insert it as a
provider so the graphics device
controller has something called services
in there which we can use for a graph or
a search provider and in quotes we'll
just put content and then we're gonna
say spray box equal to use right back
and it provides a graphic service for us
as well it's not cool so when it has all
this cool stuff in there for us already
so now we don't have our XML Manager and
if you want to you can use you can put
using a YouTube RPG and you can use your
or you can call make a call to YouTube
RPG XML manager if you want to but if
you made a new project then we're just
gonna call the serializer I'm gonna say
newest on serializer and we need to type
so what we're gonna do in our editor
we're going to look ahead again we're
gonna say a map C with some new map I
will just say map get tight then we're
gonna say map is equal to XML
deserialize and later stream and we also
need to cast it to map so what we're
going to do just create a quick stream
but first we need to include the
iostream all right yeah so now we're
gonna say stream stream is equal to file
open and we're going to put a link to a
file so we're just gonna call them out
dot we're gonna just let's just say
that's our path I will say farm mode
open
and so we're passing our stream in here
and voila I'll load the map and then
we'll call math dot initialize tossing
the content manager and down here we'll
call spray batch begin right master and
I will make a call to lapdog drop so
simple enough so now we're gonna do to
our side now we're gonna create a load
folder and we'll just call it load and
which gonna load a default map and I
don't have what we're gonna do what's
gonna be existing item I already have
them I've you can use the same map that
we've been using for our game so I'm
just get that and you can affect all
files I'm just gonna put that in there
now also our content we're going to need
our images as well so let's just add in
our content to so and just get that and
right in here okay so we got our our
content in here and we have our towel
sheets in there so we have our tops our
ground towel sheet and the same time she
been using our same everything just to
show you is nothing different
and our the map XML just to show you
that it's nothing special it's the same
map XML we've had nothing added or
anything at all um so if we run this
hopefully we don't get any errors forget
any errors we'll fix them okay so we did
get errors and just saying it doesn't
know how it's gonna compile these so
let's remove these and let's rerun this
okay so things might find it now one
thing I forgot to do what you want to do
is I know you can't see this but could
project and go to the properties and we
got to move remove our output path so
right now it's creating a brand new
output path so we want to remove that
and it's just the length cannot be less
than 0 so let's see exactly what we did
here
um so s was null and so what we can do
is we'll say get rid of this and so
we're gonna say as not equals playing
empty and that's so let's run this oh
stop run this one more time
and we never said this twinness of an
object so what we can do is we'll just
make a layer constructor I will set some
defaults will say Taliban mentions ghost
me back there to Tom out and yeah so
let's try this hope this works and
doesn't accept anything No so what does
no sorry
texture is null so our path so I believe
I know exactly what's going on so we
have to do is we have to go to our
editor and let's copy this stuff from
right here and let's paste the ratio and
the constructor because what is doing
this is initializing our other classes
first and we're running into trouble so
let's start debugging now and we're
getting that error okay sorry for all
these errors so let's check something
quickly okay so it had nothing to do
with us moving it to the constructor I
forgot that it was something else that a
reason why I had to move it earlier on
so yeah you can keep it in here um the
problem is we don't even call load
content in the for the images so we need
to go we need to open up our layer and
we're just going to call to image dot
initialize so we don't even make a call
that's why it's not even loading in the
tile and if you run this one more time
hopefully it works so now we've gotten
something blank so we're getting closer
and closer so we have our layers here
and
in our editor we actually draw our nap
so let us see exactly what's going on so
with me I made yet another error we
never said tile dimensions to anything
right here so let's just do that quickly
so say tile dimensions he will do tile
dimension sorry for all these errors
let's run this and let's see this works
so voila we've gotten our map drawn oh
it was a lot of work I am actually
intent for to to have that many errors
or in time for it to be this long but
now we've revamped our image classes
we've done I was revamped our map or our
layered class and we've gotten something
displayed on our editor and our editor
so in the next tutorial we will probably
set up the tile sheet display class and
then we'll get into some further stuff
in later tutorial so sorry for this long
tutorial but thanks for watching don't
forget to comment subscribe and bye for
now
your next c-sharp model game tutorial
and this tutorial you're actually going
to get our map displayed on to the
screen so why not
we're gonna be adding a bunch of code
we're not to too much but we're just
gonna get an app for my game to display
an hour and hour time I better there and
that's all we're really gonna do for
this tutorial and the next few tutorials
we'll get some other stuff done so let
us get started so we already have our
editor class and we we already have our
map and layer class and and stuff from
from from our earlier tutorials what
we're gonna do is gonna create a new map
and a new layer class it's not if you
guys want to do this but we'll just do
for the front of it so we're just gonna
create a new class and I'm gonna create
new map class and we have a later class
and you might think we need a tall class
we don't need a town class so let's just
call this public layer and we're gonna
need a few namespaces so we're gonna
need I need the framework content and
some graphics okay and in the map class
we're gonna make this public and we can
just make a what will follow the way
when it forms dust off so we'll make an
initialize method and we'll make a draw
method
now the initialize method is gonna have
to take a Content Manager and as you
guys probably figured out we need to
include some namespaces I don't think we
need the framework so we just need two
things at the top right here we just
need a public list of layers and we'll
call it layer and we need to include is
the XML serialization okay so we
included that namespace and we need to
include that because we have a list so
because we have a list we have to
specify how we're gonna be reading it in
and last but not least we're gonna make
take a vector two so we actually do need
the basic framework we're going to be
making a public vector to call it our
dimension so this looks quite familiar
and what we're gonna do is we're just
gonna loop through each layer and we're
gonna call later dot initialize and
we're gonna pass them in tada mentions
and I'm gonna have draw now why don't we
have any updater unload content or so on
and so forth well let's see for starters
we we don't need to update the table we
just need to display the town the town's
not going to be doing any effects or
anything we just want to edit our town
now remember I said this is gonna be
very simple if you guys want to see your
talent action then so be it
but this is just gonna be a very very
very basic basic Tom editor and it's up
to you guys to however you want
I'm just basically showing you guys how
to get started and and then you guys can
do some stuff from there now what I want
to do now is I'm going to pause this
video right now and I got I did a quick
time out
in about an hour like an hour or two
just to show you kind of like what we're
going to be going so here it is this is
just something I did on my my own quite
quickly and our time up editor is just
gonna look something basic like this so
you could take you can select a group of
tiles which select a single tile you can
drag it do certain things with that uh
you can switch your layer so if you look
at the bottom right here you can change
your layer and you can add stuff on the
second layer so we're just gonna be
adding in a two layer of functionality
right now it's not gonna be anything
spectacular and I have it so you can
save the map and and so on and so forth
so it's not gonna be anything
spectacular but we're just gonna have
something basic so I just wanted to show
you that so that you guys can get a gist
of what we're gonna be doing so anyways
we're gonna do just like our other
layers class we're gonna call this tile
map and we're gonna want to include the
be the sister the serial serialization
namespace so we're gonna say XML element
it will call it row and we'll take in a
public list of rows voila
so now we're just gonna have a public
tile map and I'm I feel like switching
into tower layout so we can switch our
maps later on but I'm gonna switch that
to our tower layout just because I feel
it is a better naming scheme but it's
not to you whichever one you like to
name it so I'm just gonna be adding a
private vector - I'm gonna call it tile
dimensions and we're going to make
something we're gonna make a list and
it's gonna be a two dimensional list and
it's going to just be our tile map or
whatever whatever you like to call it
now the reason why we're doing this is
because even what we want to edit
certain tiles or chain certain tiles or
under certain tiles or something like
that we need to have it in an array type
format so that's what our double list is
going to be storing and so it's going to
have our initialize method so we have
initialize and we're going to be taking
in a Content Manager and we should be
taking in oh yeah
Content Manager and and vector to tile
dimensions okay good enough sorry I had
to pause that for a quick moment
so we have our initialized and we have
to draw so our initialize is going to
look something like this so we're gonna
have a string we're gonna call it split
and just like before we're just gonna
call a tile layout dot row and sorry
let's go for each first sorry I'm gonna
be tired it's like 106 in the morning so
which have a string row in tile layout
row and we'll say string let's is equal
to Rho dot split and we're going to
split it based on that so if you guys
want to oh sorry about that if you guys
want to copy this from your map father
that's fine but we're gonna be adding in
a few differences so we're gonna split
it like so and let me split it we're
gonna do another for each and we're
gonna say okay string
and split answer we're gonna loop do
them like so so this is just like before
what we're gonna do right here so we're
gonna make a temporary list and in this
time out it should be a vector tune on a
string sorry about that so then it's a
back this name is temp tom map and also
to a new town map and we don't really
care about which which tiles are overly
tiles or so on or underlay tiles or
solid tiles we don't care about that
right now all we really care about our
which tiles are we just came up which
tiles are that we're actually displaying
right one when it comes to the game
world when a player can actually collide
with them that's when it actually
matters and if if I have time or I feel
the need to that I'm guy could be our
adding the functionality to add to all
the tiles to our table editor but I feel
that there's a fairly easy task to do so
I don't want to teach it but if you guys
want me to then I can probably squeeze
it in but anyways so we haven't for each
to to loop through each one through each
element and we're gonna do it we're just
gonna say I guess we didn't do it we did
before so say value 1 is equal to s dot
substring and
the substring is from 0 to s dot index
of oh actually we got to do something
first we got like a string and we have
to say s dot replace and we're gonna
replace this
so once you replace that then we're
going to check till the index of the
colon and we're going to say value to
you go to string sub string STR index of
: +1 and hopefully oh and it should be
int dot parse okay so now that we've
gotten that done we're gonna take our
temp time out I'm gonna be on your new
vector2 I'm just gonna add in our value
one another value two
so we've gotten that set up and after
this loop we're just gonna say time out
dot add temp table so that's gonna
create our our two-dimensional or our
two-dimensional map for us but there's
something else that we have to do and
well we don't really yeah yeah this is
something we have to do so if it is if
it contains an X or something what are
we gonna do cuz it stores vector twos so
we're gonna change it from an X to a
negative one okay so we're just gonna
say we're gonna say that FS so we're
gonna say if not s contains X that's
what you do
and we'll just say else and we'll do is
we'll just put in value 1 what does the
easier way to do this for this matter
but what you say value 1 equals value 2
equals negative 1 and so it will add a
value negative 1 if it does have an X
okay so this is gonna add this to our
timeout for us nothing nothing really
special and what we're gonna do now
we didn't add in an image yet so we're
gonna do is we're going to have to add
in an image now now we don't have an
image class yet and we're going to be
implementing that in just a moment so
now let's pause here let's create an
image class and the image crowds gonna
be a dump down image class we don't need
a lot for a time I better that we just
need to actually get an image we don't
need to add in text or anything to the
image we just need to spread itself so
it's going to be really dumbed down so
we're gonna just have let's include let
the system dot XML dot serialization and
we'll have our three names okay so I'm a
private texture 2d we'll call that
texture um we need our we'll say public
source rect and I guess we'll make a
powerful to alpha you can add scale and
all that stuff but we don't really need
all those different things to work it's
up to you whether you want to add in
that functionality so now all we're
gonna do is we're going to create a
constructor and add in some default
values
and we'll chase or actually go to
rectangle dot and Ian now we also need
to publish string called path and I'm
going to make a property and we're just
gonna happen just have a get method to
return detection and since this is
publicly activated called XML ignore so
it doesn't try to do anything with that
so what we're going to do now is we're
going to say public void initialize
gonna take a Content Manager and we'll
create our own content manager as well
speed is not really critical in this
program but I will still create our own
content manager just to make it more
convenient and you can add a what you
can do is you can either on little
content to unload it when you don't need
it anymore but most likely that's gonna
happen either when you create a new map
well when you're done with the program
so it'll clean it up for you but that's
up to you entirely by choice and we'll
have a draw well the draw method ok so
we have our initialize with withdraw and
what we're gonna do is pretty simple
we're gonna save string if not the
string is null or empty and we'll check
the path then we'll say texture is you
go to content download texture and we'll
pass in the past and we're going to say
if source strikes naught is equal to
rectangle dot empty then we're gonna say
source rect is equal to texture balance
so that's simple enough and what we're
gonna do is just make a we're gonna stay
whoa texture 2d sorry
let me see this out a bit and make sure
we put this content so it uses this
content that we had and I'm just
checking much time I have okay so we're
gonna do this called sprite batch and
we're going to draw spell doctor
ah we're gonna draw our texture our
position every in specified position yet
so let's just make this public so I'm a
position there were source rect and we
have our color dot white times alpha
it's not simple enough we got our simple
drawing method up but nothing too
complex and now we can go back to our
lair class so what we're gonna do now is
we're going to loop through each one of
the elements in our tile map so we're
going to say it's how about that count
and again this is not the most optimized
code or the most effective code but it
gets it done and you can optimize it or
do whatever you would like to it later
on there's a lot of things to consider
when it comes to optimization that's why
I'm not trying to go too much into
detail about that anyways so we're gonna
say that if if tom map I J not equal to
negative vector to one then we're gonna
do a few things we're gonna say image
dot position is equal to new vector to
now this might confuse you J times table
dimensions dot X times time I mention
dot why now why did I do J instead of I
for the first parameter the I represents
the columns and the J represents the
number within that column so what is
doing is it's saying okay
the J is actually gonna give us our
x-coordinate and the you I is actually
gonna give us our y-coordinate and
comment might confuse you a bit but if
you really think about it you can wrap
your head around it if you are confused
then leave me a comment and I'll trying
to explain it more in depth or I'll give
you a visual example in the next
tutorial or the next couple tutorials so
anyways we're going to use as far as
source rekt I sorry that's how we're
gonna do it we're gonna say timeout
all right J and these have to be
integers so we'll say int Tom map IJ dot
X x power map the tile dimension sorry
dot X and then we're going to say int
Tom app RI J dot y times tile dimensions
dot Y then we'll add in tile dimensions
are X and cast it to an int and that's
but not least will be towel towel
dimensions don't wash and now however
our source right to handle so track for
us and we'll say image draw so voila
that's gonna handle everything for us if
everything goes according to plan it
should draw efficiently so you've got
that done we have an image class done
and now we just have to add into our
editor so we're just going to make an
instance of map and we're going to have
to have a Content Manager and this
bright match
so let's include these things we also
need the XML namespace okay so we're
gonna say content is equal to new
content manager and we insert it as a
provider so the graphics device
controller has something called services
in there which we can use for a graph or
a search provider and in quotes we'll
just put content and then we're gonna
say spray box equal to use right back
and it provides a graphic service for us
as well it's not cool so when it has all
this cool stuff in there for us already
so now we don't have our XML Manager and
if you want to you can use you can put
using a YouTube RPG and you can use your
or you can call make a call to YouTube
RPG XML manager if you want to but if
you made a new project then we're just
gonna call the serializer I'm gonna say
newest on serializer and we need to type
so what we're gonna do in our editor
we're going to look ahead again we're
gonna say a map C with some new map I
will just say map get tight then we're
gonna say map is equal to XML
deserialize and later stream and we also
need to cast it to map so what we're
going to do just create a quick stream
but first we need to include the
iostream all right yeah so now we're
gonna say stream stream is equal to file
open and we're going to put a link to a
file so we're just gonna call them out
dot we're gonna just let's just say
that's our path I will say farm mode
open
and so we're passing our stream in here
and voila I'll load the map and then
we'll call math dot initialize tossing
the content manager and down here we'll
call spray batch begin right master and
I will make a call to lapdog drop so
simple enough so now we're gonna do to
our side now we're gonna create a load
folder and we'll just call it load and
which gonna load a default map and I
don't have what we're gonna do what's
gonna be existing item I already have
them I've you can use the same map that
we've been using for our game so I'm
just get that and you can affect all
files I'm just gonna put that in there
now also our content we're going to need
our images as well so let's just add in
our content to so and just get that and
right in here okay so we got our our
content in here and we have our towel
sheets in there so we have our tops our
ground towel sheet and the same time she
been using our same everything just to
show you is nothing different
and our the map XML just to show you
that it's nothing special it's the same
map XML we've had nothing added or
anything at all um so if we run this
hopefully we don't get any errors forget
any errors we'll fix them okay so we did
get errors and just saying it doesn't
know how it's gonna compile these so
let's remove these and let's rerun this
okay so things might find it now one
thing I forgot to do what you want to do
is I know you can't see this but could
project and go to the properties and we
got to move remove our output path so
right now it's creating a brand new
output path so we want to remove that
and it's just the length cannot be less
than 0 so let's see exactly what we did
here
um so s was null and so what we can do
is we'll say get rid of this and so
we're gonna say as not equals playing
empty and that's so let's run this oh
stop run this one more time
and we never said this twinness of an
object so what we can do is we'll just
make a layer constructor I will set some
defaults will say Taliban mentions ghost
me back there to Tom out and yeah so
let's try this hope this works and
doesn't accept anything No so what does
no sorry
texture is null so our path so I believe
I know exactly what's going on so we
have to do is we have to go to our
editor and let's copy this stuff from
right here and let's paste the ratio and
the constructor because what is doing
this is initializing our other classes
first and we're running into trouble so
let's start debugging now and we're
getting that error okay sorry for all
these errors so let's check something
quickly okay so it had nothing to do
with us moving it to the constructor I
forgot that it was something else that a
reason why I had to move it earlier on
so yeah you can keep it in here um the
problem is we don't even call load
content in the for the images so we need
to go we need to open up our layer and
we're just going to call to image dot
initialize so we don't even make a call
that's why it's not even loading in the
tile and if you run this one more time
hopefully it works so now we've gotten
something blank so we're getting closer
and closer so we have our layers here
and
in our editor we actually draw our nap
so let us see exactly what's going on so
with me I made yet another error we
never said tile dimensions to anything
right here so let's just do that quickly
so say tile dimensions he will do tile
dimension sorry for all these errors
let's run this and let's see this works
so voila we've gotten our map drawn oh
it was a lot of work I am actually
intent for to to have that many errors
or in time for it to be this long but
now we've revamped our image classes
we've done I was revamped our map or our
layered class and we've gotten something
displayed on our editor and our editor
so in the next tutorial we will probably
set up the tile sheet display class and
then we'll get into some further stuff
in later tutorial so sorry for this long
tutorial but thanks for watching don't
forget to comment subscribe and bye for
now
About this Video
Sep 22, 2025
Last updated
Related Exams
Video Description: C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] for Game Development 2025 is part of Monogame Tutorial: Design your own Game preparation.
The notes and questions for C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] have been prepared according to the Game Development exam syllabus.
Information about C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] covers all important topics for Game Development 2025 Exam.
Find important definitions, questions, notes, meanings, examples, exercises and tests below for C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map].
Introduction of C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] in English is available as part of our Monogame Tutorial: Design your own Game for Game Development & C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] in
Hindi for Monogame Tutorial: Design your own Game course. Download more important topics related with notes, lectures and mock test series for
Game Development Exam by signing up for free.
Description
Video Lecture & Questions for C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture | Monogame Tutorial: Design your own Game - Game Development - Game Development full syllabus preparation | Free video for Game Development exam to prepare for Monogame Tutorial: Design your own Game.
Information about C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map]
Here you can find the meaning of C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] defined & explained in the simplest way possible.
Besides explaining types of C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] theory, EduRev gives you an ample number of questions to practice C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] tests,
examples and also practice Game Development tests.
Related Searches
Semester Notes
,Summary
,video lectures
,study material
,ppt
,mock tests for examination
,C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture | Monogame Tutorial: Design your own Game - Game Development
,Previous Year Questions with Solutions
,practice quizzes
,Free
,Sample Paper
,shortcuts and tricks
,Important questions
,C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture | Monogame Tutorial: Design your own Game - Game Development
,Viva Questions
,C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] Video Lecture | Monogame Tutorial: Design your own Game - Game Development
,past year papers
,Objective type Questions
,Extra Questions
,Exam
,MCQs
;
Study C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] on the App
Students of Game Development can study C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] alongwith tests & analysis from the EduRev app,
which will help them while preparing for their exam. Apart from the C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map],
students can also utilize the EduRev App for other study materials such as previous year question papers, syllabus, important questions, etc.
The EduRev App will make your learning easier as you can access it from anywhere you want.
The content of C# Monogame RPG Made Easy Tutorial 18 - Tile Map Editor [Displaying the Map] is prepared as per the latest Game Development syllabus.
|
© EduRev
|
Education Revolution
|
|
Signup on EduRev and stay on top of your study goals
10M+ students crushing their study goals daily