My Instructions for beginners

I want to explain my progress of game development in the form of step-by-step instructions for beginners.

31 comments
4 followers
52 entries
Advertisement
8Observer8
April 26, 2019
y = Sin(x). Legacy OpenGL 1.1, FreeGLUT
5,188 views
8Observer8
April 04, 2019
Flowchart for Empty GLFW Window

This example just create a window and clear a canvas with color. Tools: VS2015, GLFW, OpenGL, C++. All libraries are included in the project. You can just download and run it. But you need to set your Visual Studio version in the project settings, Platform Toolset, see the screenshot below:

5,267 views
8Observer8
March 31, 2019
Set Up GTest for TDD. C++, VS

Before I will start I want to advise you to read this book: The Art of Unit Testing: with examples in C#. Yes, as you can see this book contains examples in C# but it is not important. This book contain very useful and important information how to write unit tests.

I made an example of proje…

8,724 views
8Observer8
March 25, 2019
TDD and Simple Game Math

In this Blog Entry I will translate examples from the tutorial Math for Game Developers from C++ to C# and TypeScript. I will add unit tests to the examples.

I use:

C# and TypeScript are very similar. TS has: properties and g…

4,699 views
8Observer8
March 15, 2019
BabylonJS. Usage TS in Browser

If you what to use a few TypeScript files the Browser you need to bundle them in on file. What is simple and cheap way to make it? Use Browserify + UglifyJS tools.

BabylonJS is a game engine for creating 3D browser games. BJS was written in TypeScript. I this instruction I will show you ho…

5,201 views
8Observer8
February 28, 2019
Update ProjMatrix. OpenGL 3.1, C#

This example show how to update projection matrix: Blackjack_WinFormsOpenGL31CSharp_UpdateProjMatrix.zip

        private void glControl_Resize(object sender, EventArgs e)
        {
            UpdateProjMatrix();
        }

        pri…
3,437 views
8Observer8
February 27, 2019
Textures. OpenTK, WinForms, C#

My example shows a simple way to draw a few textures using OpenGL 3.1 without writing you own engine like in previous instruction: BYO2DGE. 5.1 TextureShaders. C#

Project for Visual Studio: Read more in My Instructions for beginners

6,790 views
8Observer8
February 25, 2019
BYO2DGE. 5.1 TextureShaders. C#

I study this book: Build your own 2D Game Engine. I rewrite the 2D game engine from the book from JavaScript to C#.

I rewrote this example from the official book repository: 5.1.TextureShaders to C#: ColoredAndTexturedObjects_OpenTKO…

3,568 views
8Observer8
February 23, 2019
Specs for Calculator. Jasmine, JS5

Specifications:

  • "Add(a, b)" method must to sum positive numbers. Specification name: Add_SumPositiveNumbers_ReturnsSum
  • "Sub(a, b)" method must to subtract positive numbers. Specification name: Sub_SubtractPositiveNumbers_ReturnsSub

Source Code: https://github.com/8Observer8/calcul…

2,839 views
8Observer8
February 23, 2019
Specs for Calculator. Jasmine, TS

In this instruction we will study how to write executable specifications for a very simple Calculator project using Jasmine testing framework.

Source code on GitHub: https://github.com/8Observer8/calculator-browserify-ts

If you do not have "browserify" then install it globally using this…

2,191 views
8Observer8
February 23, 2019
Browserify TypeScript

It is the most common problem for anyone who starts to study TS. They cannot include a few ".js" files after compilation to <script> tags in "index.html".

It is very simple in JS. You have two files in JS and you can include them in "index.html":

index.html

<html> <head>   &nbs…

32,231 views
8Observer8
February 23, 2019
A few TypeScript files on Sandbox

There is a few TypeScript files in our example. We want to place these scripts on Sandbox.

This is the result on the Sandbox: click. Open the debug console in your browser to see the result: "Ctrl+Shift+J" in Chrome.

You will see in the debug console this messages:

Quote

Rectangle was created
Recta…

3,410 views
8Observer8
February 19, 2019
Set Up GMock for TDD. C++, VS

If you need the example how to set up GTest without GMock you can see this example: Set Up GTest for TDD. C++, VS

In this example: PersonService_GMockCpp.zip  we will see how to use Go…

7,426 views
8Observer8
February 18, 2019
Set up OpenGL 3 for Python

You need to type commands in the console terminal (you need to run the console terminal as administrator):

pip install GLFW pip install PyOpenGL pip install Pyrr pip install NumPy

Pyrr - for trigonometry and linear algebra

NumPy - for special arrays for OpenGL functions

You will see how to us…

6,757 views
8Observer8
February 18, 2019
Deploying Game Server on Heroku

Heroku is a free hosting. Let's deploy the application from this instruction: Emit and Broadcast JSON

You need to register on https://heroku.com/  and complete this official instruction: Getting Started on Heroku with Node.…

12,988 views
8Observer8
February 18, 2019
GUI WinForms + OpenGL 3.1

This my example how to use GUI WinForms and OpenTK.GLControl

4,615 views
8Observer8
February 17, 2019
Socket.io Connection, JS/ES5

I will try to explain a process in step-by-step how to prepare server but it will be good if you will watch this video tutorial in parallel: Setup & Sending Files. Node.js Tutorial Guide

At first test let's create a very simple server script locally that will write in the console terminal&n…

4,633 views
8Observer8
February 17, 2019
Emit and Broadcast JSON

I will show differences between "emit" and "broadcast" on server side.

In short:

  • "emit" sends JSON data to a connected client
  • "broadcast" sends JSON data to every client except the connected client

At first time create a connection between the server and the client using this instruction: Read more in My Instructions for beginners

9,057 views
8Observer8
February 16, 2019
Use UML Instead Of Flowcharts

Updated: 2/15/2019
- added "if...else" Double Selection Statement

Visual Studio Enterprise 2015 has build in tool for creating UML Activity Diagrams. We can use this tool for creating flowcharts for describing algorithms.

Creating UML Activity Diagram:

  • Select: "File" -> "New" -&…
4,550 views
8Observer8
February 13, 2019
101. Snake. JS/ES5, Canvas API

Step-by-step instruction of Snake 2D using JavaScript/ES5, Canvas API

Let's make a very simple classic snake game. For example, if we have a snake head with 10x10 pixels then we will move our snake by a step with 10 pixels using timer.

This is the result of our work: Sandbox

Note. I take ideas fr…

6,672 views
8Observer8
February 13, 2019
101. Snake. WinForms, OpenGL 3.1

Step-by-step instruction of Snake 2D using C#, WinForms, GDI+

We will place OpenTK.GLControl on the Form to draw graphics with modern shader OpenGL 3.1.

This is a gif animation of the final result of our work:

Note. I take ideas from this tutorial: Python Snake Game

Please, d…

9,175 views
8Observer8
February 10, 2019
101. Snake. WinForms, GDI+

Step-by-step instruction of Snake 2D using C#, WinForms, GDI+

Let's make a very simple classic snake game. For example, if we have a snake head with 10x10 pixels then we will move our snake by a step with 10 pixels using timer.

This is the result of our work:

Note. I take ideas from this tutorial…

15,282 views
Advertisement

Popular Blogs

shawnhar
Generalist
101 Entries
9 Followers
15 Entries
10 Followers
johnhattan
Programmer
1,277 Entries
47 Followers
ApochPiQ
Generalist
628 Entries
44 Followers
dgreen02
Generalist
338 Entries
56 Followers
Advertisement