Ali MajedSoftware Engineer

Projects

Agent Orchestration Demo
How Pixels Create Color
Conversation Opportunity Radar
Cursor Tiger

Systems fully operationalSystems operational

v3.3.93

Cursor Tiger

Cursor Tiger

Cursor-following character

Cursor Tiger

Move a fine pointer, or tap the left, center, or right side on a touch screen, to guide the tiger’s gaze. The tiger’s center is the neutral position.

Waking up the tiger

Preparing the interactive scene…

Build Process

How Cursor Tiger was built

01How the tiger follows the cursorVideo timeline

The complete tiger and environment are rendered in one video. The video stays paused while React maps horizontal cursor movement to its first three seconds and moves the playhead to the matching frame.

Interaction details

Cursor mapping: The project’s left, center, and right positions map across seconds 0–3 of the video.
Smooth seeking: An animation loop eases toward the latest cursor target while allowing only one video seek at a time.
Touch controls: On touch screens, tapping the left, center, or right side selects the matching gaze direction.