Thanks @stevesanerd.
I found out that in the photofeature3D there is a script called ‘buttonCode’. At the bottom of the script there are these lines:
//comment out this section if you do not want the instructions to show at the beginning
symbol.nodes.root.one("show", firstSeen);
function firstSeen() {
help_selected();
}
I’ve done exactly what the comment states; I’ve commented uit every single line after the comment.
Then I exported the help_selected() function that’s right above that piece of code:
symbol.nodes.help.on("custom:selected", help_selected);
export function help_selected() {
symbol.hide();
instructions.display();
instructions.one("custom:hiding", function() {
symbol.show();
});
};
…and called it from my script in the root of the project using:
symbol.symbolDefinitions.photofeature3D().nodes.buttonCode.help_selected();
That works. But… whenever the instruction gets called, the object in the photofeature3D group isn’t placed inside the instruction. The grey overlay, the hand and the close button of the instruction-animation are shown, but the object itself isn’t. Leaving a blank space with an animating hand.
I already see the object underneath the instruction-overlay (but it’s not animating). When I close the instruction the photofeature3D itselfs works great.
It seem I need to manually hide the photofeature3D-object and copy this to the instruction. Which normally is done by buttonCode-script in this line:
////////////////////////////////////////////////////////////////////////////////
// instructions are given the object to use as its example object
var instructions = symbol.symbolDefinitions.instructions();
instructions.attachmentPoints.objectGroup.push(symbol.nodes.objectGroup);
Anyone can help?