簡單的实机影片

这份教程里我们描写了如何用Blend4Web创建一个简单的动作片段,我们只需要一点时间和一些基础的Blender创作技能.

在为未来的画面打造脚本后(我们就叫它做"海盗对上外星人"吧),我们开始进入制造阶段:

1) 准备模型和材质

2) 为物件和摄像机调制动画

3) 设定粒子系统效果

4) 设定非线性动画(NLA)

5) 导出至网页格式HTML

模型和材质

为了聚焦在影像且避免物件顶点的推挤,我们到 Blend Swap 借用了大多数的模型(谢谢downshiftdx和Soupertrooper!).

主要的模型是外星人,加农炮(海盗加农炮)和圆石路(地面)。还有一些额外的物件: 加农炮的动画骨架(加农炮骨架系统),粒子系统发射器(海盗加农炮发射),摄像机(摄像机),一摊血(血),文本(文本),光源(灯光)和加农炮发射和轮子转动的声音来源(扬声器火, 扬声器轮子).

动画

动画物件名为:外星人,加农炮骨架(父级骨架下包含了海盗加农炮和加农炮发射器),血,文字和摄像机.加农炮是场景里主要会动的物件.接着我们描绘了发射过程和外星人之间的行为.最后我们在场景中运行摄像机去捕获有趣的时刻.

在关键的时刻透过插入关键帧来创建标准的粒子动画.但仍然需要对表面物体作额外的步骤处理:为了要在引擎中渲染我们必须烘培物件的动作.

粒子系统

发射器已放入加农炮的炮口,而且设定成为骨架根骨头的子物件.粒子的发射已经链接到场景的时间轴,所有的参数设置如下:

非线性动画NLA和声音

在此步驟已經把最後的行為和動作定義完成.除了動作外,我們也在此放置了兩個聲音文件:回圈播放的轮子和炮发射一次的声音.

非线性动画NLA的设置如下:

导出至网页格式HTML

最后使用 文件 - >导出 - > Blend4Web(.html) 指令把整个场景导出..

结语

Blend4Web准許創建任何長度和複雜的動作片段,而且不需要特別的技能,不用太多時間來設定和渲染物件.最終的場景結果可以发行在網頁或使用屏幕录制的方式转换成視頻.NLA的方法也可以被用在Blend4Web更大一部份的项目中,诸如游戏,三维可视化和广告上.

互动情境连结

Blend来源档案链结

更改记录

[2014-04-29] 初期发表.

[2015-05-08] 更新至最新特色的引擎版本.

[2015-09-07] 因应新介面的截屏更新.