解决在VS Code中编写Unity Shader代码高亮显示、代码补全、自动缩进

最新推荐文章于 2024-06-17 16:10:45 发布
最新推荐文章于 2024-06-17 16:10:45 发布
阅读量4.8k 收藏 20
点赞数 6
文章标签： unity 游戏引擎 技术美术 着色器 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50617270/article/details/129830811
版权

前言

之前写过一篇解决在VS中编写Unity Shader代码高亮显示、代码补全、自动缩进的文章VS中编写Shader，但在使用过程中个人感觉VS的代码高亮不是很合理，所以后面用了VS Code，本文就是对解决在VS Code中编写Unity Shader代码高亮显示、代码补全、自动缩进的教程。
先看看对比图吧

效果对比

VS 2019效果图：
VS2019
VS Code效果图：
在这里插入图片描述
就我个人而言还是更喜欢VS Code的风格，如果更喜欢VS 2019的可以去看这个教程VS中编写Shader。

安装插件

点击扩展，如何再点击搜索栏。
在这里插入图片描述

Shader languages support for VS Code 代码高亮和提示

在这里插入图片描述
点击安装

ShaderlabVSCode(Free) 代码提示

在这里插入图片描述

ShaderLabFormatter 格式化

在这里插入图片描述

unity3d-pack Unity插件集合包

这个方法最简单粗暴，直接安装Unity的插件集合包，Unity所需的C#，Lua，Shader登插件包都会自动安装上
在这里插入图片描述

在这里插入图片描述
希望这个教程可以对你有所帮助。

