JavaScript Beginner Blocks

Hello everyone! This course covers the fundamentals of JavaScript with easy to understand examples.  “JavaScript Beginner Blocks” is a free course with the intention that those who wish to learn the majority of knowledge needed to code JavaScript applications are able to by the end of it. I have posted this here in blog format, however there’s also a PDF version of it in our shop, where it’s also available for free! Without further ado, this is “JavaScript Beginner Blocks”: JavaScript Beginner Blocks Version 1.0 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 →