HTML5 Games for education

We design and develop games that make learning fun


Multiple choice answers in Spin The Wheel - a HTML5 game for education

Elevate learning with HTML5 games

Gamification may not be anything new, but adding game-like elements into activities that aren’t traditionally games can boost engagement and motivate learners. Educators are finding that using gamified teaching tools not only makes learning more fun but also helps students stay motivated.

From primary schools to the corporate world, educational games can bring enjoyment to learning, regardless of age.

Find out how 2D HTML5 games for education can benefit learning.


Cambridge University Press & Assessment English Language HTML5 game for education

Why choose HTML5 games over apps?

HTML5 games are playable on desktop, tablet and mobile without the hassle of uploading them to Apple or Google App Stores. This saves time and money. There’s no need to download an app to play HTML5 games, making them super easy to access and cost-effective.

These games can be played directly from a website, engaging users with interactive content and providing feedback and data on key issues. You can read more about choosing HTML5 over apps for your edutainment here.


How do we create games for education?

Online games can offer a unique opportunity to encourage learning while entertaining and engaging.

The key to creating a great game is starting with a well-thought-out plan. We start by looking at the gameplay–the game’s features, such as its plot and the way it’s played–layout and design issues. Setting out this plan early on will save time in testing and development later down the line.

Concept

Generally, keeping things simple is the best approach for casual games for learning. There’s plenty of inspiration to take from the vast range of online games and apps as well as classic old arcade or home computer games. Don’t forget to think about how the learning outcomes will be woven into the game mechanics and the balance of skill versus education you’d like to achieve. It’s all part of making a game that’s fun and enriching.

Functional specification

Taking the time to document how your game will work will help to develop the ideas and to see where issues may arise quickly. Your specification should include everything from the interface elements, game controls, and content requirements to all the details of how the gameplay will unfold. Think of it as a roadmap to your game’s success.

Visuals

Having eye-catching visuals is a must to make your game attractive and appeal to your target audience and support the learning goals you have in mind. It is also a good opportunity to see how the game concepts will work practically. It’s worth considering how the game will look on different screen sizes, making sure it’s a great experience, no matter what device learners are using.

Technical specification

Documenting how your game will come to life will help anticipate any challenges in the development process. This can include the technology used, any dependencies (such as external libraries or frameworks), coding standards and management and which browsers and devices will be supported.

We find it’s useful to draw up some diagrams to show how the different game components will be divided up and work together. It’s like creating a game blueprint.

Flexibility and reuse

Building an HTML5 game can be quite a journey. The process is pretty involved, so where possible, it can be a good idea to consider how to get the most out of it and find ways to give them a new purpose. For instance, you could use the same basic game template for different learning outcomes, age groups and abilities. Think about getting more bang for your game-creating buck.

Accessibility

To make sure everyone can enjoy your game, it’s important to think about players with diverse physical or learning abilities. Our educational games follow the W3C Web Content Accessibility Guidelines (WCAG) version 2.0 Level AA whenever possible.

Testing

It’s important to check how your game works on different web browsers and devices. As well as physical phones and tablets, a service such as BrowserStack can be useful in providing fast access to different platforms for testing. We have a system for reporting, tracking and fixing any issues arising during testing to ensure your game runs smoothly everywhere.

The Alternative View Studios team developing HTML5 games for education

Why choose AV Studios?

At our London-based games design and development studio, our team has over twenty years’ experience of producing custom-made games and digital learning tools for education.

We combine our illustration and animation experience with technical expertise to create visually stunning, user friendly games.

 


CONTACT US


Cambridge University Press & Assessment games

We’ve created activities and games for Cambridge University Press & Assessment for over 10 years including Penpals for handwriting and more than 40 editable games for the English department.

Learners, from young children to adults, can access and play the games through the Cambridge One platform on all desktop, tablet and mobile devices.

Recent games have been designed for English language teachers’ front-of-class use around the world. Find out more about our educational games here.


Clients

BBC logo
Cambridge University Press & Assessment logo
John Brown logo
London School of Hygiene & Tropical Medicine logo
Radley Yeldar logo
Cambridge Dictionary logo

FAQS

What technology do you use to develop educational games?

The games are built using HTML, CSS and JavaScript. They utilise the React library and are rendered using PixiJS with the game and theme content being loaded via JSON files.

How would a game be added to our platform? 

We can send you the files and you can add them to your platform. If games need to be embedded within an existing page then it’s often useful to use an iframe which contains the game page within it. If your platform has a system for recording data we can often send information about games started and finished, scores and progress using an API.

Can you create games in languages other than English?

Yes! We’ve created interactive infographics like the PISA 2025 Science Framework in over 30 languages including Chinese and Arabic (which reads right-to-left) so there’s no reason why we can’t create games in other languages too.

Do you provide maintenance and support?

Yes, we’ve provided Cambridge University Press & Assessment with support and maintenance on the games we developed for them for many years. We’re always available to answer queries or update game functionality where necessary.

How much will a bespoke educational game cost?

Trust us, a lot goes into designing and developing bespoke HTML5 games; it’s pretty  time-consuming. As a guide, a custom educational game will cost between £5,000 – £10,000, excluding VAT.

We always agree on a fixed price at the beginning of a project – once the scope has been finalised. This avoids any unexpected bills when you receive your final game.

Want to find out more?

We’ve been doing this for over 20 years, working with international clients including BBC, Cambridge University Press & Assessment, News UK, Medical Aid Films and Friend. Your creative projects will be in good hands with Alternative View Studios.

Call us on 020 8374 4760 or email on hello@avstudios.com

CONTACT US