Sets up the foundational project structure, including: - Vite for build tooling. - React for the UI. - Tailwind CSS for styling. - MediaPipe for face tracking capabilities. - Gemini API integration for avatar generation. - Basic configuration files (package.json, vite.config.ts, tsconfig.json). - Initial README with local run instructions. - Core types and a basic Gemini service for image generation.
41 lines
714 B
TypeScript
41 lines
714 B
TypeScript
|
|
export enum AppState {
|
|
SETUP = 'SETUP',
|
|
CREATION = 'CREATION',
|
|
RIGGING = 'RIGGING',
|
|
STUDIO = 'STUDIO',
|
|
}
|
|
|
|
export interface Rect {
|
|
x: number;
|
|
y: number;
|
|
w: number;
|
|
h: number;
|
|
}
|
|
|
|
export interface AvatarConfig {
|
|
imageUrl: string;
|
|
name: string;
|
|
description: string;
|
|
leftEye?: Rect;
|
|
rightEye?: Rect;
|
|
mouth?: Rect;
|
|
skinColor?: string;
|
|
}
|
|
|
|
export interface TrackingData {
|
|
rotationX: number; // Pitch
|
|
rotationY: number; // Yaw
|
|
rotationZ: number; // Roll
|
|
translationX: number;
|
|
translationY: number;
|
|
mouthOpen: number;
|
|
isBlinkingLeft: boolean;
|
|
isBlinkingRight: boolean;
|
|
}
|
|
|
|
export interface AIStudio {
|
|
hasSelectedApiKey(): Promise<boolean>;
|
|
openSelectKey(): Promise<void>;
|
|
}
|