Back to Projects
VS Code Extension

Take Your Time - IDE Arcade

TypeScriptVS Code Extension APINode.jsZodWebview API

swipe to navigate

Overview

A VS Code extension that lets you play arcade games while waiting for AI agents, builds, or long-running tasks to complete. Transform idle time into fun breaks without leaving your IDE. Features quick access via activity bar icon, multiple game sites to choose from, and non-blocking gameplay that runs independently without interfering with your work.

The Challenge

Developers often experience idle time while waiting for AI agents to complete tasks, builds to finish, or tests to run. This downtime can be frustrating and unproductive, yet switching to external entertainment breaks the development flow and context. Traditional solutions require leaving the IDE, opening browsers, and managing multiple windows, which disrupts focus and makes it harder to notice when tasks complete.

The Solution

Built a VS Code extension that embeds arcade games directly into the IDE as webview tabs. The extension provides instant access through an activity bar icon, supports multiple game sites (OnlineGames.io, CrazyGames, Playpager, SMB Games), and runs games in sandboxed webviews with Content Security Policy. Users can open multiple game tabs simultaneously, customize game URLs through VS Code settings, and play without blocking their development workflow. The extension includes type-safe configuration validation using Zod and comprehensive error handling.

Key Features

  • Activity Bar Integration with game controller icon
  • Multiple Game Sites (OnlineGames.io, CrazyGames, Playpager, SMB Games)
  • Non-Blocking Gameplay - runs independently without interfering
  • Quick Access via Command Palette
  • Multiple Simultaneous Game Tabs
  • Customizable Game URLs through VS Code settings
  • Sandboxed Webview with Content Security Policy
  • Type-Safe Configuration with Zod validation
  • Fallback URL support for reliability
  • Error Reporting and Notifications

Project Info

Year2025