日志

创建乌龟动画 第一部分

2014-05-28

这份教程是关于创建动画对象。我们会创造一个可爱的小乌龟作为实例。本教程由几个部分组成。第一部分将包括建模、纹理贴图、设置材质将静态场景导出到 Blend4Web,接着第二部分将介绍关于绑定姿势,动画使用非线性编辑器,烘焙和导出动画序列。

建模

首先我们创建高面模型使用动态的雕刻方法。此外,前方和后方的爪子使用单独的网格创造了角质鳞片。

然后我们使用缩裹修改器执行重新拓朴 ︰ 新模型也是一个高面模型遵循了原始的几何。这个模型对于纹理贴图来说更方便于执行 UV 展开。经过进行重新拓朴后,我们不再需要之前所雕塑的模型了。

缩裹修改器也使用在打造低面模型。总共建立了两种模型 ︰ 一个用于烘焙,一个是最终的模型。因为角质鳞片大大粘住的主要的网格,在某些地方延长烘焙的模型。除此之外在烘焙过程中可能会出现一些令人不快的假像。这在前爪上特别容易看见的。对照图 ︰图的上方你可以看到高面模型,在中间部分-为烘焙使用,以及下面-最终的模型。外壳被从身体分开使内部部件纹理贴图更为方便。贴图后他们会再一次合并在一起。

纹理贴图

首先为高模网格使用纹理绘制工具创建漫射纹理。然后创造出黑白的高光贴图。这张纹理贴图也被用于使用错置修改器创建浮雕。在那之后这些纹理贴图与法线贴图会一起从高模烘焙到低模网格。

为了优化内存使用,我们打包漫射贴图和高光贴图到一个图像中 (高光贴图是在 alpha 通道中)。

材质设置

我们有了漫反射贴图和在 alpha 通道的高光贴图的后,我们可以为我们的乌龟设置最后一个节点材质︰

创造一个错觉的不对称顶点着色可以使用这种方法 ︰ 颜色斑点与主要纹理色彩相乘。顶点绘制本身看起来像这样 ︰

在此之后我们应该會在沙滩伞教程中說明设置照明和小型的环境。

现在一切都准备好了-只要将乌龟导出到引擎 ︰

档案 -> 导出 -> Blend4Web (.html).

这里完成了第一部分。下一个部分将涵盖绑定姿势、 动画、 烘焙和导出。

链接到交互场景

链接到blend档案

更新日志

[2014-05-28] 首次发布。

评论
注册登录 后发送信息。