如何借助可视化脚本在 blend4web 中循环？

Question

我是 blend4web 的新手，我不知道如何在不阻塞引擎的情况下循环？

我想使用我所有的 js 代码，而不仅仅是逻辑节点。 当我的代码中出现循环时，它会阻塞引擎。

我环顾四周但没有找到有用的信息你能帮我吗

Answer 1

在 blend4web 项目中循环的过程起初相当混乱，但当你知道它时非常直观。
它使用逻辑节点系统和js回调方法。

---

设置逻辑循环

这是最简单的部分，创建逻辑循环纯粹是用逻辑节点制作的。 这里有一个例子：

js 代码的循环是 JS 回调节点，这将允许使用 js 循环而不阻塞引擎。

当我们单击立方体时，Select 方法将仅用于启动循环。

---

代码中制作的js回调节点

所以现在我们有一个循环但没有用。只需转到您的文件项目并打开 js 文件。

我们已经导入逻辑节点模块来设置之前设置的js回调节点：

var m_logic = require("logic_nodes");

之后我们必须在代码中设置 js 回调节点。

现在我们将在 init_cb()

中设置它们

function init_cb(canvas_elem, success) {

    [...]

    m_logic.append_custom_callback("loveBlend", loveBlend);

    load();
}

append_custom_callback是blend4web的方式linkjs回调节点和js函数。这是区分大小写的，所以要小心。

---

为循环创建一个函数

设置好所有内容后，我们现在可以开始编写函数了。

function loveBlend()
{
    console.log("Blend4web is awesome");
}

这个非常简单，但除了在控制台打印文本之外，您还可以做更多的事情。

---

其他示例

这个例子是 3D 数学函数可视化工具，这里是逻辑树：

And here a pastebin for the code

如果您想查看完整项目，download it 并在 firefox 上尝试，chrome 和 blend4web 导出的项目目前效果不佳。

---

常见错误

如果您的项目不起作用，请务必检查是否：

• 您已保存 .blend 文件并重新导出文件
• 您已将正确的逻辑树设置为活动
• 检查拼写错误

如果您要导出，请务必在 firefox 中测试您的项目。