Recently I had the idea to document my journey of gaining experience in web development and share it with all of you. So I sat down and built the blog feature for my portfolio site. Right now, I’m just writing the BSON files directly into MongoDB, but later I’d like to add a proper Admin Panel.

So here I am, writing my very first blog post—and luckily, I already have a project to share.

With my background in Game Art, I’ve always been curious about making games for the browser. After some research, I came across Phaser, an HTML5 game framework built on JavaScript. It seemed like the perfect fit, and since I work with TypeScript daily, I figured I’d be able to pick it up quickly.

There are plenty of learning resources on Phaser out there, so I dove into the docs and watched some videos. Before long, I fired up my IDE and recording software and set out to recreate Flappy Bird in Phaser. It actually turned out pretty well—you can check it out in the video above.

I’m sure there are things I could’ve done differently, but as a first project I’m happy with the result. I’m already looking forward to tackling my next projects with this… engine? (Does Phaser count as an engine?)

If you watch the full 50 minutes and spot something I could improve, let me know in the video comments! And if you’d like to take a closer look at the code, you can find it on my GitHub.