🧜🏻 💅🏾 🤙🏿 just2d - एक "संपूर्ण" गेम इंजन बनाएं। चरण 1 🛤️ 👩🏿‍🚀 🚶🏿

सुप्रभात, Habr।
अवकाश के समय, मैं एक नए 2d गेम इंजन के विकास से प्रेरित था। हालांकि, एक अनूठी विशेषता के साथ। मैं विभिन्न स्तरों के डेवलपर्स के लिए इसे वास्तव में सुविधाजनक बनाना चाहता हूं।
इसे कैसे प्राप्त किया जाए?
सबसे पहले, हम "आदर्श" इंजन पर 2-3 विशिष्ट खेल लिखेंगे, यानी सबसे पहले, एप्लिकेशन स्वयं बनाया जाएगा, और उसके बाद ही इंजन उसके कोड के तहत लिखा जाएगा।

पहला गेम प्लेटफ़ॉर्मर होगा, जिसे टेस्ट नाम टेररिस्ट विन प्राप्त हुआ।
विवरण:
भीड़ को मारने के लिए स्थानों के आसपास भागो, बिछाने और बम विस्फोट।

दूसरा गेम मैच 3 होने की संभावना है

मैं आपके उदाहरणों के लिए आदर्श कोड की प्रतीक्षा कर रहा हूं

प्लेटफॉर्म प्लेयर के लिए "आदर्श" कोड के पहले संस्करण का विश्लेषण शुरू करते हैं।

start.js:

window.onload = init function init(){ //      Engine.setResurs({ 'block' : 'resurs/sprite/block.jpg', 'bomb' : 'resurs/sprite/bombs.png', 'cop' : 'resurs/sprite/cops.png', 'mob' : 'resurs/sprite/mobs.png', 'player' : 'resurs/sprite/player.png', 'mask' : 'resurs/sprite/mask.png', '_palm' : 'resurs/sprite/_palm.png', '_lavk' : 'resurs/sprite/_lavk.png', 'fire' : 'resurs/sprite/fires.png' }) /*     width -  () canvas height -  () canvas separator - id html  canvas size -    (        zoom) */ Engine.init({ width : 800, height : 512, separator : 'game_canvas', size : 32, }) /*   ""     (1-0 :   0 - , 1 - ) */ var map = new Array( new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1), new Array(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1) ) /*  : Engine.Task.AddScene('map') -     map     // GameObject -    ,    //  GameObject  box,   Vec2    1 var block = new GameObject('box', new Vec2(x, y), 1, 1) //   block.gravitati = false; //    ,    scene.ObjectAdd(false, block) */ var scene = new SceneControl('scene1', map[0].length, map.length) for(var y = 0; y < map.length; y++){ for(var x = 0; x < map[0].length; x++){ var sprite = new SpriteControl('block', new Vec2(x, y), Setting.set('size'), Setting.set('size') var block = new GameObject('box', new Vec2(x, y), 1, 1) block.sprite = sprite; block.gravitati = false; scene.ObjectAdd(false, block) } } /*     Player   Vec2     */ var player = new PlayerObject(new Vec2(5, 5)) scene.ObjectAdd('player', player) Engine.Task.AddScene('scene1', scene) /*    scene1*/ Engine.Task.PlayScene('scene1') //   Engine.Play(); }

खैर, खिलाड़ी .js कोड

 function PlayerObject(vec2){ // parrent -   this.parrent = new GameObject('box', vec2, 1, 1 ) //  events  parrent this.eventKeyUp = function(){ //   this.parrent.vec2 = this.parrent.vec2.summ(new Vec2(-2, 0)) } this.eventKeyLeft = function(){ //  this.parrent.vec2 = this.parrent.vec2.summ(new Vec2(0, -1)) } this.eventKeyRight = function(){ //  this.parrent.vec2 = this.parrent.vec2.summ(new Vec2(0, 1)) } this.eventKeyE = function(){ //  E //     var scene = Engine.Task.returnScene('map') // Bomb -          var bomb = new Bomb(new Vec2(this.parrent.vec2.x, this.parrent.vec2.y)) scene.ObjectAdd(false, bomb) } this.eventKeySpace = function(){ //  // bomb Detonation } this.collision = function(){ //   //    "" if(this.collisionFlagBottom){ //     this.parrent.vec2.y = 0 //    } } }

टेक मैं आपके "आदर्श" खेलों के लिए उदाहरण देखना चाहूंगा, आप कैसे लिखना चाहेंगे

वास्तव में, यह छद्म आदर्श कोड का पहला संस्करण है)
मैं आपकी टिप्पणियों, नोट्स और सुझावों का इंतजार कर रहा हूं।

अगले ओके पर:

github github.com/DrNemo/just2d पर प्रोजेक्ट कोड
जब तक एक सामान्य कोड टेम्प्लेट विकसित नहीं हो जाता है, तब तक मैं वास्तविक कोड प्रोग्रामिंग करना शुरू नहीं करूंगा। आप फ़ोल्डर से अभी के लिए just2d.v.0.0.1 स्केच पर ध्यान नहीं दे सकते हैं)
विचार के साथ-साथ प्रोटोटाइप कल रात दिमाग में आया, जोर से मत मारो)

UP1:
मेरी योजना सरल से जटिल तक जाने की है, संस्करण से संस्करण तक कार्यक्षमता और क्षमताओं को बढ़ाने की

न्यूनतम घोषित:
दृश्यों के साथ काम करें - खिड़की से बाहर कटौती, आप अपने आकार और बदलाव दोनों को सेट कर सकते हैं

दृश्य वस्तुएं - दृश्य के बच्चे, ये खेल वस्तुएं हैं जो स्वयं, परेंट के आधार पर मनमानी हो सकती हैं
घटना संचालकों के पुनर्मूल्यांकन का समर्थन किया

घटनाओं:
कार्य ईवेंट हैंडलर
eventClick, eventDblClick, eventHover, eventKeyX - स्पष्ट
EventCollision - एक ही मुखौटा की एक वस्तु के साथ टकराव

collisionFlagBottom, collisionFlagLeft - आदि। साइड टक्कर झंडे

सरल भौतिकी
यदि अक्षम है तो gravitati = नया Vec2 (1, 0) या गलत है

यदि आप ईवेंट पुन: असाइन नहीं करते हैं, तो डिफ़ॉल्ट ईवेंट ट्रिगर हो जाते हैं

गुण भी
सक्षम, दृश्यमान

UP2:
विषय को अव्यवस्थित नहीं करने के लिए, मैं अपने ब्लॉग शैली में जारी रखूंगा 4web.ru/category/just2d

just2d - एक "संपूर्ण" गेम इंजन बनाएं। चरण 1

More articles: