What is a good admin panel design and is it worth your time? — They live in the deepest and darkest corners of the internet. Always in the background. Never seen by the majority of normal users. No, I’m not talking about porn or the dark web. I’m talking about admin panels and dashboards. These days, almost every website has some type of configuration…

A 1,500-year-old game is now conquering the internet — Inspired by the recent Netflix hit The Queen’s Gambit, millions of people are getting into chess. Chess websites, content creation, and esport events are booming. …

How to use the Twitter API to track your follows and unfollows — Are you posting regularly on Twitter? Do you get the occasional follower here and there? Are they unfollowing a few days later because you didn’t follow them back? Enough with that! Let’s find out who is unfollowing so we can burn voodoo dolls with their names… oh, sorry, I’m getting…

The Netflix drama series shows the struggles of an orphan on her way to become the best chess player in the world — As I was scrolling through Netflix, a new thumbnail caught my eye: A beautiful woman sitting behind a chessboard. This had me intrigued. I love chess and as it so happens beautiful women. I started watching and got immediately hooked. The Queen’s Gambit follows the life and career of Beth…

Consistency, Transforms, Matrices, Shaders, and glTF files — I have added a lot of features to my WebGL engine over the last few months including models, animated models, shadows, color picking, and more. However, I mostly focused on implementing the functionalities and didn’t consider the overall usage patterns and consistency of the engine, which is also the biggest…

My Boss Fight Render Challenge Submission — During the month of August, the Boss Fight render challenge took place. It’s a big community event organized by Clinton Jones where everybody starts with the same template file and some very basic rules. The main point is that the camera movement is consistent so all submissions can be compiled…

Creating texture arrays in JavaScript and WebGL for tilemaps and animations — Texture Arrays in WebGL are very useful. They are great for tilemaps/texture atlases or to loop through animations. However, I couldn't find any tutorials when I wanted to add them to my WebGL engine. …

Implementing shadow mapping in JavaScript and WebGL — One of the most important features to create depth and realism in a 3D scene is shadows. They provide visual cues about the shape and position of objects. Shadows also convey a lot of mood and atmosphere. The main technique used to render shadows in real-time 3D applications is shadow…

Implementing navmeshes, A* pathfinding, and path smoothing in JavaScript and WebGL — Sparrow WebGL Devlog 8 — One of the hardest challenges in game development is pathfinding. Even in modern games like Age of Empires IV, you see a lot of people complaining about units taking weird routes or getting stuck. …