fbpx

Developer Bytes

Build a Space Shooter with MonoGame – 1

INTRODUCTION In this course, we will be creating a space shoot-em-up game with MonoGame!  MonoGame is an open-source implementation of XNA, and has a very active community surrounding it.  Before we get started, it will be important that you have MonoGame installed. If you need to install MonoGame on Windows, you can check out our

Build a Space Shooter with MonoGame – 5

The last two classes we’ll add will be devoted to the scrolling background system.  Create a new class, and name it ScrollingBackground.cs.  This class does not need to inherit anything.  It will still need the two usual using statements.  We will want to add two fields containing background textures and layers: The step is to

Creating Buttons with CSS: Volume 1

In this tutorial, you will learn how to create buttons via styling them with CSS. If you don’t have a solid foundation with HTML and CSS, I would highly recommended checking out our free Beginners Blocks courses in our store. The buttons below are what I will help you learn how to create: Let’s dive

Creating Full Width Sections

In this tutorial, you will learn how to create sections on a website than span the width of the screen. The cool thing about it is the margins are maintained. It is recommended you have solid knowledge of HTML and CSS before continuing. We Here is an example of what we should see by the

Using TrueType Fonts with MonoGame

Today I was reading up on how to load TrueType fonts into MonoGame (version 3.7.1), but couldn’t get the TTF file to build with the MonoGame Pipeline Tool. In this tutorial, I will be covering my slight workaround in order to load TTF fonts into MonoGame. First, create a new MonoGame project if you haven’t

Setting up MonoGame on Windows

MonoGame

MonoGame is the most powerful frameworks for creating cross-platform games.  One of the great features about it, is that it’s open-source. If you ever need to adjust something within the framework itself, you can do it.  The MonoGame community is a very active community with hobbyists and professionals alike. The purpose of this guide is

Feature Boxes

In this tutorial we will show you how to create feature boxes with HTML and CSS. Feature boxes are common on many websites and help summarize services or products a business offers, etc. The final result will look like the following: Before jumping into the code, it will be useful for you to download the

Simple Navigation Bar

In this tutorial we will be creating a simple, modern navigation bar. It’s nothing fancy, it just works, and it looks modern. I’m deriving the basis of this tutorial from my full screen landing page tutorial. It’s not required, but feel free to clone the repository for that tutorial and that can be the basis

Full Screen Landing Page

Hello everyone! This will be the start of my web design tutorials. In this little tutorial, we will be creating a full screen landing page. Here’s a preview of what we’ll be making: To start, let’s head over to Unsplash so we can pick out a picture we want. I really like the sunset picture

Creating a “Center to Edge” Starfield with Phaser 3

In this tutorial, we will be creating what I call, a “center to edge” starfield. The final result will look like the following: Tutorial Requirements Basic to intermediate knowledge of JavaScript Web server Code editor (not necessarily required, but highly recommended) Ensure a Web Server is Set Up Even though Phaser games are ran in