Shader Studio

A GLSL fragment shader viewer for VS Code with hot reloading, designed specifically for Shadertoy-style shaders.

Installation

Install through VS Code extensions. Search for "Shader Studio".

Visual Studio Code Market Shader Studio

Project Structure

• /extension/ - VS Code extension
• /ui/ - User interface including shader rendering components
• /config-ui/ - UI for editing json config
• /electron/ - Dedicated window for UI

Development

Building the Extension

cd extension
npm run build

Usage

See the Extension's README.