Digital Tech Notes (JSS1 - SS3)

Game Development With Visual Programming

Learn how JSS 2 students in Nigeria can create simple interactive games using visual programming tools. Covers steps, design, and real-world examples.

 




INTRODUCTION:

Imagine sitting down at a computer and building your own game — a game that you designed, programmed, and can share with your friends. Sounds exciting, right? Well, that is exactly what game development with visual programming makes possible, even for students in Junior Secondary School.

Today, technology is changing everything around us. From the apps on our parents' phones to the games we play during leisure time, software is at the heart of it all. In Nigeria, the demand for people who understand how to create digital products is growing fast. Companies, schools, and even government agencies are looking for young Nigerians who are technology-literate and can solve problems using computers.

As a JSS 2 student, you might think game development is only for university graduates or professional programmers in places like Silicon Valley. But that is not true. With visual programming tools, you can start building real, working games right now — without writing a single complicated line of code.

This lesson will walk you through the steps of game creation, how to design a simple interactive game, and show you real-world examples that connect to things you already know and love as a Nigerian student.


LEARNING OBJECTIVES

By the end of this lesson, students should be able to:

  1. Define game development and visual programming in simple terms.
  2. Identify the key steps involved in creating a game.
  3. Describe the features of a simple interactive game.
  4. Design a basic interactive game using a visual programming environment.
  5. Demonstrate how visual programming tools are applied in real-world game creation.
  6. Explain the importance of ethical and responsible behaviour in game design.

WHAT IS GAME DEVELOPMENT?

Game development is the process of creating a video game. It involves planning what the game will look like, how it will work, what the player will do, and how the computer will respond to the player's actions. Just like building a house requires an architect, a foundation, and workers, building a game requires ideas, design, programming, and testing.

Game developers are the people behind every game you have ever played — whether it is a game on a phone, a computer, or a gaming console. In Nigeria, young people are beginning to enter this space, building mobile games and apps that reflect African stories, languages, and culture.

WHAT IS VISUAL PROGRAMMING?

Visual programming is a way of writing computer instructions using pictures, blocks, and drag-and-drop tools instead of typing lines of complex code. Think of it like using building blocks — you pick the blocks you need and connect them together to tell the computer what to do.

Instead of writing something like:

if key_pressed = space then jump()

You would simply drag a block that says "When space key is pressed" and connect it to another block that says "Make character jump." The computer understands it the same way.

Popular visual programming tools used in schools around the world include:

  • Scratch (developed by MIT — free and web-based)
  • Snap! (an advanced version of Scratch)
  • Blockly (developed by Google)
  • GameMaker (beginner-friendly game builder)
  • Tynker (used in many coding schools)

For JSS 2 students in Nigeria, Scratch is the most widely recommended tool because it is free, works in any web browser, supports multiple languages, and has a large community of young creators worldwide.


STEPS IN GAME CREATION

Creating a game does not happen by accident. It follows a clear process, just like writing an essay in English class or solving a Mathematics problem. Here are the main steps:

Step 1 — Come Up With a Game Idea (Concept Design)

Every great game starts with an idea. Ask yourself:

  • What will the game be about?
  • Who will play it?
  • What will the player have to do to win or progress?
  • What will make the game fun?

For example, a Nigerian student might think: "I want to make a game where a market woman runs through Lagos traffic collecting naira notes while dodging okadas." That is a creative concept rooted in a Nigerian experience.

Your idea should be simple enough to build but interesting enough to keep a player engaged.

Step 2 — Plan the Game (Pre-Production)

After your idea is clear, you need to plan it on paper before touching the computer. This is called pre-production. Draw a rough sketch of how the game will look. Write down:

  • The characters (called sprites in Scratch)
  • The background (called the stage or backdrop)
  • The rules of the game
  • How the player controls the game (keyboard, mouse, etc.)
  • What happens when the player wins or loses

This planning stage saves time and prevents confusion later.

Step 3 — Choose Your Tool and Set Up

Once you have a plan, open your visual programming tool. For Scratch:

  • Go to scratch.mit.edu
  • Create a free account
  • Click "Create" to start a new project
  • Give your project a name

Step 4 — Design the Characters and Backgrounds

In Scratch, characters are called sprites. You can:

  • Choose from a library of ready-made sprites
  • Draw your own sprite using the paint editor
  • Upload an image from your computer

Similarly, you can choose or design the backdrop (background) of your game — a market scene, a football field, a classroom, a road, or a forest.

For Nigerian-themed games, students are encouraged to draw custom backdrops that represent Nigerian environments — the streets of Abuja, a village in Enugu, or a beach in Lagos.

Step 5 — Write the Game Logic Using Blocks (Programming)

This is the most important step. You will use blocks of code to tell the computer how the game works. In Scratch, blocks are grouped into categories:

  • Motion blocks — make sprites move
  • Looks blocks — change how sprites appear
  • Sound blocks — add music and effects
  • Events blocks — respond to key presses or clicks
  • Control blocks — create loops and conditions
  • Sensing blocks — detect when sprites touch each other
  • Variables — keep track of score, lives, time, etc.

