Pixel Buddy 🎮

A cute pixel-art companion that lives in your VS Code panel! She walks back and forth and periodically shares motivational coding quotes to keep you inspired.


Features

• Persistent panel tab — Pixel Buddy appears alongside Terminal / Output / Problems, never obscuring your code.
• Animated pixel art — A sprite-sheet-driven walk cycle with smooth CSS steps() animation and crisp image-rendering: pixelated.
• Motivational quotes — Every ~20 minutes a random motivational coding quote appears in a speech bubble above her head.
• Auto-open on startup — The panel opens automatically when VS Code launches.
• Theme-aware — The speech bubble inherits your VS Code color theme.

Getting Started

Prerequisites

• Node.js v18+
• VS Code v1.85+

Run in Development

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Press F5 in VS Code to launch the Extension Development Host

Supply Your Own Sprite Sheet

Place your pixel-art sprite sheet at media/girl-spritesheet.png.

Requirements:

• Horizontal strip of 4 evenly-spaced frames (default: 32×32 px each, total 128×32 px).
• Adjust frame count/size by editing the CSS custom properties in media/webview.css (:root block).

A placeholder sprite sheet is included so the extension runs out of the box — replace it with your own art!

Supply Your Own Icon

Place a 128×128 PNG at media/icon.png for the VS Code Marketplace listing.

Extension Settings

No user-facing settings yet. The quote interval can be adjusted by changing QUOTE_INTERVAL_MS in src/PixelBuddyViewProvider.ts.

Publishing

npm install -g @vscode/vsce
vsce package
vsce publish

Note: Update the publisher and repository fields in package.json before publishing.

License

MIT — see LICENSE.