Alyssa Foote

Fortuna is an interactive fortune-telling app (still in development) that combines character design, code, and interactive animations . Initially conceived as a simple experiment with Javascript, I decided to lean more into interactive torytelling, dynamic character design, and gameplay using Rive and Javascript. 

To prototype core interactions for The Cat Who Knows, I focused on rapid iteration inside Rive before layering in JavaScript functionality. The initial goal was to test whether a player could click an object and see it respond with movement and animation.

I began with the simplest form: a red square falling on click. It was a simple proof of concept that motion could be controlled via input. From there, I evolved the interaction visually by replacing the square with glowing orb assets, designed and nested inside individual artboards. I tested their placement, animation timing, and transitions.

Once the visual interaction felt expressive, I moved into JavaScript (this was before Rive supported data-binding, very very happy they implemented this!) to trigger  state machine inputs manually. I wrote a basic system to detect click targets, register orb taps, and animate them flying back to the UI. This marked a turning point in the prototype and it was finally fun to play. Implementing a timer and counting system made it feel more like a game.

This illustration was inspired by an Adult Swim exhibit I saw at ComicCon years ago. You’d wait in a long, winding line just to press a single button on a mysterious machine and if luck was on your side, you’d win a ticket to their after-hours party. (I got a sticker instead.) The whole experience stuck with me. Years later, I finally sat down to draw it. And years after that, as I started learning JavaScript, I decided to turn the idea into a randomized fortune-telling app just for fun. Now, it’s evolved into a fully interactive character you can play with, animated and developed in Rive.

North by North Pole is a surreal, narrative-driven interactive fiction game currently in development. As Creative Director and Technical Lead, I’ve been shaping the visual identity, animation systems, and branching story logic using Twine, Rive, and custom JavaScript. The game blends holiday absurdism with emotional stakes, featuring magical UI elements, reactive animations, and player-driven ornament powers that evolve the narrative.

🕹️ Play the vertical slice here: North by North Pole (password: north)

I designed a magical ornament icon system that evolves based on player choice. Each icon represents a unique power, like speaking to animals, traveling through portals, or transforming into Santa. The visual design balances whimsy with symbolic logic, with hover/click interactions revealing deeper lore and character associations. I developed this as a scalable UI mechanic and animated each icon using Rive, integrating them into Twine with real-time state changes.

Characters are central to the emotional arc of the game. I developed each one with distinct visual language, personalities, and dialogue dynamics. Profiles unlock over time and update visually based on in-game decisions. Special guest Petunia, a fast-talking, taxidermied pug sidekick, and she serves as both comic relief and moral compass. The visual system is built for narrative progression and UI cohesion, with assets animated in Rive to reflect character states (e.g., alive/dead, powered up).

I used Rive to build responsive ornament animations that react to in-game decisions. When a player chooses a narrative path (like the “Santa” arc ) the corresponding ornament transforms in real time, visually signaling the story’s evolution.

These animations were custom-integrated into Twine using JavaScript, making this one of the few interactive fiction projects to seamlessly combine Rive’s state machine logic with branching narrative gameplay.

The branching narrative in North by North Pole is driven by player choice, with key decisions unlocking magical ornament powers. Each ornament path leads to different consequences, character interactions, and emotional arcs. For example choosing the “Petunia” ornament path revives your sidekick with chaotic consequences, while the “Santa” arc pushes the player toward an identity transformation. I architected (say that three times fast) the game’s story logic first laying it all out in Miro and then implementing in Twine using SugarCube, with layered variables and conditional states to ensure choices feel meaningful and persistent.