Technique of baking light used for achieving very well performing Three.js scene with amazing visuals.

Baked lighting in r3f

Quick guide about the concepts of 3D rendering and the maths behind it. Why matrices are so powerful, adding perspective, cameras and lighting.

Brief explanation of WebGL

A non-obvious task of downloading data from OSM has unexpected, highly programmable solutions.

Fetching data from the Open Street Maps

Imagine that you need to create a complex UI in the Canvas API. Telling each rectangle where to go is not an option anymore. What do we do?

How to write a layout engine

Immediate mode GUI library in Zig

Short summary of how I made a 3D Chess game in React.

Making of: 3D Chess in React

Have you ever dreamed about creating your own interactive maps like the Google Maps? I did. Here's how to achieve it.

Making our own tiny Google Maps

Triangulation is the thing you need when you have polygons, but graphic engines only accept triangles. Features Ear Cut algorithm.

Triangulation of polygons

Even though TTF files are binary ones and are not meant to be read by humans directly, they are not magic either. So we're going to parse them in NodeJS.

TTF file parsing

From the creator of broken Google Maps clone, now a broken React ready to conquer your node_modules.

Understanding React by implementing it

What if, instead of running JS everywhere, we went all-in hardcode low-level coding?

Using Zig for writing OpenGL in browsers

Formulas and notes on the Web Mercator projection.

Web Mercator projection

A handy hack to render wireframe of a mesh. How to use barycentric coordinates to achieve uniform edge width.

Tomasz Czajęcki

Tag: webgl