Example: To make a character move when the right arrow key is pressed, you would use:

[When right arrow key pressed] → [Move 10 steps]

To detect if the player catches a coin, you would use:

[If touching Coin sprite] → [Change Score by 1] → [Play sound]

Step 6 — Test the Game

After programming, click the green flag in Scratch to run your game. Play it yourself and look for problems:

  • Does the character move the right way?
  • Does the score increase when it should?
  • Does the game end when the player loses all lives?

This process of finding and fixing problems is called debugging. Even professional game developers spend a lot of time debugging their games.

Step 7 — Improve and Refine

After testing, make improvements. Add levels, increase difficulty, improve the graphics, or add background music. You can also ask a classmate or teacher to play your game and give you feedback.

Step 8 — Share the Game

In Scratch, you can publish your game for the whole world to play — for free. You can share the link with friends, family, or your school community.


DESIGNING A SIMPLE INTERACTIVE GAME

Let us walk through designing a simple interactive game suitable for JSS 2 students.

Game Title: "Catch the Mango"

Game Concept: A mango falls from a tree at the top of the screen. The player controls a basket at the bottom and must catch as many mangoes as possible before time runs out.

Characters (Sprites):

  • A falling mango (you can draw this or find it in the library)
  • A basket (draw or use a bowl shape)

Backdrop:

  • A farm background with a mango tree at the top

Rules:

  • The mango falls from a random position at the top of the screen
  • The player moves the basket left and right using arrow keys
  • Each mango caught adds 1 point to the score
  • If a mango hits the ground without being caught, a life is lost
  • The player has 3 lives
  • The game ends when all lives are lost or the 60-second timer runs out

Block Logic (Simplified):

For the Mango Sprite:

  • When green flag clicked → go to random x position at top of screen → glide to bottom
  • If touching basket → increase score by 1 → go back to top
  • If touching ground → reduce lives by 1 → go back to top

For the Basket Sprite:

  • When right arrow pressed → move 10 steps right
  • When left arrow pressed → move 10 steps left

For the Game Controller:

  • Set score to 0, lives to 3, timer to 60
  • When timer reaches 0 → stop game and show final score

This simple game teaches motion, sensing, variables, and events — all core visual programming concepts.


REAL-WORLD EXAMPLES OF VISUAL PROGRAMMING IN GAME DEVELOPMENT

Visual programming is not just for school projects. It has real-world applications that connect directly to the games and apps you use every day.

Example 1 — Angry Birds The original Angry Birds game was built using simple physics concepts. The logic of "when player swipes, launch the bird" is similar to the kind of event-based programming you do in Scratch.

Example 2 — Nigerian Educational Games Some Nigerian EdTech companies are now building educational games to help primary school children learn Yoruba, Hausa, and Igbo languages. These games use visual programming concepts in their early prototypes.

Example 3 — Temple Run Style Games Games where a character runs endlessly and the player must avoid obstacles use the exact same logic as Scratch games — sensing collisions, counting scores, and responding to input.

Example 4 — Kano Computer Kit The Kano computer, used in some international schools, uses a Scratch-like interface to teach children aged 6 and above how to build apps and games visually.

Example 5 — MIT App Inventor MIT App Inventor uses visual block programming (just like Scratch) to help students build real Android apps and simple mobile games that can be installed on actual phones.




PRACTICAL APPLICATIONS IN NIGERIA

Game development with visual programming is already being applied in several ways across Nigeria:

  • Schools and coding clubs: Many Nigerian secondary schools now run ICT coding clubs where students use Scratch to build games and animations.
  • Holiday bootcamps: Tech organisations like She Code Africa, Stutern, and various state government digital programmes run coding camps where visual programming is taught to young Nigerians.
  • National competitions: Events like the Tech-a-Thon and various STEM fairs now include game development categories for secondary school students.
  • Entrepreneurship: Some creative Nigerian teenagers have built simple games on Scratch and promoted them online, building a portfolio that has earned them recognition and even scholarships.

ADVANTAGES OF VISUAL PROGRAMMING IN GAME DEVELOPMENT

  • It is beginner-friendly — no need to memorise complex syntax
  • It teaches logical thinking and problem-solving
  • It is free and accessible on any internet-enabled computer or tablet
  • It builds creativity and confidence in young learners
  • It is recognised globally and can serve as a portfolio for future studies
  • It bridges the gap between learning and doing

DISADVANTAGES

  • It has limitations compared to professional programming languages
  • Advanced games cannot be built with visual tools alone
  • It requires internet access, which can be a challenge in some parts of Nigeria
  • Students may find it hard to transition to text-based coding later if they rely only on visual tools

SAFETY AND ETHICAL CONSIDERATIONS

As young game developers, there are important ethical responsibilities to keep in mind:

  • Respect others' work: Do not copy another person's game and claim it as your own. Always give credit when you use ideas or assets from others.
  • Appropriate content: Games must not contain violent, sexual, or offensive content. Keep your games suitable for all ages.
  • Online safety: When sharing your Scratch projects online, do not include your personal information such as your phone number, home address, or school name in the game or the project description.
  • Digital citizenship: Treat other creators with respect in online communities. Do not post negative or hurtful comments on other people's projects.
  • Copyright: Use only images, sounds, and music that are free to use or that you created yourself.

