Annaprint

Description of the interface

This interface is a fully interactive visual representation of my background and skills, heavily inspired by visual scripting languages like Unreal Engine Blueprints.

The logic flows from left to right. It starts from the red Event Nodes (like Event Life or Event Education) and travels through the white Execution pins to build the timeline of my profile.

The colorful noodles pass data between the nodes to construct the final result. For example, magenta pins carry strings (like names or degrees), while cyan pins carry integers (like dates and years).

Unlike Alice, you need to follow the white wires to discover my journey!

Move around

You can move around by clicking and dragging the background when your cursor is hand-shaped "🤚". It will appear when you aren't hovering over any element in the scene.

Visual hints

Visual hints are represented by icons in the top-right corner of a node.

A node can have a "🔗" icon. This means it has a link attached to it, which is triggered by double-clicking the node.

Some links will focus the screen on a specific node, while others will open a new tab in your browser.

Nodes can also have a "👀" icon. This means a tooltip can be displayed by hovering over it with your cursor (or by holding your finger on it on phones and tablets).

It generally shows what's stored inside a variable or the result of a function.

Useless but fun

You can play around with the editor a little, much like the Unreal Blueprint Editor.

You can remove Noodle Links by alt + clicking on the noodle.

You can also create Rerouting Nodes on noodles by double-clicking them, and then use shift + click and drag to move them around.

You can destroy a Rerouting Node by alt + clicking on it.

By removing a Noodle Link from an input of type bool, string, float, integer, vector or transform, you will sometimes see a direct input appear within the Node.

You can play with them, but they are mostly aesthetic and just here to flex a bit.