DEV Community

Akash max
Akash max

Posted on

🚀 I Built a VS Code Extension for Game Developers to Preview Sprites, Spine & GLTF Models Without Leaving the Editor

If you've worked on a game or an interactive web project, you've probably experienced this workflow:

Open Aseprite to check a sprite sheet.
Open Spine Viewer to preview animations.
Open Blender (or another viewer) to inspect a GLTF model.
Switch back to VS Code to write code.
Repeat... dozens of times a day.

As a Senior Game Developer, this constant context switching always interrupted my workflow.

So I decided to build something to solve it.

🎉 Introducing Asset Studio

Asset Studio is a free VS Code extension that lets you preview game assets directly inside VS Code.

No more jumping between multiple applications just to verify your assets.

âœĻ Features
🖞ïļ Sprite Sheet Preview
Import sprite sheets
Play animations
Control FPS
Preview frame-by-frame

Perfect for 2D game development.

ðŸĶī Spine Animation Preview
Preview Spine skeletal animations
Play and inspect animations
Stay inside VS Code
🧊 GLTF / GLB Viewer

Working with Three.js or React Three Fiber?

Asset Studio lets you:

View GLTF & GLB models
Rotate
Zoom
Inspect models

without opening another application.

⚡ Generate React Code

One of my favorite features.

Instead of manually writing setup code every time, Asset Studio can generate starter code for:

React
Three.js
PixiJS

This saves time and removes repetitive boilerplate.

Why I Built It

Developers spend too much time switching between tools.

I wanted a workflow where I could:

✅ Preview assets

✅ Continue coding

✅ Stay focused

without leaving VS Code.

That idea became Asset Studio.

Tech Stack

Built using:

TypeScript
VS Code Extension API
Three.js
PixiJS
React
Node.js
Roadmap

I'm actively working on new features, including:

🚀 Better asset browser
🎎 More animation controls
ðŸ“Ķ Additional file format support
⚡ Faster loading
ðŸŽĻ Improved UI
ðŸ§Đ More code generation templates
I'd Love Your Feedback âĪïļ

This is my first public VS Code extension, and I'm excited to improve it with the community's help.

If you're a:

Game Developer
Three.js Developer
React Developer
PixiJS Developer
Indie Game Developer
Creative Coder

I'd really appreciate your feedback.

ðŸ“Ĩ Install Asset Studio

👉 VS Code Marketplace

https://marketplace.visualstudio.com/items?itemName=assetstudio.asset-studio

⭐ If you like it...

Please consider:

⭐ Installing the extension
âĪïļ Leaving a rating
🐛 Reporting bugs
ðŸ’Ą Suggesting features
🔄 Sharing it with your team

Every download, review, and suggestion helps make Asset Studio better.

Thank you for your support! 🚀

Top comments (0)