Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Tukumo Type DioramaNew to Visual Studio Code? Get it now.
Tukumo Type Diorama

Tukumo Type Diorama

TukumoSoftware

| (0) | Free
Display sprite sheet animations in VS Code explorer.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tukumo Type Diorama

Display sprite sheet animations (pixel art) directly in your VS Code explorer. Bring your development environment to life with your favorite characters!

** service page:** https://tukumolog.com ** 使い方(日本語版) : ** https://tukumolog.com/type-diorama-vscode-extension

Features

  • Sprite Animation: Plays animations from sprite sheet images in a dedicated view.
  • Customizable: Supports custom sprite sheets (horizontal strips).
  • Adjustable Settings: Configure frame width, height, frame count, and display scale.

How to Use

  1. Open the Type Diorama view from the Activity Bar.
  2. Open the Settings panel within the view.
  3. Select your sprite sheet image (horizontal strip).
  4. Set the frame size (width/height) and frame count.
  5. Enjoy the animation!

Extension Settings

This extension contributes the following settings:

  • tukumoDiorama.imagePath: Path to the sprite sheet image file.
  • tukumoDiorama.width: Width of a single frame (px).
  • tukumoDiorama.height: Height of a single frame (px).
  • tukumoDiorama.frames: Total number of frames in the animation.
  • tukumoDiorama.scale: Display scale factor (e.g., 2 for 2x zoom).

Known Issues

※ Please note that image previews might not update properly if the file path includes spaces. OK: chara_spriteimage.png, kurukuruheruta.jpg Deprecated: include space filename.png

Release Notes

0.1.2

Improved operational verification and enhanced stability.

0.1.0

Initial release of Tukumo Type Diorama.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft