5 lessons learned when I TDD an algorithm in JavaScript
How to develop an algorithm using TDD? In this article we will implement the Diamond-Square algorithm using TDD. This article was inspired by Uncle Bob’s blog post TDD Lesson – Terrain Generation.
Well, one of the things I did during …
Yet another interview question deep dive: Intersection of Two Arrays
Can we learn something practical from a pure computer science interview question? In this article we will solve an interview question and optimize it – but we will also look at a practical way to handle data in real life.…
How to find a unique number in a list containing pairs?
Finding a single unique number in a list containing pairs might sound pretty simple, right?
Because a one-sentence description might be misleading, let’s start with an example of an input array:
[1,3,17,3,1]
Given such an array, the unique number is …
Simple Collision Detection with Path2D
How to create a simple and efficient collision detection between paths in your HTML5 Canvas app or game? In this article we will create a maze, allow a player to navigate through the maze and detect when the player collides …
Custom JSON.stringify to Classes with the toJSON method
The toJSON method allows you to tell JSON.stringify how to print out your Class. This can be pretty useful…
Why Stringify Objects?
The answer for that is as usual – there are many reasons. The most obvious one is …
How to deploy NPM modules in an NX monorepo and github actions?
How do you maintain and deploy multiple NPM modules? How do you make sure versions do not mismatch or that nothing breaks while upgrading dependencies? And how do you deploy multiple packages at the same time in one CLI command?…
How to solve “TS2307: Cannot find module” when using inline webpack loaders with TypeScript
Trying to use a webpack raw-loader for an HTML file inline resulted in an error: TS2307: Cannot find module. Here’s how to fix it!
I’m using web components a lot! I really prefer them over frameworks. They are simple, …
How to Create Terrain and Heightmaps using the Diamond-Square Algorithm in JavaScript?
The diamond-square algorithm is a procedural terrain generation algorithm. It makes it easy to generate Heightmaps and Terrain for games. In this article we will implement the diamond-square algorithm in JavaScript, plot our terrain on a canvas and see how …
How to write a simple collision detector in HTML5 canvas and JavaScript?
Collision detection is the basics of entities interaction on canvas. Imagine you have a Player Character (PC) that’s walking through a maze and you’d like to know if this PC bumps into a wall or can keep on going. One …