JeuTropFacile - WayTooEasyGame: ३ कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:20

यह पूरी तरह से HTML और JavaScript पर लाइब्रेरी P5js के साथ बनाया गया एक गेम है। इंडेक्स.एचटीएमएल और स्केच.जेएस नाम की 2 फाइलें हैं। मैं कोड में बहुत नौसिखिया हूं इसलिए मुझे खेद है कि यह अस्पष्ट है।

आप इस लिंक से गेम खेल सकते हैं

आप तीर कुंजियों के साथ एक सफेद गेंद को नियंत्रित करते हैं और आपको लाल गेंद से बचना होगा (वर्तमान में, केवल एक ही है)।

मैंने 2 चर बनाए: posX = 200 और posY = 200

स्केच.जेएस पर, मैंने फंक्शन सेटअप में 640x 480y के साथ फंक्शन ड्रॉ में ग्रे बैकग्राउंड के साथ एक कैनवा बनाया, फिर मैंने पॉज़, पॉज़, 75, 75 पर स्थिति के साथ एक सफेद सर्कल बनाया।

चरण 1: सर्कल को स्थानांतरित करना

जैसा कि मैंने पहले कहा, आप वृत्त को स्थानांतरित करने के लिए तीर कुंजियों का उपयोग कर सकते हैं।

ऐसा करने के लिए मैंने एक फ़ंक्शन updatePositionEllipse() बनाया है।

मैंने इसे काम करने के लिए इस शर्त का इस्तेमाल किया: अगर (keyIsDown(DOWN_ARROW)) {

पॉज़ी += 5;

}

जब डाउन की को दबाया जाता है, तो सर्कल नीचे चला जाता है।

मैंने इसे हर दूसरी चाबियों पर इस्तेमाल किया ताकि आप बाएं, दाएं, ऊपर और नीचे जा सकें।

चरण 2: सीमा सीमा बनाना

सफेद गेंद को कैनवास के अंत में रोकने के लिए मैंने टेस्टऑटऑफस्क्रीन फ़ंक्शन का उपयोग किया।

इसके अंदर, मैंने शर्त का इस्तेमाल किया अगर (posX> ६००) {

पॉज़एक्स = ६००; स्ट्रोकवेट (6); स्ट्रोक ('नीला'); लाइन (637, 0, 637, 480); }

यदि x की स्थिति 600 से बेहतर है: यह गेंद को ब्लॉक कर देता है और यह कैनवास के दायीं ओर 6 बॉर्डर वाली एक नीली रेखा खींचता है।

मैं इसे हर सीमा के लिए करता हूं।