var isFirstTimeTuto = false; var textFirstPopup = 'Hey ! This is how to start a discussion with someone ! You can be 4 max in a bubble.'; var textSecondPopup = 'You can also use the chat to communicate ! '; var targetObjectTutoBubble ='Tutobubble'; var targetObjectTutoChat ='tutoChat'; var targetObjectTutoExplanation ='tutoExplanation'; var popUpExplanation = undefined; var enterSoundUrl = "webrtc-in.mp3"; var exitSoundUrl = "webrtc-out.mp3"; var soundConfig = { volume : 0.2, loop : false } function launchTuto (){ WA.openPopup(targetObjectTutoBubble, textFirstPopup, [ { label: "Next", className: "popUpElement", callback: (popup) => { popup.close(); WA.openPopup(targetObjectTutoChat, textSecondPopup, [ { label: "Open Chat", className: "popUpElement", callback: (popup1) => { WA.sendChatMessage("Hey you can talk here too!", 'WA Guide'); popup1.close(); WA.openPopup("TutoFinal","You are good to go! Go through the gate to meet the dev team and discover the features !",[ { label: "Got it!", className : "success",callback:(popup2 => { popup2.close(); WA.restorePlayerControl(); WA.loadSound(winSoundUrl).play(soundConfig); }) } ]) } } ]) } } ]); WA.disablePlayerControl(); } WA.onEnterZone('popupZone', () => { WA.displayBubble(); WA.loadSound(enterSoundUrl).play(soundConfig); if (!isFirstTimeTuto) { isFirstTimeTuto = true; launchTuto(); } else { popUpExplanation = WA.openPopup(targetObjectTutoExplanation, 'Do you want to review the explanation?', [ { label: "No", className: "error", callback: (popup) => { popup.close(); } }, { label: "Yes", className: "success", callback: (popup) => { popup.close(); launchTuto(); } } ]) } }); WA.onLeaveZone('popupZone', () => { if (popUpExplanation !== undefined) popUpExplanation.close(); WA.removeBubble(); WA.loadSound(exitSoundUrl).play(soundConfig); })