← Back to Projects

VGP - Vanguard Player

Web-based Cardfight Vanguard simulator with the goal of making Vanguard more accessible and spreading it towards the West.

Year 2026
Type Web Application
Role Creator & Developer
Tech React, TypeScript, Vite, Pixi.js, Zustand

Overview

VGP (Vanguard Player) is a web-based, fully automated Cardfight Vanguard simulator focused on accessibility for Western players. The goal is to create a platform where players can enjoy Vanguard without needing to download software or manually enforce complex rules.

Project Goals

  • Platform: Web-first approach - no download required
  • Automation: Fully automated rule enforcement so players can focus on strategy
  • Format: D-Standard format, starting with Dark States, Dragon Empire, and Keter Sanctuary clans
  • V1 Target: Local play vs CPU opponent

Planned Tech Stack

  • React + TypeScript + Vite: Modern, type-safe frontend development
  • Pixi.js: High-performance game board rendering
  • Zustand: Lightweight state management for game state
  • vanguardcard.io API: Card data and information

Current Status

The project is currently in early development, focusing on planning, research, and architecture design. Documentation includes a development plan, API research notes, and deck format specifications.

What I’m Learning

This project is pushing me to learn game development concepts like state machines for game logic, canvas rendering with Pixi.js, and designing systems that can handle complex card game rules and interactions.