U3D中ShaderForge插件使用系列教程之一

各位看官好,今天戳戳为大家介绍一个插件。那就是大名鼎鼎的ShaderForge(以下简称SF),这款插件曾获得UNITE14的最佳技术成就奖。请看戳戳为大家截的图。

U3D中ShaderForge插件使用系列教程之一_第1张图片

那么这是一款什么插件呢,这是一款可视化的Shader编辑器。官方宣称能够让艺术家在不写一行代码的前提下创造出Fantastic(请允许戳戳用这个英语单词来形容这种兴奋)Shader。Shader可以说是游戏行业的高端领域了,一般人听到Shader的第一感觉是”难“,仅仅从编辑器没有提示来看就可见一斑,还有那略显怪异的语法结构。但戳戳觉得其实编写Shader反而比其他程序更好玩更有意思(各位看官勿喷,戳戳确实有这种感觉),因为戳戳本身并不是计算机程序出身,而是从影视特效转过来的。所以对CG(Computer Graph)有一定的了解。当戳戳第一次看到这款插件时激动的差点哭出来,戳戳之前用的是Houdini(一款非常牛X的特效软件),它内部的材质也是用节点完成的,所以非常习惯这种节点时的软件或插件。自从有了SF,再也不羡慕虚幻引擎的材质编辑器啦(不过说实在的SF和虚幻相比还是有一定的差距)。对于英语水平不错的看官可以直接参考官网的简介和文档(SF官网)。不过英语水平并不是特别厉害的看官也不要着急,在接下来的几篇博文中,戳戳会详细为大家介绍这款插件。

首先给大家展示一张戳戳灰常喜欢的效果图。这个Shader是有动态效果的,还是非常漂亮的,非常具有魔幻效果。

U3D中ShaderForge插件使用系列教程之一_第2张图片

如果有些看官已经迫不及待要动手一试啦,那么按照上图完全可以做出来(但是新版本的SF节点流式从左至右,而上图时从右至左,可能略微有些差别),各位动手能力不太强的看官也不要着急,后面戳戳会手把手的教大家。下面给出官方的教程链接官方教程,戳戳最初也是从这三个小视频入手的呦。(不过这个系列的视频是在YouTube上的而且是全英文木有字幕的),不过大家也不要气馁,这就是戳戳写这个系列文章的意义所在。在您看完这个系列后不仅会掌握官网视频中提到的知识,同时戳戳也会谈一些自己的分感受和所谓的经验呦。

首先将下载好的SF包(.unitypackage)导入到U3D中,可以发现Project视图中多了ShaderForge的文件夹,所有用到的文件都在此文件夹中,各位看官可以打开Example Scene看看官方给我们做的Demo,其实这个Demo中包含了我们常用的材质。除非各位看官有特殊需求(哈哈,此处可不要YY呦),否则基本能够满足他日常应用啦。之后可以通过Window>Shader Forge打开主窗口,点击New Shader或者Load Shader即可见到可爱的SF的面容啦。非常漂亮和时尚的深灰色界面。戳戳为大家准备了一张截图。

U3D中ShaderForge插件使用系列教程之一_第3张图片

界面非常简洁,左侧为预览和设置区(Settings And Preview),中间为节点视图(Node View),右侧节点树(Node List)。鼠标点击节点视图空白区域拖动视图,鼠标滚轮可以缩放视图,右键可以创建节点,但戳戳另外一种比较帅气的创建节点的方式,后面会详细介绍。

创建节点的三种方式:

1)直接右键菜单选择合适的节点;

2)从右侧的节点树中拖动到节点视图中;

3)最帅的节点创建方法要来了呦:首先确定看官您想要创建节点的首字母,在节点视图中按下该按键,会弹出所有以该字母开头的几点,可以配合鼠标滚轮选择,之后在节点上点击即可创建(hold the first letter of the node name, and scroll to the node you want, then click)。很帅气很专业有木有。下图为戳戳通过”s“调出了所有以S开头的节点。


移动节点:鼠标在某个节点上点击拖动即可移动对应节点

选择节点:此处会有个小坑,必须按住ALT/OPTION键才能框选节点。戳戳第一次接触SF时可使被狠狠的耍了一把呢。

删除节点:选中节点后配合CMD+DELETE组合键(戳戳用的时Mac,没有在Windows上测试,不过猜测应该是Delete就可以)可以删除节点。

创建节点连接:可以在output端口上点击并拖动到input端口上即可创建连接。


连线的数量表示数据类型,一条连线表示为单个数值(float或者int),两条连线表示Vector2(如UV),三条连线表示Vector3(如Color  Position等)

删除连线:删除连线也会有点小坑呦,想当初戳戳也是查了很多资料才发现的呦。也很帅气呦。按住ALT配合鼠标右键在连线上划过,出现一条虚线,且连线变成红色,此时松开鼠标右键,您会发现Duang的一下连线断开啦。


第一次写这么长的文章,相信各位看官也看的累啦。今天就到此为止把,主要为大家介绍了一下SF和一些基本操作,下次将会带来实例呦,敬请期待,不要错过呦。

你可能感兴趣的:(U3D-SHADER)