गेम कैनवस

पाठ्यक्रम सिफारिश:

HTML कैनवस

<canvas> HTML <canvas> एलेमेंट HTML में एक आयताकार ऑब्जैक्ट के रूप में प्रदर्शित होता है:

<canvas> एलेमेंट ने गेम बनाने के लिए सभी फ़ंक्शन प्रदान किए हैं。

प्लेटफ़ॉर्म पर JavaScript का उपयोग करके <canvas> पर चित्रकारी, लिखने, चित्र जोड़ने आदि के लिए उपयोग किया जाता है。

.गेटकंटेक्स्ट ("2d")

<canvas> एलेमेंट को एक अंतर्निहित ऑब्जैक्ट है, जिसे गेटकंटेक्स्ट ("2d") ऑब्जैक्ट, चित्रकारी के लिए उपयोग की जाने वाली विधियाँ और गुण प्रदान करते हैं。

हमारे कैनवस ट्यूटोरियल में सीखें <canvas> एलेमेंट और गेटकंटेक्स्ट ("2d") ऑब्जैक्ट के बारे में अधिक जानकारी

तो, शुरू करें

गेम बनाने के लिए, पहले एक गेम एरिया बनाएं और चित्रकारी के लिए तैयार हों:

इंस्टांस

function स्टार्ट गेम () {
  अवज्ञा.स्टार्ट ()
}
वार्टर अवज्ञा = {
  कैनवस : डॉक्युमेंट.क्रिएटएलेमेंट ("canvas"),
  स्टार्ट : function () {
    इसका कैनवस.विडथ = 480;
    इसका कैनवस.हाइट = 270;
    इसका कैनवस = इसका कैनवस.गेटकंटेक्स्ट ("2d");
    डॉक्युमेंट.बॉडी.इंसर्टबीफोर (इसका कैनवस, डॉक्युमेंट.बॉडी.चाइल्डनों [0]);
  }
}

आप खुद संभालें

इस ट्यूटोरियल के बाद के हिस्से में, ऑब्जैक्ट मेरा गेम एरिया अधिक गुण और विधियाँ प्राप्त होंगे。

फ़ंक्शन स्टार्ट गेम () आह्वान करें मेरा गेम एरिया ऑब्जेक्ट का start() मथड़े.

start() मथड़े से एक <canvas> एलीमेंट, और पहले चिल्ली नोड के रूप में इंसर्ट करने के लिए <body> एलीमेंट में。