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 already. I chose the “MonoGame Cross Platform Desktop Project” template. The next thing I did was open the Content.mgcb file in the Content folder of my project with the MonoGame Continue reading →

Build a Space Shooter with MonoGame

Build a Space Shooter with MonoGame Version 1.0 Written by Jared York © 2019 York Computer Solutions LLC 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 installation guide, otherwise the installers for other platforms should be similar.  If Continue reading →

Setting up MonoGame on Windows

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 to help you setup MonoGame if want to use Windows for game development. Before installing MonoGame, we will need to install Visual Studio 2017.  Currently (as of April 30, 2019), Continue reading →

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 the browser, unfortunately you can’t just run local HTML files directly from your file system. When requesting files over http, the server security only allows you to access files you’re Continue reading →

Top-down Infinite Terrain Generation with Phaser 3

In this tutorial, we will be creating an infinitely, procedurally generated, map with Phaser 3.  You can visit Phaser’s official website to find out more information about Phaser. Tutorial Requirements Basic to intermediate knowledge of JavaScript Web server Tutorial assets Code editor (not required, but highly recommended) Ensure a Web Server is Set Up Although Phaser games are ran in the browser, unfortunately you can’t just run a local HTML file directly from your file system.  When requesting files over http, the security of the Continue reading →

Build a Space Shooter with Phaser 3 – 5

In the last part of this course, “Build a Space Shooter with Phaser 3”, we have added the bulk of our code for our space shooter. We have covered adding enemies, player lasers, enemy lasers, frustum culling, and collisions in the last part. There are a few things we will finish up in this part to conclude this course. We will be adding a scrolling background, filling in the main menu, and create the game over screen. We will start by adding the scrolling background. Continue reading →

Build a Space Shooter with Phaser 3 – 4

In the last part of “Build a Space Shooter with Phaser 3”, we finished writing our base Entity class, our player class, and the player movement. In this part we will implement a couple enemies and give them basic AI. At this point you should have an error-free game where you can move the player around via the W, S, A, D keys. If so, it’s time to open Entities.js back up. At the bottom of Entities.js under the Player class, add three new classes Continue reading →

Build a Space Shooter with Phaser 3 – 3

In the last part, we finished setting up the basis for our scene files: SceneMainMenu.js, SceneMain.js, and SceneGameOver.js. At this point you can try running the game by navigating to localhost/(game folder name)/index.html. There might be a port that’s needed when viewing files on some web servers, for example, localhost:8000. If everything is right, you should see a black rectangle on the page. The black rectangle is the area where your game will be drawn. It’s time to dive back into the code. Take a Continue reading →

Build a Space Shooter with Phaser 3 – 2

In the last part of this course, we finished creating the files and folders we need for our game. The next thing we need to do is start building out our index.html. In order to start coding our HTML and JavaScript files, you will need a text editor. If you have not programmed yet, any text editor will work such as Notepad, Visual Studio Code, Atom, etc. I personally use Visual Studio Code for web development, it’s fast and simply works. To start, open your Continue reading →

Build a Space Shooter with Phaser 3 – 1

With the latest release of Phaser 3 (as of now, v3.16.1), there has never been a better time to jump into Phaser than now! In this free course, we will be exploring creating a basic space shooter with Phaser 3. I will start by saying that it is quite beneficial to have the basics of JavaScript under your belt. If you don’t, be sure to check out my free course, “JavaScript Beginner Blocks“. That course will cover everything in JavaScript you need to know to Continue reading →