GIF Pokemon Extension

Display animated GIFs in VS Code like the popular vscode-pokemon extension!

Features

• 🎨 Display animated GIFs in a floating overlay
• 📍 Positioned in the corner like vscode-pokemon
• 🚀 Auto-shows when VS Code starts
• 🎮 Toggle on/off with a command
• 💫 Beautiful glassmorphism design

Usage

1. Auto Display: The GIF will automatically appear when you open VS Code
2. Toggle: Use Command Palette (Ctrl+Shift+P) and search for "Toggle GIF Display"
3. Customize: Replace the placeholder with your own GIF file

Adding Your Own GIF

1. Add your GIF file to the media/ folder
2. Edit src/extension.ts and change the file name in this line:

   vscode.Uri.joinPath(context.extensionUri, 'media', 'your-gif-file.gif')
   

3. Recompile with npm run compile

Development

Running the Extension

1. Open this folder in VS Code
2. Press F5 to run the extension in a new Extension Development Host window
3. The GIF should appear automatically in the corner

Building

npm run compile

Testing

npm test

Extension Settings

This extension contributes the following commands:

• gif.toggleGif: Toggle the GIF display on/off

Release Notes

0.0.1

Initial release of GIF Pokemon Extension

• Basic GIF display functionality
• Toggle command
• Auto-show on startup

Inspiration

Inspired by the popular vscode-pokemon extension, but with support for animated GIFs!

How to Replace with Your GIF

Currently using a placeholder SVG. To use your own GIF:

1. Copy your GIF file (e.g., pokemon.gif, cat.gif) to the media/ folder
2. Open src/extension.ts
3. Find this line:

   vscode.Uri.joinPath(context.extensionUri, 'media', 'placeholder.svg')
   

4. Replace placeholder.svg with your GIF filename
5. Run npm run compile to rebuild
6. Press F5 to test

Enjoy your animated GIF in VS Code!