提供Verge3D教程和Web3D开发技术服务

【技术】b4w笔记

插件安装

 

  1. 打开blender,ctrl+shift+U,调出设置面板,在file标签下,将脚本目录指定到b4w的SDK目录下。
  2. 在add-ons标签下,点击最下方的install from files,找到SDK下addons文件下的blend4web插件,选择py文件
  3. 保存设置,重新打开blender,回到设置面板,找到add-ons –>>Blend4Web,勾选该插件,在渲染器面板选择blend4web即可。

流光动画

效果:

Blend4web官网logo流光动画

www.blend4web.com

过程和步骤:

模型在原有材质上通过分配第二套UV叠加新的材质球,新的材质球上做UV纹理动画实现流光效果

要点:

UV可以通过RGB节点进行分离和组合,RGB对应UVW

使用elapsed节点制作程序动画

blend4web17.8版本中加入了elapsped节点,这个节点相当于调用时间线,可以把它当成周期节点。有了这个节点,就可以在逻辑编辑器里使用节点控制程序动画了。
上一个制作流光动画的案例只能实简单的UV动画,如果想要在中间加上个时间间隔,就不容易实现了。
下面是利用elapsed节点,实现用程序制作流光动画的节点图,在重复的动画中间加了一个时间间隔。我使用伪代码的方式解释这组节点。
效果如同《宅男房间》中的平板扫光动画。

node

zjbcool

zjbcool
关闭菜单