DEV Community 👩‍💻👨‍💻

Cover image for A plushy controlled game (Part 1)
Tom Cools
Tom Cools

Posted on • Originally published at tomcools.be on

A plushy controlled game (Part 1)

I have been fascinated by video games ever since I saw the first level of Mario. They dominated a big part of my youth and are what got me into programming in the first place. Building a website for our Call of Duty clan was probably one of the first times I came into contact with HTML and CSS.

Recently however, my fascination has shifted from playing games, to discovering how they are built. Physics are a big part of what makes a game feel natural, making things fall with gravity, being blown away by wind, etc.
I had no idea how to even start coding physics, until colleague of mine told me about this great book he had read: The Nature of Code.
The book describes in incredible detail how you could program physics in a pretty clear and straightforward way.
Best of all, you can find it online, for free! :o

Next to the physics part, how your audience interacts with your game determines a lot of the experience.
I have always loved the idea of using a camera to control your game so I decided I wanted to use my laptop camera as the main way to interact with the game.

What are we building?

So what do you get when you mix physics and computer vision? A demo concept "game" controlled by a plush animal! So fluffy! <3

In this first post we will focus on the basic elements of a game.
We'll cover how to draw items on a canvas and program in some realistic looking physics. As this blog post contains a lot of examples with Javascript which could not be posted on dev.to, please read the blog on my own personal website.

Oldest comments (0)

Classic DEV Post from 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!