当前位置:首页 >教程首页 > Unreal Engine >UE4蓝图样条制作电线杆案例教程

UE4蓝图样条制作电线杆案例教程

发布时间:2021-06-18 10:25:42

大家好,我是很久不见,主要从事的方向是引擎美术。本次给大家带来UE4蓝图样条制作电线杆的案例教程。

在我早些时候的案例中有使用过蓝图样条,点击可查看 UE4制作废旧医院场景案例教程

本次文章中,对这一内容进行展开讲解。先来看一下最终的效果展示:

1-1.gif1-2.gif1-3.gif

1-4.gif

1、前期准备

首先在静态网格体编辑器中,对电杆模型创建插槽。

2-1.webp.jpg2-2.webp.jpg

这里我创建了三个插槽,并且将对应的插槽移动到了电线杆模型相应的位置上。

接下来是蓝图的准备工作,这里为了蓝图可以实时编辑,右键创建两个蓝图结构。

3.webp.jpg

其中一个蓝图结构命名为“Cable_Info_Struct”用来制作线缆结构的,其中部分开启了“可编辑”。

4.webp.jpg4-2.webp.jpg4-3.webp.jpg

第二个蓝图结构命名为“Cable_Settings”用来设置上一个蓝图结构。

5.webp.jpg

为了接下来在蓝图中构建便利,这里全部开启了“可编辑”。

6.webp.jpg

2、蓝图构造脚本

右键新建蓝图类,并选择父类“Actor”。

7.webp.jpg7-2.webp.jpg

为了蓝图在场景中更好的观察,这里我创建了“公告板组件”替换了原本的“DefaultSceneRoot”,并开启“为屏幕大小缩放”。

8-1.webp.jpg8-2.jpg8-3.webp.jpg

在蓝图中添加“样条组件”。

9.webp.jpg

首先从构造脚本出发先添加了网格体组件,这里For loop中提升了变量,并命名为“Current Index”。

10-1.webp.jpg10-2.webp.jpg

静态网格组件的“Relative Transform”相对变换,是从样条曲线当前点的位置得来的。

11.webp.jpg

然后设置静态网格体,这里将“New Mesh”提升为变量,并且设置为“可编辑实例”,这样在使用该蓝图时可以实时替换网格体模型。

12-1.webp.jpg12-2.webp.jpg

接下来对网格体做了一些小小的编辑,对可视性、隐藏、碰撞和材质做了单独的编辑。

13.webp.jpg

网格体组件最后这部分,做了一个分支,一个是直接从样条曲线当前点处的旋转设置网格体旋转,另一个是在这基础上加了90度的旋转。

14.webp.jpg

这里拆分了旋转,并且没有连接点的Y轴旋转,这样在抬高或降低某一个样条点的时候不至于出现网格体倾斜的效果,只会在平面上朝向相邻的网格体。

15.webp.jpg15-2.webp.jpg

3、添加线缆

这里主要是添加缆索组件。首先从第一个“For Loop”的结果中延伸到“For Each Loop”,先做一些变量的设置,主要是针对缆索的数组、当前网格、当前插槽的名称做变量操作。

16-1.webp.jpg16-2.webp.jpg

之后添加缆索组件,这里组件的Transform是从当前模型插槽的位置上得到的。

17.webp.jpg

这里两个插槽之间的长度,就是线缆的长度。

18.webp.jpg

接下来指定线缆信息,这里直接右键就能搜索到创建和中断线缆信息结构,即一开始创建的蓝图结构。

19.webp.jpg19-2.webp.jpg

结束这里多连接了一个函数,这里是单独创建的。

20-1.webp.jpg20-2.jpg

主要是针对“Cable_Info_Struct”的一些设置指定。

21.webp.jpg

4、添加设置

为了方便在外部也可以调节线缆的设置,这里使用先前设置的“Cable_Settings”对线缆的结构信息进行设置。

首先还是从上一个模块“For Each Loop”的“Completed”中引出来,连接到另一个“For Each Loop”上。

22-1.webp.jpg22-2.webp.jpg

最后做一些连连看的操作,注意这里给线缆的长度做了一个松弛的调节操作,所以左边的线缆长度没有直接连接到右边,而是加上了“Cable_Settings”的变量值。然后只有线缆的插槽名称一直,且线缆在样条曲线的位置一致时,这里才能成立,所以这里用到了“=”等于和“AND”布尔。

23.webp.jpg

5、蓝图的使用

这个蓝图直接拖到场景中应该是这样的。

24.webp.jpg

在右侧细节面板中,点击加好,设置插槽。模型有多少个插槽,此处就开启多少。

25.webp.jpg25-2.webp.jpg

填写每个插槽的名称,注意0、1、2的名称都是对应相同的。

26.webp.jpg

之后就可以得到如下效果。

27.webp.jpg

可以拖拽样条线的点生成更多电杆的效果。

28.webp.jpg

可以在蓝图中对某一段线缆的起始或者结束的连接进行勾选,或者调节线缆的粗细。

29-1.webp.jpg29-2.webp.jpg29-3.webp.jpg

以上就是本次教程案例的内容了,希望大家可以从中有所收货。

本次案例是我的个人练习,如有不足之处,希望大家可以一起交流学习,一起变得更强!

来源:Thepoly公众号

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定