🌈 ShadeView - HLSL/GLSL Support for Visual Studio Code
✨ Description
ShadeView for Visual Studio Code provides the first-ever comprehensive support for writing HLSL (High-Level Shading Language) and GLSL (OpenGL Shading Language), along with ShaderLab in the VSC IDE. Designed specifically for developers working with shaders, especially in Unity, this plugin enhances your workflow by bringing advanced features for these languages directly into your favorite code editor.
🚀 Installation
Launch VSCode.
Go to the Extensions view (View > Extensions).
Search for "ShadeView" or "HLSL/GLSL Language Support".
Install the plugin.
Reload VSCode.
🎉 Enjoy! :)
⚙️ Instructions
⚡ Fast Way:
Open a shader file.
From the VSCode bottom bar, select "ShaderLab" / "ShadeView" / "HLSL/GLSL" as Language Mode.
🛠️ Perfect Way:
Open a shader file.
Press CTRL + SHIFT + P to open the command palette.
Select "Format Document With...".
Select "Configure Default Formatter".
Choose "ShaderLab" / "ShadeView" / "HLSL/GLSL".
Done! 🎊
🌟 Features
🔍 Syntax Highlighting:
Robust syntax highlighting for HLSL and GLSL, making it easier to read and navigate shader code. It highlights language-specific keywords, types, functions, and more.
💡 Autocomplete:
Intelligent code completion for HLSL and GLSL built right into VSCode. Get suggestions for language constructs and shader functions, reducing time spent on remembering function names and syntax.
📜 Code Snippets:
Quickly insert common shader code snippets, such as function templates for vertex and fragment shaders, matrix transformations, or texture sampling, to accelerate shader development.
📚 Built-In Shaders Documentation:
Press F12 to view definitions or right-click and select Go to Definition to explore how elements work!
❗ Error Highlighting:
Real-time error detection and linting for HLSL and GLSL code, ensuring you catch issues before compilation, with detailed error messages.
🔧 Debugging Support:
Integrated debugging features like stepping through code, inspecting variables, and viewing real-time outputs.
🌍 Cross-Platform Support:
Fully compatible with both Windows and macOS for HLSL and GLSL development, with plans for Linux support in future versions.
⚙️ Customizable Settings:
Tailor the plugin’s features to your preferences, including adjusting syntax highlighting, customizing linting rules, or setting up custom snippets.
Test your shader code directly within Visual Studio Code with an integrated GLSL and HLSL compiler, ensuring your shaders are valid and ready for your graphics pipeline!
Preview:
Community requested featue! :) Currently hidden but available for plugin supporters.
Installation
Launch VSCode.
Go to the Extensions view (View > Extensions).
Search for "ShadeView" or "HLSL/GLSL Language Support".