山纹鱼
关注
  • 6
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
在vscode上搭建Shadertoy的环境
qq_27011813的博客
11-27 1189
在vscode上搭建Shadertoy的环境
unity shader 语法高亮 代码补全 插件
01-05
安装名为"Unity_Shader_Vs"的压缩包后，开发者可以在VS中创建和编辑Shader脚本，利用这些特性提高工作效率。对于初学者，这样的插件可以帮助更好地理解和学习Unity Shader，对于经验丰富的开发者，它则是提高生产力...
Shader高亮代码补全Visual Studio插件
10-18
Shader高亮/代码补全Visual Studio插件，双击即可安装，包含VS2017 VS2015 VS2013版本
ShaderlabVSCode 1.1.4
11-12
ShaderlabVSCode 1.1.4版本，使用vscode开发unityshader的可以使用。
推荐一款强大的VS Code Shader语言扩展：vscode-shader
gitblog_00071的博客
06-10 467
推荐一款强大的VS Code Shader语言扩展：vscode-shader 项目地址:https://gitcode.com/stef-levesque/vscode-shader 在编程世界中，高效的代码编辑器是开发者的重要工具。今天，我们要向您推荐的是一款专为VS Code设计的Shader语言扩展——vscode-shader。这款开源项目旨在提供对HLSL（High-Level Sha...
【Visual Studio Code----Shader编程环境配置】
暴走约伯的博客
09-06 1484
自己习惯供这个编程，操作起来很容易，配置完后 可以识别Shader代码函数，任何阶段都适用。下载这两个插件，对编程Shader非常有用，关于用法可以去看说明。同样Mac系统的就选择Mac版本。按照自己电脑系统进行下载。需要的插件在扩展栏里搜索。比如Windows系统的。
零基础入门Unity Shader（三）
最新发布
auccy的博客
06-17 37
备胎，就是备胎的意思，有的时候我们写的Shader难免在一些机器上会出现不支持的问题（最终呈现的就是显示成粉红色），而这个时候我们只要添加了FallBack，并且在后面的双引号内写上了其它Shader的有效路径名称，那么在碰到不支持的硬件时这个Shader就会自动切换成FallBack内的Shader，如果FallBack内的Shader也不支持呢，那就继续从FallBack内的Shader中再找FallBack。在材质球中的路径会变成如下，其中双引号中的/表示的是创建子层级。
【Shader学习随笔】00 - ShaderToy到VsCode
捕鱼维的个人小站
05-21 2528
OpenGL 学习随笔
VSCode编写Unity代码自动补全配置
ellis1970的博客
10-30 1413
在VSCode中以最少步骤配置Unity的代码补全
VS Code Shader插件
super41的博客
11-15 2237
VS Code Shader插件前言插件列表 前言 写shader用什么编辑器比较好呢。方法有挺多，可以用VS, Rider, VS Code等等… VS 和 VS Code需要安装插件。 Rider不用安装插件，自带颜色高亮，2021版对Shader的支持也挺好的。 自我感觉用VS Code是最舒服的，比较轻量，而且安装上一些插件后写起来挺友好的，提示，语法高亮，格式化都有。 插件列表 这里列举一下插件： Shader languages support for VS Code 代码高亮和提示 Shad
Unity 与 Vscode代码提示出不来
qq_39858654的博客
01-01 2563
Unity 与 Vscoe代码出不来，主要Vscode的ouput窗口的详细输出信息用于解决问题。
unity shader使用自定义编辑器（vscode）打开
weixin_46813963的博客
09-14 366
编写Editor拓展。
Unity3d Shader代码提示加高亮 一键安装 适用于VS2017
12-17
针对这一需求，"Unity3d Shader代码提示加高亮 一键安装 适用于VS2017" 提供了一种解决方案，使得在Visual Studio 2017中编写Shader变得更为便捷和高效。 Visual Studio 2017是微软开发的一款集成开发环境（IDE），...
Unity3d Shader代码提示加高亮 一键安装 适用于VS2013
12-17
本资源提供的是一个专为Unity3d Shader开发优化的Visual Studio 2013插件，通过一键安装，用户可以在VS2013中享受到代码补全、高亮显示等功能，大大提升Shader编程体验。Visual Studio是微软开发的一款强大集成开发...
vs13，15，17编写Shader高亮加提示插件
05-22
总的来说，"ShaderLabVS"插件是提升Visual Studio中ShaderLab开发体验的利器，通过提供专业的语法高亮和代码提示，使得在VS中编写Shader变得更加流畅和高效。无论你是经验丰富的开发者还是正在学习Shader的新手，这...
ShaderVS vs2019 shader高亮代码提示
11-22
官网下载链接 https://marketplace.visualstudio.com/items?itemName=ShaderlabVS2019.ShaderlabVS
vscode shadertoy插件，非常方便的glsl着色器编写工具
那个西瓜有点甜
04-02 1175
vscode有一件shadertoy的插件，安装后可以新建一个*.glsl文件，写好代码就可以直接运行看效果了。我试了一下非常方便.如果想要学习shader和一些数学在图形方面的应用我觉得这是一个非常好的插件.很著名的shadertoy网站，集合了非常多大神利用数学写出美妙的shader效果。像shadertoy创始人之一的IQ大神它在之方面有很多的建树。下面写了四个简单示例，水波纹、风景（利用2维值躁声和fmb躁声模拟山和水的流动和天空和云朵） 波纹 雷达。
彻底解决 unity 用 vscode 无 代码补写 快速修复 引用 等问题
m0_72861730的博客
01-11 2358
1.将C＃插件，滚回2.4版本 做法： ①打开vscode，点击插件部分（左上角的倒数第二个，四个方框）点击C＃插件。 ②点击卸载右边的小箭头，点击安装另一个版本，稍等片刻电脑可能会加载比较慢。 ③等到屏幕中上方出现各版本，挑选2.5版本以下2.4版本以上任意版本并点击。 ④等待片刻，点击左边C＃插件中显示重新加载（或其他类似名称）等待片刻，重新启动。 ⑤右下角会弹出方框，点击Get the SDK，屏幕中间有可能会弹出是否允许访问，在打开的页面下载.NET弹出的版本并安装 ⑥重新启动，等
解决在VS中编写Unity Shader代码高亮显示、代码补全、自动缩进
热门推荐
weixin_50617270的博客
03-24 1万+
此教程为安装VS编写Unity Shader工具插件安装教程 本人刚开始学习Unity Shader，发现得安装了VS上的插件才可以拥有一个比较好的写Shader代码的体验，所以把自己的方法分享出来，希望可以帮到个位 先点击扩展中的管理扩展 在联机右上角搜索栏中搜索Shader，然后下载ShaderLabVS 此插件有代码补全和高亮显示功能，但当我们换行的时候，新的一行没有自动缩进，我们需要再安装另一个插件 在搜索栏搜索SubLime，然后点击下载 两个插件下载完毕后我们点击关闭，然后在关闭VS窗口
编写一段Unity描边效果shader代码
09-21
### 回答1： 这是一个描边效果的简单示例，你可以在这里找到更多关于描边效果的信息：https://docs.unity3d.com/Manual/OutlineEffect.html ``` Shader "Outlined/Silhouette Only" { Properties { _Color ("Color", Color) = (1,1,1,1) _OutlineColor ("Outline Color", Color) = (0,0,0,1) _Outline ("Outline width", Range (0.0, 0.1)) = 0.003 } SubShader { Tags { "RenderType"="Opaque" } LOD 200 CGPROGRAM // Physically based Standard lighting model, and enable shadows on all light types #pragma surface surf Standard fullforwardshadows // Use shader model 3.0 target, to get nicer looking lighting #pragma target 3.0 sampler2D _MainTex; struct Input { float2 uv_MainTex; }; half _Outline; fixed4 _Color; fixed4 _OutlineColor; void surf (Input IN, inout SurfaceOutputStandard o) { // Albedo comes from a texture tinted by color fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color; o.Albedo = c.rgb; // Metallic and smoothness come from slider variables o.Metallic = 0; o.Smoothness = 0; o.Alpha = c.a; } ENDCG } SubShader { // Render the outline on top of everything Tags { "RenderType"="Transparent" "Queue"="Geometry+10" } LOD 200 CGPROGRAM #pragma surface surf Standard fullforwardshadows #pragma target 3.0 sampler2D _MainTex; struct Input { float2 uv_MainTex; }; half _Outline; fixed4 _Color; fixed4 _OutlineColor; void surf (Input IN, inout SurfaceOutputStandard o) { fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color; o.Albedo = _OutlineColor.rgb; o.Alpha = c.a; } ENDCG } } ``` ### 回答2： Unity中可以通过编写Shader代码来实现描边效果。下面是一个简单的Unity描边效果shader代码示例： ```csharp Shader "Custom/Outline" { Properties { _MainTex ("Texture", 2D) = "white" {} _OutlineColor ("Outline Color", Color) = (1,1,1,1) _OutlineWidth ("Outline Width", Range(0, 0.1)) = 0.01 } SubShader { Tags { "Queue" = "Transparent" } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _OutlineColor; float _OutlineWidth; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } half4 frag (v2f i) : SV_Target { float2 uv = i.uv; // 在这里计算描边效果 float4 mainTexColor = tex2D(_MainTex, uv); float4 outlineColor = _OutlineColor; float4 finalColor = mainTexColor; float2 pixelUv = i.vertex.xy / i.vertex.w; float2 oPixelUv = float2(_ScreenParams.z, _ScreenParams.w) * 0.008 * _OutlineWidth; float4 outline = tex2D(_MainTex, pixelUv + float2(-oPixelUv.x, oPixelUv.y)) + tex2D(_MainTex, pixelUv + float2(oPixelUv.x, oPixelUv.y)) + tex2D(_MainTex, pixelUv + float2(-oPixelUv.x, -oPixelUv.y)) + tex2D(_MainTex, pixelUv + float2(oPixelUv.x, -oPixelUv.y)); if (length(mainTexColor - outlineColor) < 0.1) { finalColor = outline; } return finalColor; } ENDCG } } } ``` 这段Shader代码中，我们首先定义了两个属性：_MainTex是主纹理，_OutlineColor是描边颜色，_OutlineWidth是描边的宽度。然后在顶点和片段着色器中定义了相应的结构体，并通过顶点着色器将顶点坐标和纹理坐标传递给片段着色器。在片段着色器中，我们首先根据纹理坐标获取主纹理颜色，并计算出描边的颜色。然后，我们根据屏幕参数和描边宽度计算出描边效果，并判断是否需要将描边效果应用到最终的颜色中。最后返回最终的颜色。 ### 回答3： Unity中的描边效果可以通过编写一个自定义的shader来实现。以下是一个简单的示例代码： ```csharp Shader "Custom/Outline" { Properties{ _MainTex ("Texture", 2D) = "white" {} _Color ("Color", Color) = (1, 1, 1, 1) _OutlineColor ("Outline Color", Color) = (0, 0, 0, 1) _OutlineWidth ("Outline Width", Range(0, 0.1)) = 0.01 } SubShader { Tags { "RenderType" = "Opaque" } Cull Back Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; float _OutlineWidth; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } fixed4 _Color; sampler2D _MainTex; float4 frag (v2f i) : SV_Target { float4 col = _Color * tex2D(_MainTex, i.uv); float4 outlineCol = _OutlineColor; // 计算描边区域 fixed2 ddx = ddx(i.uv); fixed2 ddy = ddy(i.uv); fixed3 grad = normalize(fixed3(ddx.x, ddy.x, 0)); float2 o = i.uv + grad.xy * _OutlineWidth; float4 outline = tex2D(_MainTex, o); // 混合描边颜色和原始颜色 col = lerp(col, outlineCol, outline.a); return col; } ENDCG } } } ``` 以上是一个简单的Unity描边效果shader示例代码。该shader使用_MainTex作为主要纹理输入，并通过参数_Color指定基本颜色，并通过参数_OutlineColor指定描边颜色，并通过参数_OutlineWidth指定描边宽度。描边的计算是通过计算当前像素和偏移像素的颜色进行混合来实现的。混合使用了tex2D函数来获取主纹理颜色和偏移像素颜色，并使用lerp函数混合描边颜色和原始颜色。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值