请选择 进入手机版 | 继续访问电脑版

查看: 1122|回复: 8

[原创] Shader着色器代码辅助工具

[复制链接]

943

主题

1616

帖子

2万

贡献

管理员

Rank: 9Rank: 9Rank: 9

积分
20770
QQ
发表于 2017-11-24 02:28:35 | 显示全部楼层 |阅读模式
Unity着色器训练第一期反响非常热烈,小编架不住微信、微博、论坛,邮件各种轮番轰炸咨询着色器的第二期的信息。11月29日晚8点《着色器训练营第二期》继续开讲,让Unity与你周三有约!在开讲之前,分享鲍健运老师在第一期直播后补充的网友咨询最多的问题-关于Shader着色器代码辅助工具

在直播过程中也有一段小插曲。因为MonoDevelop没有针对Shader的代码自动补全功能,所以我在直播讲演过程中出现了关键字大小写问题,而使得着色器不能正常表现。为了弥补这个小小缺憾,在后续发布的技术文章中,我推荐了一些Shader插件,可是还是架不住微信后台的提问……

借用二次元界一个传奇组合的话:“既然你诚心诚意地发问了,我们就大发慈悲地告诉你……”这次我为普罗开发者提供Shader代码辅助工具的安装指南,也是作为Unity着色器训练营第二期直播的预热。

macOS篇
在macOS操作系统有一个非常便利的IDE,就是Visual Studio Code。作为一款跨平台的IDE,它秉承了Visual Studio强大的基因,并且拥有很多开发插件可供开发者使用。

1.jpg


配置要求

macOS 建议配置:OS X Mavericks (10.9)及以上版本。
Unity 建议配置:Unity 2017.1及以上版本。

下载安装

你可以通过 https://code.visualstudio.com/Download 这个网站,下载最新的masOS版本。

2.jpg


解压 VSCode-darwin-stable.zip 文件后,我们会得到一个应用文件 Visual Studio Code.app,这个就是Visual Studio Code IDE应用程序。

将这个应用放到macOS的“应用程序”目录下,以便于开发的管理。

关联Unity

启动Unity打开一个空白项目,点击 Unity → Preferences → External Tools,打开External Tools菜单,找到 External Script Editor 选项。

5.jpg


点击 Browse 选择“应用程序”中的“Visual Studio Code”。

6.jpg


安装Unity辅助工具

启动 Visual Studio Code,点击左侧栏的“扩展”按钮。

7.jpg


在搜索栏输入“unity3d-pack”,unity3d-pack是一款在Visual Studio Code端的Unity插件集合,包括许多Unity开发所需的C#代码辅助、调试器、Shader工具等,其中还有ShaderlabVSCode的免费版。

8.jpg


点击“安装”,集成插件工具到Visual Studio Code。安装完成后,点击“重新加载”用于启用插件。

撰写Shader

双击Unity编辑器中Project下的Shader文件,启动Visual Studio Code。

尝试输入关键字sampler2D。

9.jpg


尝试输入引入UnityCG.cginc的方法UnityObjectToClipPos。

10.jpg


关于ShaderlabVSCode

在这个unity3d-pack中所包含的是ShaderlabVSCode的Free版本,这个插件不会每个方法与函数具体说明。如果您想有更丰富的解释来辅助你编写着色器,您可以在AssetStore上购买ShaderlabVSCode的付费版本。

11.jpg


Windows篇

提到Windows操作系统,不得不提一款功能强大的IDE,那就是Visual Studio。在安装最新的Unity版本时,就会提示安装Visual Studio的关联工具,可以说天然地给予开发很大的便利。

Visual Studio 2015有非常成熟的适用于Unity的Visual Studio工具 (Visual Studio Tools for Unity,简称VSTU)。可以使用 Visual Studio 以 C# 编写游戏和编辑器脚本,随后使用其功能强大的调试器查找和修复错误。 VSTU 的最新版本包括用于 Unity 的 ShaderLab 着色器语言的语法着色、更好的调试器可视化效果以及针对 MonoBehavior 向导的改进的代码生成。 VSTU 还提供 Unity 项目文件、控制台消息以及在 Visual studio 中启动游戏的功能,从而使你可以在编写代码时花费更少的时间与 Unity 编辑器进行切换。

