It has been a busy January, during which I accomplished a great deal on the WTF-Model. Here’s an overview of the updates: Keyboard Shortcuts & Mouse-Over Overlay I integrated keyboard shortcuts and developed a dynamic, language-adjusting and mobile-friendly mouse-over overlay that fades in/out while hovering the Menu button. Relativ Display Rework I reworked the Relativ Display, now featuring toggle arrows on its sides. This improvement also included a cleaner CSS implementation.

I recently posted about the TypeScript changes, but a lot more has happened over the last month. I wasn’t really able to post a full summary until today, so here’s a major recap. First off, I implemented a new drawing functionality with Fabric.js. This allows users to draw on the screen when Caps is pressed or when the Presentation Mode is accessed. Holding Alt+Shift draws rectangles, while the Mouse Wheel changes the color.

For years, I worked exclusively with vanilla JavaScript—no React, no Vue, no Angular. I know about all of these frameworks, but I never had the opportunity to work with them. Angular, in particular, has bugged me because it has recently become the bread and butter of frontend development for full-stack developers. Angular is heavily dependent on TypeScript, so what better use of my free time and vacation than to dive into that?

Yesterday, I added visual identifiers to better identify the currently selected Scope: One continuous line for the Local Scope… …and a point-based circle for the Global Scope: Both markers resize and adjust position according to the base vortex movements - so it looks like one homogeneous part. I thought this would be a handy and useful visual clue. After implementing that, I also redesigned the former Perspective icons that are now labeled as Scope: