Building a JavaScript-Based Game Engine for the Web

Google Tech Talk
June 11, 2010


Presented by Paul Bakaus.

There are many professional game engines out there for consoles, PCs, and mobile handhelds. However, there is one big empty gap, even in 2010: Not a single game engine targets desktop and mobile browsers natively without the use of plugins.

In this session, Paul will talk about the challenges of building a pure browser-based gaming engine, how web programming concepts like event-driven architecture need to be considered, and what it means to fully utilize the open web stack—HTML5, client- and server-side JavaScript, external Stylesheets, server-side JavaScript and, of course, Canvas—to squeeze every millisecond of rendering time. We will go into the details of our own upcoming Aves Engine for isometric real-time games and will give you a very solid idea of what needs to be done to build graphically rich, real-time, full featured games for the web.

Paul Bakaus is the CTO of the Germany-based startup Dextrose AG, and his corporate work mostly focuses on UX, UI and tricky JavaScript challenges. He is best known for creating jQuery UI, the popular official UI framework for jQuery, where he was the driving force behind many of its plugins.
Video Rating: / 5

You can sign up to receive weekly email updates at

## Resources
– Monarch Release Blog Post –
– Monarch Preview Site –
– Become a Member of Elegant Themes –

## Monarch Social Sharing Plugin Overview

Hey guys,

In today’s video we take a quick look at a recently released plugin from Elegant Themes – Monarch. For years Elegant Themes has been a powerhouse in the premium WordPress theme industry and more recently they’ve been adding a number of plugins as well.

So what exactly is Monarch? Well, to put it simply, Monarch is a plugin that allows you to do three things.

– First it makes it really simple to add really nice looking “sharing” buttons to pages and posts.
– Secondly it makes it super simple to add “follow me” buttons using either a WordPress short-code or a widget in a sidebar.
– Thirdly… stats… If you’re content is being shared, Monarch will give you a bunch of beautiful stats related to numbers of shares per platform.

In this video we basically do a quick run down of how you would go about setting Monarch up once you’ve installed it. We cover the different locations for sharing buttons, different styling available and hopefully give you a good idea of what you can do with the plugin.

That’s pretty much it!

Thanks for watching and subscribing,

P.S. Feel free to comment below with questions, comments etc…

_Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission._

21 thoughts on “Building a JavaScript-Based Game Engine for the Web”

  1. I'm working on a full JavaScript-based Game Engine also, like GTA. Which seems to be alot smoother. Also take over car, drive through the map without any lagg. Also I added shooting (bullet trace) and more. I'm not full convinced by this Tech Talk, but respect for all developers ! 🙂

  2. This video is really excellent and I have the utmost respect for the Paul Bakaus. That said, I feel some really core 2D and 2.5D game design concepts are totally overlooked here and in the engine he describes. For example, when discussing the pro's and con's of canvas vs DOM & CSS for graphics…The idea of pre-rendering the terrain and objects….chunking…why is this missed? After much research, I'm currently building a game with these concepts using canvas. I much prefer blitting to live image tiles. There's so much building of a framework here that is much simpler and direct to do in canvas.

Leave a Reply

Your email address will not be published. Required fields are marked *