ShadeView 2 - First Complete GODOT Shader Tool for VSCode

Resources Plugins
1

Hi, everyone! :smiling_face:

I’ve just released ShadeView 2 - the new version of my quite popular ShadeView extension for VSCode, buit especially for creating, maintaing, handling and explaing GODOT (and Unity) Shaders (HLSL/GLSL/more). The ShadeView 2 is now fully free, open-source - and comes to you with much more features!

ShadeView was created initially for Unity, but ShadeView 2 is now perfect for Godot Shaders as well!

ShadeView - Preview
ShadeView - Preview1816×1032 81.2 KB

If you would like to check it out and leave a review, I would be grateful:

I am also very grateful to the amazing community of first ShadeView version for suggesting features, finding issues, and continued support! You are amazing, guys!

–
Why should I try it?
If you’re into shaders or want to be, or even currently learning them:
ShadeView 2 now suggests you best shader code, fixes syntax, shows your potential bugs, formats the code, has built-in documentation for every HLSL/GLSL keyword [F12 click!], allows you to real-time preview of some sort of shaders. So, it makes whole work with custom shaders and post-processing effects way more effective and simpler! And much, much more!

:rainbow: Part of description from VSC Marketplace:

:sparkles: 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.

:star2: Features

  • :mag: 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.
  • :bulb: 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.
  • :scroll: 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.
  • :books: Built-In Shaders Documentation:
    Press F12 to view definitions or right-click and select Go to Definition to explore how elements work!
  • :exclamation: Error Highlighting:
    Real-time error detection and linting for HLSL and GLSL code, ensuring you catch issues before compilation, with detailed error messages.
  • :wrench: Debugging Support:
    Integrated debugging features like stepping through code, inspecting variables, and viewing real-time outputs.
  • :earth_africa: Cross-Platform Support:
    Fully compatible with both Windows and macOS for HLSL and GLSL development, with plans for Linux support in future versions.
  • :gear: Customizable Settings:
    Tailor the plugin’s features to your preferences, including adjusting syntax highlighting, customizing linting rules, or setting up custom snippets.

:hammer_and_wrench: Work In Progress (WIP)

  • :crystal_ball: Integrated In-Editor Unity GLSL/HLSL Shader Preview:
  • :robot: 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! Community requested featue! Currently hidden, but well-known for plugin supporters. :)

:gear: Instructions

:zap: Fast Way:

  1. Open a shader file.
  2. From the VSCode bottom bar, select “ShaderLab” / “ShadeView” / “HLSL/GLSL” as Language Mode.

:hammer_and_wrench: Perfect Way:

  1. Open a shader file.
  2. Press CTRL + SHIFT + P to open the command palette.
  3. Select “Format Document With…”.
  4. Select “Configure Default Formatter”.
  5. Choose “ShaderLab” / “ShadeView” / “HLSL/GLSL”.
  6. Done! 🎊

:green_circle: Installation

  1. Launch VSCode.
  2. Go to the Extensions view (View > Extensions).
  3. Search for “ShadeView” or “HLSL/GLSL Language Support”.
  4. Install the plugin.
  5. Reload VSCode.
  6. Enjoy! 🎉

–

:pushpin: PS.1: What to do to join ShadeView community?
:speech_balloon: For some reason (probably just beacuse we are a small bunch of people) we are still using old-school methods - like e-mails! So leave a comment directly here or e-mail me about it at: przemek.prlowski@outlook.com

4 Likes