Interaction

Overview

Asiyst avatars are highly responsive to visitor cursor movements and touch events, creating an engaging pair-browsing experience.

Interactive Gaze Tracking

• The character's head and eyes subtly track the visitor's cursor across the screen within a $pm 30^\circ$ cone.

• Gaze tracking is computed client-side using quaternions with smooth damping, creating a natural feel without jerking.

Event Handlers for Avatar Actions

Asiyst.on("avatar:click", () => {
  console.log("Visitor tapped avatar character");
});
Asiyst.on("avatar:hover", () => {
  console.log("Visitor hovered over avatar");
});