Building 2d game tutorial

.gitignore

@@ -14,12 +14,12 @@ logs/
 Thumbs.db
 
 # IDEs and editors
+.vs
 .vscode/
 .idea/
 *.suo
 *.ntvs*
 *.njsproj
-*.sln
 
 # Python
 __pycache__/
@@ -30,6 +30,8 @@ __pycache__/
 dist/
 build/
 out/
+bin/
+obj/
 
 # Environment variables
 .env

DungeonSlime/.config/dotnet-tools.json

@@ -0,0 +1,36 @@
+{
+  "version": 1,
+  "isRoot": true,
+  "tools": {
+    "dotnet-mgcb": {
+      "version": "3.8.4",
+      "commands": [
+        "mgcb"
+      ]
+    },
+    "dotnet-mgcb-editor": {
+      "version": "3.8.4",
+      "commands": [
+        "mgcb-editor"
+      ]
+    },
+    "dotnet-mgcb-editor-linux": {
+      "version": "3.8.4",
+      "commands": [
+        "mgcb-editor-linux"
+      ]
+    },
+    "dotnet-mgcb-editor-windows": {
+      "version": "3.8.4",
+      "commands": [
+        "mgcb-editor-windows"
+      ]
+    },
+    "dotnet-mgcb-editor-mac": {
+      "version": "3.8.4",
+      "commands": [
+        "mgcb-editor-mac"
+      ]
+    }
+  }
+}

DungeonSlime/Content/Content.mgcb

@@ -0,0 +1,111 @@
+
+#----------------------------- Global Properties ----------------------------#
+
+/outputDir:bin/$(Platform)
+/intermediateDir:obj/$(Platform)
+/platform:DesktopGL
+/config:
+/profile:Reach
+/compress:False
+
+#-------------------------------- References --------------------------------#
+
+
+#---------------------------------- Content ---------------------------------#
+
+#begin audio/bounce.wav
+/importer:WavImporter
+/processor:SoundEffectProcessor
+/processorParam:Quality=Best
+/build:audio/bounce.wav
+
+#begin audio/collect.wav
+/importer:WavImporter
+/processor:SoundEffectProcessor
+/processorParam:Quality=Best
+/build:audio/collect.wav
+
+#begin audio/theme.ogg
+/importer:OggImporter
+/processor:SongProcessor
+/processorParam:Quality=Best
+/build:audio/theme.ogg
+
+#begin audio/ui.wav
+/importer:WavImporter
+/processor:SoundEffectProcessor
+/processorParam:Quality=Best
+/build:audio/ui.wav
+
+#begin effects/grayscaleEffect.fx
+/importer:EffectImporter
+/processor:EffectProcessor
+/processorParam:DebugMode=Auto
+/build:effects/grayscaleEffect.fx
+
+#begin fonts/04B_30_5x.spritefont
+/importer:FontDescriptionImporter
+/processor:FontDescriptionProcessor
+/processorParam:PremultiplyAlpha=True
+/processorParam:TextureFormat=Compressed
+/build:fonts/04B_30_5x.spritefont
+
+#begin fonts/04b_30.fnt
+/copy:fonts/04b_30.fnt
+
+#begin fonts/04B_30.spritefont
+/importer:FontDescriptionImporter
+/processor:FontDescriptionProcessor
+/processorParam:PremultiplyAlpha=True
+/processorParam:TextureFormat=Compressed
+/build:fonts/04B_30.spritefont
+
+#begin fonts/gothamono.spritefont
+/importer:FontDescriptionImporter
+/processor:FontDescriptionProcessor
+/processorParam:PremultiplyAlpha=True
+/processorParam:TextureFormat=Compressed
+/build:fonts/gothamono.spritefont
+
+#begin images/atlas-definition.xml
+/copy:images/atlas-definition.xml
+
+#begin images/atlas.png
+/importer:TextureImporter
+/processor:TextureProcessor
+/processorParam:ColorKeyColor=255,0,255,255
+/processorParam:ColorKeyEnabled=True
+/processorParam:GenerateMipmaps=False
+/processorParam:PremultiplyAlpha=True
+/processorParam:ResizeToPowerOfTwo=False
+/processorParam:MakeSquare=False
+/processorParam:TextureFormat=Color
+/build:images/atlas.png
+
+#begin images/background-pattern.png
+/importer:TextureImporter
+/processor:TextureProcessor
+/processorParam:ColorKeyColor=255,0,255,255
+/processorParam:ColorKeyEnabled=True
+/processorParam:GenerateMipmaps=False
+/processorParam:PremultiplyAlpha=True
+/processorParam:ResizeToPowerOfTwo=False
+/processorParam:MakeSquare=False
+/processorParam:TextureFormat=Color
+/build:images/background-pattern.png
+
+#begin images/logo.png
+/importer:TextureImporter
+/processor:TextureProcessor
+/processorParam:ColorKeyColor=255,0,255,255
+/processorParam:ColorKeyEnabled=True
+/processorParam:GenerateMipmaps=False
+/processorParam:PremultiplyAlpha=True
+/processorParam:ResizeToPowerOfTwo=False
+/processorParam:MakeSquare=False
+/processorParam:TextureFormat=Color
+/build:images/logo.png
+
+#begin images/tilemap-definition.xml
+/copy:images/tilemap-definition.xml
+

