React × TypeScript × SVG × MediaPipe — build a lightweight, resolution-independent VTuber entirely in code, no Live2D required. This guide walks through the full pipeline: landmarks → features → smoothing → SVG controls → OBS capture, with commented code you can adapt. Demo Video What This Article Covers Why SVG (SVGTuber)? Suitable for: Recommended Tech Stack 👉 Tip: Set refineLandmarks: true for stable iris detection, improving gaze and blinking quality. Example: FaceMesh basic options Overall Data Flow Webcam → FaceMesh (landmarks) → Features (blink/gaze/mouth/yaw-pitch-roll) → Smoothing/Clamping → React State → <Character /> props → SVG transform (translate/rotate/mask/shape) → OBS capture Step 1. Parts Separation & SVG Drawing Consistent stroke…
Month: September 2025
My 2025 Dev Journey: React Native, Flutter, AI Q-Learning, Supabase, and Beyond

Yo, listen up—here’s a story about how I’ve been building apps this year, one phase at a time. I’m BLUE Copper (Yuri Saito). Everything here started in this fiscal year, and each project became a stepping stone to the next.I want to write this down not just as a changelog, but as a story of how my tech stack grew and evolved. Phase 1: React Native Expo Garakta This was my very first attempt with React Native Expo. The concept was messy, unclear, and honestly just me trying to make something fun without thinking about App Store guidelines. Unsurprisingly, it kept getting rejected.But still—thanks to Garakta, I got comfortable with…