Image hotspots in Godot 4 with tack.

Fri, 08 May 2026 00:00:00 +0000

We’re going to build a small interactive scene in Godot 4 around a pixel-art steam locomotive. Click the brass whistle and it toots. Click the cab door and a friendly engineer appears. Click the smokestack and pixel smoke drifts up out of the funnel.

The point of the exercise isn’t really the train. It’s a working pattern for defining clickable regions visually, exporting them as data, and turning that data into Godot’s native collision system at runtime. Once you can do that, you can stop hand-building dozens of CollisionPolygon2D nodes in the editor and start treating shape data like the asset it really is — version-controlled JSON that designers, tools, and code can all touch.

Interactive image hotspots in p5.js with tack.

Fri, 08 May 2026 00:00:00 +0000

We’re going to build a small interactive p5.js sketch around a pixel-art steam locomotive. Click the brass whistle and it toots. Click the cab door and a friendly engineer appears, waving. Click the smokestack and a puff of pixel smoke drifts up out of the funnel.

The point of the exercise isn’t really the train. It’s that p5.js gives you a fantastic playground for responding to clicks, and tack. gives you a visual way to define where those clicks should matter — without typing a single coordinate by hand.