DungeonSlime/Content/effects/grayscaleEffect.fx

@@ -0,0 +1,53 @@
+#if OPENGL
+#define SV_POSITION POSITION
+#define VS_SHADERMODEL vs_3_0
+#define PS_SHADERMODEL ps_3_0
+#else
+#define VS_SHADERMODEL vs_4_0_level_9_1
+#define PS_SHADERMODEL ps_4_0_level_9_1
+#endif
+
+Texture2D SpriteTexture;
+
+// A value between 0 and 1 that controls the intensity of the grayscale effect.
+// 0 = full color, 1 = full grayscale.
+float Saturation = 1.0;
+
+sampler2D SpriteTextureSampler = sampler_state
+{
+    Texture = <SpriteTexture>;
+};
+
+struct VertexShaderOutput
+{
+    float4 Position : SV_POSITION;
+    float4 Color : COLOR0;
+    float2 TextureCoordinates : TEXCOORD0;
+};
+
+float4 MainPS(VertexShaderOutput input) : COLOR
+{
+    // Sample the texture
+    float4 color = tex2D(SpriteTextureSampler, input.TextureCoordinates) * input.Color;
+
+    // Calculate the grayscale value based on human perception of colors.
+    float grayscale = dot(color.rgb, float3(0.3, 0.59, 0.11));
+
+    // create a grayscale color vector (same value for R, G, and B)
+    float3 grayscaleColor = float3(grayscale, grayscale, grayscale);
+
+    // Linear interpolation between he grayscale color and the original color's
+    // rgb values based on the saturation parameter.
+    float3 finalColor = lerp(grayscale, color.rgb, Saturation);
+
+    // Return the final color with the original alpha value.
+    return float4(finalColor, color.a);
+}
+
+technique SpriteDrawing
+{
+    pass P0
+    {
+        PixelShader = compile PS_SHADERMODEL MainPS();
+    }
+};

DungeonSlime/Content/fonts/04B_30.spritefont

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<XnaContent xmlns:Graphics="Microsoft.Xna.Framework.Content.Pipeline.Graphics">
+	<Asset Type="Graphics:FontDescription">
+		<FontName>04B_30.ttf</FontName>
+		<Size>17.5</Size>
+		<Spacing>0</Spacing>
+		<UseKerning>true</UseKerning>
+		<Style>Regular</Style>
+		<!-- <DefaultCharacter>*</DefaultCharacter> -->
+		<CharacterRegions>
+			<CharacterRegion>
+				<Start>&#32;</Start>
+				<End>&#126;</End>
+			</CharacterRegion>
+		</CharacterRegions>
+	</Asset>
+</XnaContent>

