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)