ट्यूटोरियल: असली स्क्रीन पर टूर

खिलाड़ी क्या देखता है

• किसी भी स्क्रीन का हाइलाइट किया हिस्सा, बाकी धुंधला; लेआउट बदलने पर हाइलाइट हिस्से के साथ चलता है।
• संकेत बबल, जिसमें खिलाड़ी के बंद करने वाले चरणों पर "आगे" और फ़्लो अनुमति दे तो "छोड़ें"।
• असली कार्रवाई का इंतज़ार करने वाले चरण: जब तक खिलाड़ी गेम में वह न करे, संकेत बना रहता है।
• फ़्लो के अंत में इनाम और अनुमत फ़्लो फिर से देखने के लिए "ट्यूटोरियल" सूची।

यह कैसे काम करता है

• चरण किसी हिस्से की ओर उसके एंकर से इशारा करता है: किसी भी मॉड्यूल के किसी भी हिस्से पर data-tutorial-anchor।
• टाइटल कहे तो फ़्लो अपने आप शुरू हो सकते हैं, जैसे पहली बार आने पर।
• दिखाया गया हर चरण दर्ज होता है, जिससे डैशबोर्ड एनालिटिक्स में ऑनबोर्डिंग फ़नल बनता है।

डेवलपर के लिए

ट्यूटोरियल @idosgames/core में client.tutorial से काम करते हैं; ओवरले हिस्सों को उनके एंकर से ढूँढता है।

// किसी भी मॉड्यूल का कोई भी हिस्सा ट्यूटोरियल एंकर हो सकता है
<button data-tutorial-anchor="play:start">Play</button>
// लॉबी के टैब tab:{featureID} हैं, प्रोफ़ाइल बटन lobby:profile,
// गेम का "खेलें" बटन play:{modeID}

• जिन हिस्सों की ओर फ़्लो इशारा करता है, उन्हें चिह्नित करें; बिना हिस्से वाला एंकर उसके दिखने तक इंतज़ार करता है।
• चरण reportStepShown से दर्ज होते हैं और completeStep से पूरे: यह ओवरले आपके लिए करता है।

हर फ़ील्ड tutorial-system स्किल में बताई गई है, जिसे SDK का MCP सर्वर देता है।