Skip to main content

Posts

Showing posts from March, 2022

C++ Hello World Program: Example Code with Detailed Explanation

C++ Hello World Program Output C++ is one of the most popular and powerful programming languages in the world. In this short article, we are going to go back to the basics and take a look at the simplest of the C++ program - the "Hello World" program which prints "Hello World!" to the screen. While you can set up a C++ environment very easily using one of the IDEs (including free ones such as CodeBlock  or Eclipse ), we'll be using a free online C++ compiler (or runner) for the sake of keeping things very simple and straightforward. C++ Hello World Program Code #include <iostream>   int main ( ) { // Comment std :: cout << "Hello World!" ; return 0 ; } Line-by-line Explanation C++ is a vast and very flexible language and a lot of functionality is offered by different libraries which we can include at the start of the program depending on what we need to do. Anything starting with a pound sign # is called a preprocessor...

Pong Game in HTML & JavaScript (Updated)

HTML Pong Game Gameplay Pong is one of the first games that many people from the 80s or 90s had played as children. Lots of people know it as a simple arcade game but what they probably do not know is that this simple game helped establish the video game industry! In this post, we'll be making our version of a very simple but fully working Pong game in HTML, CSS and JavaScript. Basic Game Structure Games, however simple or complex they may be, follow the basic Game Loop design as shown in the chart below. Event-oriented game engines usually encapsulate the design and provide you with an event mechanism for handling various parts like the input, update, and rendering but internally the basic design is being followed. Pong Game Loop For our Game Loop, we'll be using JavaScript setInterval so that the game code remains asynchronous and separate. As you may have guessed a while (or any other loop) will freeze the page. For our input, we'll be using onmousemove event to update t...