详情请访问:
https://docs.microsoft.com/zh-cn ... dio-tools-for-unity

Visual Studio 2017的VSTU尚属于实验版本,对于Shaderlab支持的不多,因此还需要外部插件进行代码自动补全等辅助工作。这里推荐的是一款叫做HLSL Tools for Visual Studio的插件,其同样适用于VS2015,不过VS2017版本更强大。

详情请访问:
https://marketplace.visualstudio ... oolsforVisualStudio

下载与安装

通过菜单栏的“工具”→“扩展和更新”→“联机 Visual Studio Marketplace”搜索到该款插件。

12.jpg


点击“下载”,成功获得后关闭Visual Studio进入安装插件的进程。

13.jpg


点击“修改”安装。

成功安装后,重启Visual Studio使之生效。

14.jpg


在Unity中双击打开某个Shader文件进行编辑。

15.jpg
16.jpg


小结

Shader着色器代码辅助工具就为大家分享到这里,希望每个喜欢 Shader的开发者们都掌握着色器的开发。一定要记住11月29日晚上8点整,着色器训练营准备开营,请记得要参加!  更多Unity教程和资料尽在Unity官方社区(Unitychina.cn)!

0

主题

8

帖子

100

贡献

初级UU族—2级

Rank: 2

积分
100
发表于 2017-11-24 06:25:39 | 显示全部楼层
我安装了 Visual Studio 2015 Tools for Unity  和Hlsl tools for visual Studio 但是还是没有自动补全功能

2

主题

7

帖子

250

贡献

初级UU族—3级

Rank: 3Rank: 3

积分
250
发表于 2017-11-24 07:14:35 | 显示全部楼层

我看VS2017 的单个组件里面有VSTU啊,是一样的吗?

0

主题

8

帖子

100

贡献

初级UU族—2级

Rank: 2

积分
100
发表于 2017-11-24 07:33:38 | 显示全部楼层
猫冬 发表于 2017-11-24 07:14
我看VS2017 的单个组件里面有VSTU啊,是一样的吗?

你安装完有效果吗?

2

主题

7

帖子

250

贡献

初级UU族—3级

Rank: 3Rank: 3

积分
250
发表于 2017-11-24 08:52:12 | 显示全部楼层
GR90 发表于 2017-11-24 07:33
你安装完有效果吗?

有,不过可能如楼主说的,功能不太全。

0

主题

8

帖子

100

贡献

初级UU族—2级

Rank: 2

积分
100
发表于 2017-11-26 05:39:08 | 显示全部楼层
猫冬 发表于 2017-11-24 08:52
有,不过可能如楼主说的,功能不太全。

有自动补全功能吗?能加下qq交流下吗?我下载了hlsl tool后还是没有自动补全功能

2

主题

7

帖子

250

贡献

初级UU族—3级

Rank: 3Rank: 3

积分
250
发表于 2017-11-26 15:02:15 | 显示全部楼层
GR90 发表于 2017-11-26 05:39
有自动补全功能吗?能加下qq交流下吗?我下载了hlsl tool后还是没有自动补全功能
...

呃,qq 645516996.
我用的vs2017,楼主也说了hlsl插件在2017下功能全点,要不你装个vs2017看看,要么装个vscode。

0

主题

8

帖子

100

贡献

初级UU族—2级

Rank: 2

积分
100
发表于 2017-11-27 08:39:43 | 显示全部楼层
R3F[[@8JJ3VEA1S~)[{TM_B.png vs2017安装hlsl tool 后还是没有自动补全功能和函数高亮这些功能,是vs还需要哪些设置吗?

RN)1@`@@[{[8FZM6`O}HFAG.png

0

主题

19

帖子

145

贡献

初级UU族—2级

Rank: 2

积分
145
发表于 2017-11-28 02:42:47 | 显示全部楼层
我用vs2017也没有效果。
vs code 是可以的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表