Home Updates


StateMachines in Unity

When you're designing a game, it's easy to come up with what enemies should do. When to trigger behaviors properly is a bit more complex though. You don't want your enemies to run into walls like bumbling idiots, nor do you want them to hunt the player down rapidly and kill them with pinpoint accuracy. Apart from niche gameplay functions that might have a place in modern games, AI that behaves too stupid or too competent is just not much fun to play against. Nor it is fun to fight glitchy, badly programmed enemies that plainly don't function properly.

Neeltje Schilleman

Neeltje Schilleman

For Neeltje Schilleman's portfolio we created a custom website that uses SVG graphics in a responsive manner.

How to make a simple image gallery in VUE3

One of the first exercises I do when learning a new frontend framework, is making a simple image gallery. To my mind it's a good litmus test for any Javascript framework as nine out of ten websites I make at the office has some way to browse through a set of images. Here's how I made the one this website uses. 

2D Shadows in Unity

One cool feature of 2D projects in Unity is that you can work with light sources and shadows. Here I'll explain the required steps to start rendering shadows based on sprites.

Using CSS transforms for micro-interactions in VUE3

I've seen some advertisements of Wix that show a few perspective tricks in CSS that look impressive. Now I would never use Wix myself, but whatever fancy bells and whistles are to be found in such services are usually fun things to try and replicate. Here's a simple code you can use to make a micro-interaction that adds a 3D illusion to an element by messing with it's transform styles in realtime.

A SEO friendly way to make menu's in VUE3

Since VUE3 doesn't care about SEO (but we do!), I've opted for a simple but effective way to design the navigation of the website. Basicly, all the dock component does is open and close itself. It isn't at all interested in the actual menu, which is added to a container using a slot. This keeps the menu available for webcrawlers, and we don't have to fetch the required data.