DungeonSlime/Content/fonts/04B_30_5x.spritefont

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<XnaContent xmlns:Graphics="Microsoft.Xna.Framework.Content.Pipeline.Graphics">
+	<Asset Type="Graphics:FontDescription">
+		<FontName>04B_30.ttf</FontName>
+		<Size>87.5</Size>
+		<Spacing>0</Spacing>
+		<UseKerning>true</UseKerning>
+		<Style>Regular</Style>
+		<!-- <DefaultCharacter>*</DefaultCharacter> -->
+		<CharacterRegions>
+			<CharacterRegion>
+				<Start>&#32;</Start>
+				<End>&#126;</End>
+			</CharacterRegion>
+		</CharacterRegions>
+	</Asset>
+</XnaContent>

DungeonSlime/Content/fonts/04b_30.fnt

@@ -0,0 +1,99 @@
+info face="04b30" size=35 bold=0 italic=0 charset="" unicode=1 stretchH=100 smooth=0 aa=1 padding=0,0,0,0 spacing=1,1 outline=0
+common lineHeight=35 base=31 scaleW=256 scaleH=512 pages=1 packed=0 alphaChnl=0 redChnl=4 greenChnl=4 blueChnl=4
+page id=0 file="../images/atlas.png"
+chars count=95
+char id=32   x=30    y=152   width=3     height=1     xoffset=-1    yoffset=34    xadvance=29    page=0  chnl=15
+char id=33   x=240   y=30    width=14    height=29    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=34   x=102   y=232   width=25    height=15    xoffset=1     yoffset=4     xadvance=29    page=0  chnl=15
+char id=35   x=184   y=0     width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=36   x=250   y=150   width=3     height=1     xoffset=-1    yoffset=34    xadvance=29    page=0  chnl=15
+char id=37   x=0     y=34    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=38   x=30    y=150   width=3     height=1     xoffset=-1    yoffset=34    xadvance=29    page=0  chnl=15
+char id=39   x=245   y=202   width=10    height=15    xoffset=1     yoffset=4     xadvance=14    page=0  chnl=15
+char id=40   x=106   y=150   width=16    height=29    xoffset=1     yoffset=2     xadvance=21    page=0  chnl=15
+char id=41   x=123   y=150   width=16    height=29    xoffset=1     yoffset=2     xadvance=21    page=0  chnl=15
+char id=42   x=128   y=232   width=14    height=15    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=43   x=94    y=0     width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=44   x=143   y=232   width=10    height=14    xoffset=1     yoffset=19    xadvance=14    page=0  chnl=15
+char id=45   x=154   y=232   width=25    height=11    xoffset=1     yoffset=12    xadvance=29    page=0  chnl=15
+char id=46   x=231   y=228   width=10    height=10    xoffset=1     yoffset=19    xadvance=14    page=0  chnl=15
+char id=47   x=60    y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=48   x=90    y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=49   x=46    y=150   width=19    height=29    xoffset=1     yoffset=2     xadvance=23    page=0  chnl=15
+char id=50   x=150   y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=51   x=180   y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=52   x=210   y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=53   x=0     y=94    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=54   x=180   y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=55   x=60    y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=56   x=90    y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=57   x=120   y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=58   x=234   y=202   width=10    height=25    xoffset=1     yoffset=4     xadvance=14    page=0  chnl=15
+char id=59   x=244   y=0     width=10    height=29    xoffset=1     yoffset=4     xadvance=14    page=0  chnl=15
+char id=60   x=86    y=150   width=19    height=29    xoffset=1     yoffset=2     xadvance=23    page=0  chnl=15
+char id=61   x=182   y=176   width=25    height=25    xoffset=1     yoffset=4     xadvance=29    page=0  chnl=15
+char id=62   x=237   y=120   width=18    height=29    xoffset=1     yoffset=2     xadvance=23    page=0  chnl=15
+char id=63   x=180   y=120   width=28    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=64   x=34    y=150   width=3     height=1     xoffset=-1    yoffset=34    xadvance=29    page=0  chnl=15
+char id=65   x=120   y=120   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=66   x=150   y=120   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=67   x=124   y=0     width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=68   x=154   y=0     width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=69   x=214   y=0     width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=70   x=30    y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=71   x=60    y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=72   x=90    y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=73   x=240   y=90    width=14    height=29    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=74   x=120   y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=75   x=150   y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=76   x=209   y=120   width=27    height=29    xoffset=1     yoffset=2     xadvance=31    page=0  chnl=15
+char id=77   x=30    y=0     width=31    height=29    xoffset=1     yoffset=2     xadvance=35    page=0  chnl=15
+char id=78   x=210   y=30    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=79   x=0     y=64    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=80   x=30    y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=81   x=0     y=0     width=29    height=33    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=82   x=120   y=60    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=83   x=30    y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=84   x=150   y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=85   x=180   y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=86   x=210   y=90    width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=87   x=62    y=0     width=31    height=29    xoffset=1     yoffset=2     xadvance=35    page=0  chnl=15
+char id=88   x=0     y=124   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=89   x=30    y=120   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=90   x=60    y=120   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=91   x=240   y=60    width=14    height=29    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=92   x=90    y=120   width=29    height=29    xoffset=1     yoffset=2     xadvance=33    page=0  chnl=15
+char id=93   x=140   y=150   width=14    height=29    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=94   x=180   y=232   width=16    height=11    xoffset=1     yoffset=4     xadvance=21    page=0  chnl=15
+char id=95   x=0     y=262   width=29    height=10    xoffset=1     yoffset=21    xadvance=33    page=0  chnl=15
+char id=96   x=197   y=228   width=16    height=11    xoffset=1     yoffset=4     xadvance=21    page=0  chnl=15
+char id=97   x=208   y=176   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=98   x=0     y=210   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=99   x=26    y=210   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=100  x=52    y=206   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=101  x=78    y=206   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=102  x=104   y=206   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=103  x=130   y=206   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=104  x=156   y=206   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=105  x=234   y=176   width=12    height=25    xoffset=1     yoffset=6     xadvance=16    page=0  chnl=15
+char id=106  x=182   y=202   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=107  x=208   y=202   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=108  x=78    y=232   width=23    height=25    xoffset=1     yoffset=6     xadvance=27    page=0  chnl=15
+char id=109  x=197   y=150   width=26    height=25    xoffset=1     yoffset=6     xadvance=31    page=0  chnl=15
+char id=110  x=0     y=236   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=111  x=26    y=236   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=112  x=78    y=180   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=113  x=0     y=154   width=25    height=29    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=114  x=52    y=232   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=115  x=224   y=150   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=116  x=0     y=184   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=117  x=26    y=184   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=118  x=52    y=180   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=119  x=170   y=150   width=26    height=25    xoffset=1     yoffset=6     xadvance=31    page=0  chnl=15
+char id=120  x=104   y=180   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=121  x=130   y=180   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=122  x=156   y=180   width=25    height=25    xoffset=1     yoffset=6     xadvance=29    page=0  chnl=15
+char id=123  x=26    y=154   width=19    height=29    xoffset=1     yoffset=2     xadvance=23    page=0  chnl=15
+char id=124  x=155   y=150   width=14    height=29    xoffset=1     yoffset=2     xadvance=19    page=0  chnl=15
+char id=125  x=66    y=150   width=19    height=29    xoffset=1     yoffset=2     xadvance=23    page=0  chnl=15
+char id=126  x=214   y=228   width=16    height=11    xoffset=1     yoffset=4     xadvance=21    page=0  chnl=15

DungeonSlime/Content/fonts/gothamono.spritefont

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<XnaContent xmlns:Graphics="Microsoft.Xna.Framework.Content.Pipeline.Graphics">
+	<Asset Type="Graphics:FontDescription">
+		<FontName>Gothamonov0.2-Regular.otf</FontName>
+		<Size>12</Size>
+		<Spacing>0</Spacing>
+		<UseKerning>true</UseKerning>
+		<Style>Regular</Style>
+		<!-- <DefaultCharacter>*</DefaultCharacter> -->
+		<CharacterRegions>
+			<CharacterRegion>
+				<Start>&#32;</Start>
+				<End>&#126;</End>
+			</CharacterRegion>
+		</CharacterRegions>
+	</Asset>
+</XnaContent>