जावास्क्रिप्ट रेस (कोड की 30 लाइनें)

असामान्य प्रोग्रामिंग के सप्ताह के दौरान (जैसा कि phpcmsdev ने उल्लेख किया है ) मैंने कोड की 30 पंक्तियों में एक खेल लिखने का फैसला किया। टेट्रिस के बाद से, सांप और अर्कानॉइड पहले से ही थे, पसंद दौड़ पर गिर गई, जो पोर्टेबल गेम के मानक सेट का हिस्सा थे।



बेला से लिंक।

(function(elid, width, height, speed, strength){ var canvas = document.querySelector(elid), ctx = canvas.getContext("2d"), pos = 0, blocks = []; canvas.width = width; canvas.height = height; ctx.fillStyle = "black"; var game = setInterval(function(){ if( Math.random() < strength) blocks.push([Math.random()*(width-10),-10]); ctx.clearRect(0,0,width,height); ctx.fillRect(pos,height-50,10,40); for(var i = 0; i < blocks.length; i++){ ctx.fillRect(blocks[i][0],blocks[i][1],10,10); if( blocks[i][1] > height - 60 && blocks[i][1] < height - 10 && Math.abs( pos - blocks[i][0]) < 10 ){ clearInterval(game); alert("Game over. You have " + Math.floor(1000 * strength) + " points."); } if( blocks[i][1] > height - 5 ){ blocks.splice( i, 1); i--; } else { blocks[i][1] += 5; } } strength += 0.001; },speed); document.addEventListener('mousemove', function (e) { pos = (e.pageX > 0) ? ((e.pageX < width) ? e.pageX : width-10) : 0; }, false); })("#canvas",400,300,33,0.05); 

विशेषताएं

• वास्तव में कोड की 30 लाइनें: HTML की 1 पंक्ति, जावास्क्रिप्ट की 29 लाइनें। सच है, बिना <script> में लपेटे, लेकिन मुझे लगता है कि यह धारणा इतनी डरावनी नहीं है :)।
• कैनवस। मुझे कैनवस बहुत पसंद है! कैनवास पर सरल आकृतियों को आकर्षित करना निश्चित रूप से बढ़ते हुए डिव की तुलना में आसान है। यह पता चलता है कि यह इतना सुंदर नहीं है, लेकिन तत्वों के विस्थापन के बारे में एक बार फिर चिंता करने की आवश्यकता नहीं है।
• बढ़ती कठिनाई और अंक। यह वास्तव में एक चर है, लेकिन कौन परवाह करता है कि अंक कैसे गिने जाते हैं? मुख्य बात यह है कि वहाँ अधिक होगा!
• setInterval। अनुरोध को अस्वीकार करने का निर्णय लिया गया था। किसी भी अतिरिक्त लाइन के कारण एनीमीफ्रेम इतना अधिक नहीं है, लेकिन क्योंकि गेम का तर्क प्रतिपादन के साथ वर्णित है।

निष्कर्ष

टेट्रिस के बारे में जानकारी के लिए जेस्टन के लिए धन्यवाद, एक्सेल के बारे में अनुवाद करने के लिए zag2art , आर्कनॉइड के लिए स्नेक और लिनोलियम के लिए DjComandos ।

दोस्तों, सामान्य प्रोग्रामिंग करें।

युपीडी

उपयोगकर्ता मिनिमाजैक ने बदले में, गेम बॉल का एक प्रकार भेजा, लेकिन उद्देश्य कारणों से इसे स्वयं पोस्ट नहीं किया जा सका।

बेला से लिंक।