CLASSROOM AND HOME ACTIVITIES

Activity 1 — Game Idea Brainstorming In groups of three, come up with five game ideas based on Nigerian culture, sports, or daily life. Write down the name of the game, what the player does, and how the player wins. Present your best idea to the class.

Activity 2 — Scratch Game Design Log on to scratch.mit.edu and create a simple game where a ball bounces around the screen. When the ball touches the edge, it should change colour and the score should increase by 1. Add a 30-second timer. Share your project link with your teacher.

Activity 3 — Draw Your Game Plan Without using a computer, draw on paper the full layout of a game you would like to create. Include the characters, background, rules, and scoring system. Label every part clearly.

Activity 4 — Debug a Game Your teacher will provide a Scratch project that has errors (wrong blocks connected). Your task is to identify the problems and fix them so the game works correctly.


ASSESSMENT QUESTIONS

Section A — Objective Questions

  1. What is the term used for characters in a Scratch game? a) Icons b) Sprites c) Avatars d) Pixels

  2. Which of the following is a visual programming tool? a) Microsoft Word b) Adobe Photoshop c) Scratch d) Google Chrome

  3. What is the process of finding and fixing errors in a game called? a) Designing b) Debugging c) Deleting d) Developing

  4. In Scratch, which block category would you use to make a character move? a) Looks b) Sound c) Motion d) Sensing

  5. What does the green flag in Scratch do? a) Stops the game b) Deletes the sprite c) Starts the game d) Saves the project

Section B — Theory Questions

  1. List and explain four steps involved in creating a game using visual programming.

  2. Describe the design of a simple interactive game. Include the characters, background, rules, and how scoring works.

  3. Explain two advantages and two disadvantages of using visual programming tools for game development.


SUMMARY

In this lesson, we covered the following key points:

  • Game development is the process of planning, designing, building, and testing a video game.
  • Visual programming uses drag-and-drop blocks instead of complex written code, making it accessible to beginners.
  • The main steps in game creation are: concept design, planning, setting up the tool, designing characters and backgrounds, programming with blocks, testing, refining, and sharing.
  • Scratch is the most popular visual programming tool for students and is free to use online.
  • A simple interactive game like "Catch the Mango" can be built using motion, sensing, events, and variable blocks.
  • Visual programming is being used in real Nigerian schools, coding clubs, and EdTech companies.
  • Game developers must follow ethical guidelines including originality, online safety, and appropriate content.

CONCLUSION

Game development is one of the most exciting and creative skills a young Nigerian student can learn today. It teaches you how to think logically, solve problems, be creative, and understand how technology works — all at the same time. With tools like Scratch, you do not need to be a professional programmer to bring your ideas to life. Every expert game developer started somewhere, and for many of them, it started with a simple idea just like yours.

Nigeria is growing its technology industry rapidly. Young people who start learning game development now will be better prepared to contribute to this growth — as game designers, software developers, digital entrepreneurs, or technology educators in the future.

So open your browser, go to scratch.mit.edu, and start building. Your first game might not be perfect, but every game you build will teach you something new. The most important step is to begin.


FREQUENTLY ASKED QUESTIONS (FAQ)

Q1: Can I do game development without knowing how to type code? Yes, absolutely. Visual programming tools like Scratch are designed specifically so that you can build games and animations without typing any complex code. You simply drag and connect blocks, and the computer does the rest.

Q2: Is Scratch free to use for Nigerian students? Yes, Scratch is completely free. You only need a device with internet access to visit scratch.mit.edu, create a free account, and start building games right away.

Q3: At what age can a student start learning game development? Students as young as 8 years old have successfully built games using Scratch. For JSS 2 students who are typically between 11 and 13 years old, you are at a perfect age to start and progress quickly.

Q4: Can I make money from games I build with visual programming? While Scratch itself is a learning platform and not a commercial marketplace, the skills and portfolio you build there can open doors. Many young developers later move to professional tools and build apps and games for the market. Some Nigerian teenagers have gained scholarships and job opportunities based on projects they started in school.

Q5: What is the difference between a sprite and a backdrop in Scratch? A sprite is a character or object in your game that can move, react, and interact — like a player, a coin, or an enemy. A backdrop is the fixed background image behind all the action, like a road, a field, or a market scene.

Q6: Do I need a powerful computer to use visual programming tools? No. Scratch and most beginner visual programming tools are designed to run on basic computers, laptops, tablets, and even some smartphones. As long as your device has a modern web browser and internet access, you can use these tools comfortably.


This lesson note was prepared in alignment with the Nigerian NERDC Basic Technology and Computer Studies curriculum for Junior Secondary School 2 (JSS 2). Teachers are encouraged to adapt activities based on available resources.

I am Echofu George Adah, the Pioneer of Digital Tech Note and the Founder and Chief Executive Officer of GeoWeb Technologies Limited, an information technology company committed to providing cutting-edge ICT solutions.