如何在Spark AR(用于Facebook)中创建和使用按钮?

时间:2018-11-30 20:50:46

标签: javascript facebook augmented-reality

我正在Spark AR studio中借助JavaScript为Facebook开发一个简单的AR效果。
我在场景中有2个3D对象,我想通过单击按钮在它们之间切换。

例如,我有2个按钮,当我单击第一个按钮时,我想显示第一个3D对象(并隐藏另一个)。反之亦然-当我单击第二个按钮时,我想显示第二个3D对象并隐藏第一个3D对象。

我可以看到一些有关如何通过脚本访问场景中对象的示例,但还没有找到如何在Spark AR中创建或使用按钮的示例

是否有任何简单的“拖放”方式来创建按钮并为其分配功能(例如在Unity中)?还是应该在场景中的画布上创建按钮的图像,使用Javascript“查找”按钮,检测是否在该图像上进行了手指触摸并以此方式触发功能?

2 个答案:

答案 0 :(得分:2)

没有简单的“拖放”方式来创建按钮并为其分配功能。

您将需要在场景中的画布上创建按钮的图像,使用Javascript“查找”按钮,检测是否在该图像上进行了手指触摸,并以此方式触发了功能。这是示例代码:

var Scene = require('Scene');
var TouchGestures = require('TouchGestures');

var myBtn = Scene.root.find('button');
TouchGestures.onTap(myBtn).subscribe(function() {
        //do stuff here
});

也不要忘记在项目功能设置中启用“点击手势”!

答案 1 :(得分:1)

您还可以使用本机UI选择器: https://developers.facebook.com/docs/ar-studio/docs/native-ui (我不确定在发布问题时是否可以使用此功能,我是游戏的新手)

这是更多的“拖放”操作,因为您不必创建和放置按钮,只需分配纹理即可填充它们,然后您可以编写脚本以在用户使用时执行任何操作选择一个按钮。希望这对您或其他人有帮助。