Moo ICT - Flipped Teaching Resources

Welcome to our beginner-friendly tutorial where we’ll walk you through creating a 6-page website using just HTML and CSS! Dive into the fascinating world of computer hardware as we explore essential components like motherboards, CPUs, GPUs, and RAM. But it doesn’t stop there! We’ll kick things off by giving our website a professional touch with CSS styling, ensuring it looks sleek and polished…

Hi, in this tutorial we will build a simple pong game using C# programming language. We will be building this project using Windows Forms Application in Visual Studio. This game is very simple you, we are using 3 picture boxes in the project, 1 for the player, 1 for the computer and 1 for the ball. You can download the images used in this tutorial below the video tutorial section. The source code…

Hi, in this tutorial we will demonstrate how to change data between forms in visual studio. We will be making an image viewer, that needs to have its image location set on another form and when we click send it will update the value on the main form. This tutorial is aimed to aid those who want to create their own custom dialog boxes in windows form. You can use this method in any sort of…

Hi, in this tutorial we will show you how to load images from an URL to a picture box in windows forms. So on many of our tutorials we have loaded pictures to a picture box using local resources that were either loaded externally using file/directory location or embedded into the visual studio resources file. In this tutorial we will show you how to load an image directly from a URL and not only…

Welcome to this fun JavaScript tutorial. This tutorial we explore how to make a simple typing game directly playable in your browser. We will use only the standard HTML, CSS and JavaScript code to make this game. The premise for the game is very simple, we will load any random amount of words from an array, chose a word from that array and we will scramble or shuffle the letters in that word and…

We are moving on from animating the object on its own to now moving it with the arrow keys on the keyboard. In this tutorial we will demonstrate how to add key down and up events to the HTML Canvas and move an image in that direction. Animating objects and moving them inside of a game is the most important part of any games design, JavaScript makes it a lot easier to create objects and move them…

We are getting started with the main JavaScript games development series however before we can get started with that, we need to learn the fundamentals first. In most games we will need to have a way to move an image around the games screen. This is the challenge for this tutorial. We will demonstrate how to load a image directly to the HTML Canvas and animate that image around the screen using…

In this tutorial we will demonstrate how to create a simple Number Guessing Game using JavaScript programming language. To follow this tutorial you can use any code editor you like, we are using the Visual Studio Code because its amazing when coding HTML CSS and JavaScript. This tutorial will build up on the last couple tutorials we have done on this topic. A number guessing is pure and simple,…

Hi, in this tutorial we will make a character selection tutorial using HTML CSS and JavaScript. In this tutorial we will cover some of the fun elements of using HTML and CSS. We will be doing an infinite animation using a seamless background image back of the DIV’s used in HTML. Each of the characters displayed on the screen will have a animated RGB slow breathing animation in the background to…

Hi in this tutorial we will be making a simple image slide show project using JavaScript. This slide show will have some CSS animation which will be triggered by the JavaScript function in the page. This is a simple project perfect for beginners to play with and improve on. We are continuing with our journey to learn more about JavaScript and work up to design basic games in JavaScript. This will…

Hi in this tutorial we will be making a Simple Calculator using JavaScript. There will be some elements of HTML and CSS with this tutorial but the main focus is using and getting used to JavaScript Syntaxes. JavaScript is very similar to C# Syntaxes we have used so far but there are some subtle differences with both of them and they both do very different things in the world of software…

Hi, in this tutorial we will be making a word shuffle game in windows form. Words will be loaded from an external text file. We will add those words to the text file and load using C#. Each word in the text file will be saved as a list item then we will create a scramble function that will shuffle or scramble the words around in a random order and display it on the screen. There is a text box on…

Hi, in this tutorial we will make a Simon Says style using windows form and C# programming. This game was a fun problem to solve as it required some out of the box thinking. In the beginning the idea was simple the game picks 3 blocks from the screen on 4×4 grid. We save the sequence and we need to blink those blocks to change colour in the same sequence so the user will know which box the game…

Welcome to this tutorial from MOO ICT. In this tutorial we will be making a Butterfly Catching game in C# and Win Forms in Visual Studio. This tutorial will be a collection of all of the methods we have used in the previous tutorials and we will be able to spawn different GIF images using the Image and Image Animator class in C#. We will be using OOP programming principles to create a butterfly…

In the previous tutorial we have explored how to drag and drop a single image inside of windows form. In this tutorial we will explore how to move multiple objects by first drawing them on the screen using the paint event, linking the rectangles and images together and finally registering their movements with the mouse events. This one will be a fun tutorial for you to follow because you can…

Move an image with drag and drop is kind of important for many games and applications. We wanted to demonstrate a project where you can move an image in windows form with drag and drop. We want to do this using the dynamically drawn image on the screen. We will link a rectangle to the drawn image on the screen and use that to detect clicks and drags in the windows form. You can use any image of…

Hi, in this tutorial we will make a interesting little application where you can spawn and animate a fireworks animation with click event in windows form. This is was a novel idea and a very interesting project to make, I am excited to show you the solution we found on this project. This project is packed with features such as loading background images to the application and changing them…