جعل لعبة مستوحاة من لعبة Megaman في Construct 2

Arabic (العربية/عربي) translation by Rahmat Hidayat (you can also view the original English article)

قم بعمل لعبة مستوحاة من لعبة Megaman-Inspired في Construct 2I سوف أذهب لك من خلال إنشاء لعبة مطلق النار / لعبة مستوحاة من Megaman. في هذا البرنامج التعليمي سوف أستخدم Construct 2 كأداة لجعل اللعبة ، ولكن سأشرح منطق استخدام pseudocode بحيث يمكنك اتباع هذا البرنامج التعليمي بأي لغة أو محرك من اختيارك.

الوظائف ذات الصلة

انقر فوق اللعبة لاعطائها التركيز ، ثم استخدم مفاتيح الأسهم للتحرك والقفز ، و Z لاطلاق النار.

من أجل التركيز على تطبيق اللعب ، لن أشرح كل ميزة Construct 2 ؛ سأفترض أنك تعرف الأساسيات مثل تحميل الرموز المتحركة أو الاصطدام الأساسي أو تشغيل الأصوات. مع ذلك ، دعونا نبدأ في صنع اللعبة.

تحضير العمل الفني

أول الأشياء أولاً ، نحن بحاجة إلى الحصول على النقوش المتحركة في لعبتنا. لحسن الحظ ، لقد غطينا opengameart مع مجموعتهم الرائعة من فن اللعب القانوني. نحن بحاجة إلى أربع مجموعات من العفاريت. بطل واحد ، عدو واحد ، والبلاط لمنصات.

البطل (بواسطة Redshrike):
http://opengameart.org/content/xeon-ultimate-smash-friends
العدو (أيضا عن طريق Redshrike):
http://opengameart.org/content/fighting-robot-for-ultimate-smash-friends
بلاط (عن طريق الروبوت):
http://opengameart.org/content/prototyping-2d-pixelart-tilesets

لاستخدامها في Construct 2 ، أقسم sprites البطل إلى إطارات فردية باستخدام GIMP.

الحركة الأساسية

سوف أستخدم سلوك منصة Construct 2 لباقي البرنامج التعليمي حتى أتمكن من التركيز على الجزء الخاص بالتصوير و AI من اللعبة ، والذي كان المحور الرئيسي لهذا البرنامج التعليمي.

Construct 2s platform behaviour — بناء سلوك منصة 2

الحركة الأساسية شرح

إذا كنت تعمل بلغة أخرى ، أو تريد تنفيذ حركة platformer الأساسية الخاصة بك بدلاً من استخدام السلوك المضمّن. ما عليك سوى استخدام الشفرة في هذا القسم إذا كنت لن تستخدم السلوك المدمج لـ Construct 2.

للبدء ، نحتاج إلى النظر في ثلاث طرق يمكن للبطل أن يتحرك بها ؛ يمشي يمشي ، يمشي يسارا ، أو يقفز. كل إطار ، نقوم بتحديث محاكاة اللعبة.

number moveSpeed = 50;

function update()
{
 moveHero();
}

لتحديث شخصية اللاعب ، نقوم بتنفيذ حركة أساسية مثل هذا:

function moveHero()
{
 // player is pressing this key down
 if (keyDown(KEY_LEFT))
 {
 hero.x -= moveSpeed * deltaTime;
 hero.animate("walkLeft");
 }

if (keyDown(KEY_RIGHT))
 {
 hero.x += moveSpeed * deltaTime;
 hero.animate("walkRight");
 }

if (keyDown(KEY_UP))
 {
 hero.jump();
 hero.animate("jump");
 }

// a key that was just unpressed
 if (keyReleased(KEY_LEFT))
 {
 hero.animate("standLeft");
 }

if (keyReleased(KEY_RIGHT))
 {
 hero.animate("standRight");
 }
}

أنا استخدم وظيفة أخرى للقيام بالقفز لأن القفز ليس مجرد مسألة تغيير قيمة ذ ولكن أيضا حساب الجاذبية. سيكون لدينا أيضًا وظيفة تستمع إلى ما إذا كان مفتاحًا قد تم إصداره للتو أم لا ، لإعادة الرسوم المتحركة إلى بطل الرسوم المتحركة الدائمة.

دعونا نتحدث عن كيفية جعل اللاعب يقفز. سيحتاج البطل إلى معرفة ما إذا كان يقفز حالياً أم لا ، وأيضاً ما إذا كان يسقط حالياً أم لا. لذا سنعلن عن متغيرين جديدين: isJumping و isFalling. بشكل افتراضي ، كلاهما غير صحيح ، مما يعني أن البطل يقف على النظام الأساسي.

لإجراء قفزة يجب أولاً التحقق من كون القيمتين غير صحيحتين ، ومن ثم جعل isJump صحيحًا.

Function jump()
{
 if (!isJumping && !isFalling)
 {
 isJumping = True
 }
}

لكي يتمكن البطل من القفز ، نحتاج إلى متغير يسمى jumpPower والجاذبية. القيمة الافتراضية لـ jumpPower هي -20 والجاذبية هي 1. المنطق هو إضافة قيمة القدرة على القفز إلى موقف Y للبطل ولإضافة الجاذبية لقفزة قيمة الطاقة.

نفعل كل هذا القراد. ربما لم تكن هذه هي الفيزياء الأكثر واقعية في الواقع ، ولكن الألعاب لا تحتاج إلى أن تكون واقعية ، ولكنها تحتاج فقط إلى أن تكون قابلة للتصديق ، وهذا هو السبب في أن بعض الألعاب لديها قفزة بشرية فائقة وقفزة مزدوجة. ينتمي الرمز أدناه إلى وظيفة التحديث.

If (isJumping || isFalling)
{
 hero.y += hero.jumpPower;
 hero.jumpPower += hero.gravity;
}

// eventually jump power will be greater than zero, and that means the hero is falling

if (hero.jumpPower >= 0)
{
 isJumping = False;
 isFalling = True;
}

// to make a stop to the fall, do something when the hero overlaps the platform

if (hero.isOverlapping(platform1))
{
 // platform1 is the platform that our hero can step on
 // resets the variable to their default value
 isJumping = False;
 isFalling = False;
 hero.jumpPower = -20;
}

// and then there's the free fall, when player falls over the edge of a platform
if (!hero.isOverlapping(platform1) && hero.jumpPower < 0 && !isJumping)
{
 // !hero.isOverlapping(platform1) checks whether or not our hero is standing on a platform
 // and if jumpPower is less than zero and the player is not currently jumping, then that means
 // he's falling

// setting these two values like this will make the player fall.
 hero.jumpPower = 0;
 isFalling = true;
}

ينسخ سلوك إنشاء النظام الأساسي المضمن 2 رمز المثال أعلاه الذي يتم تقديمه فقط لمساعدة أولئك الذين يعملون بلغة أخرى.

تنفيذ اطلاق النار

الآن يأتي الجزء الرماية من اللعبة. في سلسلة Megaman هناك ثلاثة أنواع من اللقطات: اللقطات العادية ، الطلقات المشحونة ، ولقطات طاقة المدير.

اللقطات العادية هي تفسيرية. تعتبر اللقطات المشحونة هي اللقطات التي يتم شحنها قبل إطلاقها ، وتأتي هذه اللقطات المشحونة في نوعين: نصف مشحونة ، ومشحونة بالكامل. هذه الهجمات المشحونة هي أقوى من اللقطات العادية ، مع المشحونة بالكامل تصبح الأقوى.

تعتبر لقطات الطاقة من بوس هي اللقطات التي حصل عليها اللاعب بعد هزيمة كل رؤساء. الضرر هو نفسه كالمعتاد ولكن لديهم خصائص خاصة لا تحتوي على لقطات عادية.

الآن بعد أن عرفنا نوع كل لقطة ، فلنبدأ في صنعها. دعونا أولا نرى المنطق الكامن وراء كيفية استخدام كل لقطة. هنا نفترض أن يتم استخدام زر Z على لوحة المفاتيح لاطلاق النار. سننفذ اثنين من السلوكيات المختلفة:

لقطات عادية: يقوم اللاعب بالضغط على z ثم يقوم بإطلاقه على الفور (اضغط على الزر). سيتم اطلاق النار رصاصة مرة واحدة كل الصنبور. ستتغير الرسوم المتحركة لتصوير الرسوم المتحركة قبل التبديل الفوري إلى الرسوم المتحركة الدائمة.
الطلقات المشحونة: اللاعب يضغط على Z. وسيتم إطلاق الرصاصة الأولى العادية. ستتغير الرسوم المتحركة لتصويرها قبل التبديل الفوري إلى الرسوم المتحركة الدائمة. إذا استمر الضغط على Z ، فسيتم إضافة تأثير فرض رسوم على الرسوم المتحركة (الوقوف ، المشي). إذا تم إصدار الزر Z في أقل من 5 ثوانٍ منذ الشحن الأول ، فسيتم إطلاق رصاصة نصف مشحونة. إذا تم إطلاق الزر Z بعد 5 ثوانٍ ، سيتم إطلاق رصاصة مشحونة بالكامل.
طلقات الطاقة بوس: يجب على بطلنا أولا تجهيز الرصاصة التي حصل عليها بعد هزيمة رئيسه. بعد التجهيز ، سيضغط اللاعب على زر آخر لإطلاق هذا الرمز. يختلف سلوك التعداد النقطي هذا ، ويجب أن يتم ترميزه بشكل فريد لكل رمز نقطي.

الآن ، دعونا نبدأ في التعليمة البرمجية. نظرًا لأن بطلنا يمكنه تصوير اليسار واليمين ، نحتاج إلى معرفة الاتجاه الذي يواجهه حاليًا. دعونا نعلن عن متغير جديد يسمى يواجه يخزن قيمة سلسلة ما إذا كان البطل يواجه اليمين أو اليسار.

String facing = "right"; // which direction the hero is currently facing
function moveHero()
{
 // player is pressing this key down
 if (keyDown(KEY_LEFT))
 {
 hero.x -= moveSpeed * deltaTime;
 hero.animate("walkLeft");

 facing = "left";
 }

if (keyDown(KEY_RIGHT))
 {
 hero.x += moveSpeed * deltaTime;
 hero.animate("walkRight");

facing = "right";
 }

// ... the continuation of moveHero() function goes here
}

function update()
{
 // ...the update code that we previously wrote goes here...

// player press this key once
 if (keyPressed(KEY_Z))
 {
 if (facing == "right")
 {
 hero.animate("Shoot");

// we will add shooting function here later
 }
 else if (facing == "left")
 {
 hero.animate("Shoot");
 hero.mirrorSprite(); // this function flips the sprite horizontally
 }
 }

if (keyReleased(KEY_Z))
 {
 if (facing == "right")
 {
 hero.animate("standRight");
 }
 else if (facing == "left")
 {
 hero.animate("standLeft");
 hero.mirrorSprite(); // we need to call this again because the sprite was mirrored
 // if we don't mirror the sprite again, standLeft will look like standRight
 }
 }
}

move events in construct 2 — نقل الأحداث في Construct 2

قبل أن نطلق رصاصة ، نحتاج إلى النظر إلى الخصائص التي تحتوي عليها الرصاصة:

السلطة: قوة الهجوم من الرصاصة ، والضرر الذي ستتعرض له للعدو
السرعة: مدى السرعة التي تسير بها الرصاصة
زاوية: زاوية التصوير ، تحدد الاتجاه الذي تسلكه النقطة.

هذه الخصائص سوف تختلف لكل رصاصة. على وجه الخصوص ، فإن خاصية الطاقة ستكون مختلفة. تكون خاصية الزاوية عادة واحدة من قيمتين فقط ؛ ما إذا تم إطلاق الرصاص على اليمين أو اليسار ، ما لم تكن رصاصة طاقة رئيسة قد تطلق في زاوية فريدة.

ستتم مناقشة الاختلافات في اللقطات لاحقًا ، لذلك سأقوم الآن بتغطية اللقطات الأساسية فقط. ما يلي هو جزء من التعليمات البرمجية التي يطلق النار على رمز نقطي.

// first, we create a function that creates a new bullet
Function shoot(string pathToSprite, number bulletPower, number bulletSpeed, number bulletAngle)
{
 myBullet = new Bullet(pathToSprite);
 myBullet.power = bulletPower;

// the bullet class or object has two private variables that moves it according to its angle
 // more explanation to these two lines need more math, so I choose not to explain
 // I assume your engine of choice have a way to move an object according to its angle
 ySpeed = Math.sin(bulletAngle) * bulletSpeed;
 xSpeed = Math.cos(bulletAngle) * bulletSpeed;
}

// this is Bullet class' function that's called every frame, this moves the bullet according to its angle
function moveBullet()
{
 x += xSpeed * deltaTime;
 y += ySpeed * deltaTime;
}

// and this is the modification to our previous update() function
function update()
{
 // ...the update code that we previously wrote goes here...

// player press this key once
 if (keyPressed(KEY_Z))
 {
 if (facing == "right")
 {
 hero.animate("Shoot");
 hero.shoot("path/to/sprite.png", 10, 400, 0);

}
 else if (facing == "left")
 {
 hero.animate("Shoot");
 hero.mirrorSprite(); // this function flips the sprite horizontally
 hero.shoot("path/to/sprite.png", 10, 400, 180); // the angle is 180 so that the bullet goes left
 }
 }

// .. the continuation of update code goes here...
}

add bullet behaviour to the bullets — إضافة سلوك التعداد النقطي للرصاص العفاريت

shooting code spawn new bullet object — رمز اطلاق النار حيث ننتج كائن رصاصة جديد

لقطات مشحونة

بعض الرصاصات يمكن أن تكون أقوى من غيرها. لإنشاء لقطة مشحونة ، نحتاج إلى متغير يحمل الاسم charTime ، والذي سيزداد كل ثانية يحمل اللاعب Z لأسفل ، وسيعود إلى الصفر عند إطلاق الرصاصة. التغييرات على رمز التحديث كالتالي:

// player just released z key
if (keyReleased(KEY_Z))
{
 if (chargedTime > 0 && chargedTime <= 5)
 {
 if (facing == "right")
 {
 hero.animate("Shoot");
 hero.shoot("path/to/halfChargedBullet.png", 20, 400, 0);
 chargedTime = 0;

}
 else if (facing == "left")
 {
 hero.animate("Shoot");
 hero.mirrorSprite(); // this function flips the sprite horizontally
 hero.shoot("path/to/halfChargedBullet.png", 20, 400, 180);
 chargedTime = 0;

}
 }
 else if (chargedTime > 5)
 {
 if (facing == "right")
 {
 hero.animate("Shoot");
 hero.shoot("path/to/fullChargedBullet.png", 40, 400, 0);
 chargedTime = 0;

}
 else if (facing == "left")
 {
 hero.animate("Shoot");
 hero.mirrorSprite(); // this function flips the sprite horizontally
 hero.shoot("path/to/fullChargedBullet.png", 40, 400, 180);
 chargedTime = 0;

}
 }

if (facing == "right")
 {
 hero.animate("standRight");
 }
 else if (facing == "left")
 {
 hero.animate("standLeft");
 hero.mirrorSprite(); // we need to call this again because the sprite was mirrored
 // if we don't mirror the sprite again, standLeft will look like standRight
 }
}

// player is pressing this key down
if (keyDown(KEY_Z))
{
 // this is the function that adds the value of chargedTime every second
 // this keyDown block of code will be run every frame, which is less than a second
 // your engine of choice should have a way to tell whether a second has passed or not
 addChargedTime();
}

تتحرك شخصية بطلنا الجديدة لليسار ، واليمين ، والقفزات وفقًا لمدخلاتنا ، وتطلق أيضًا الرصاص ، سواء كان طبيعيًا أو نصف مشحونًا أو مشحونًا بالكامل.

تنفيذ الاعداء

لدينا الآن بطل يمكن السيطرة عليه. دعونا نسميها زيون من أجل البساطة. لدينا الآن بطل يمكن السيطرة عليه. دعونا نسميها زيون من أجل بساطة. يمكنه أداء بعض الحركات الأساسية مثل المشي والقفز والرماية. هذا جيد! ولكن ما هو جيد هو القدرة على تبادل لاطلاق النار دون شيء لاطلاق النار عليه ، أليس كذلك؟ هذا هو السبب في أننا سنصنع عدونا الأول هذه المرة.

دعونا نصمم سمات عدونا قبل البدء في ترميزها.

الصحة: كم عدد الصحة التي حددها عدونا كم عدد اللقطات (وأي نوع) مطلوب لتدميرها.
السلطة: قوة الهجوم العدو ، وكم من الضرر لا تعامل لاعبنا.
ShotAngle: إلى أي اتجاه يطلق النار على العدو ، يمكن تركه أو حقه أو في أي مكان نريد.

هذا إلى حد كبير ما نحتاجه لعدونا ، والآن دعونا نجعل فئة العدو / الكائن.

فئة / عدو العدو يشبه إلى حد كبير فئة / كائن اللاعب ، باستثناء أن العدو لا يستمع إلى مدخلات اللاعب. وبسبب ذلك نحتاج إلى استبدال الأجزاء التي يستمع فيها البطل إلى مدخلات اللاعب ، إلى AI / log العدو.

عدو هجوم AI

بالنسبة للمبتدئين ، دعونا نتعامل مع منظمة العفو الدولية الأساسية اطلاق النار. العدو سوف يطلق النار على اللاعب عندما يرى اللاعب.

لتحديد ما إذا كان العدو "يرى" اللاعب ، سنحتاج إلى تحديد متغير لعدو يدعى وجهه وهو عبارة عن سلسلة تخزن واحدة من قيمتين ، "اليسار" أو "اليمين".

يحتاج العدو أيضًا إلى نوع من الرؤية ، وهذا هو السبب في أننا سنجعل متغيرًا آخر يسمى النطاق. إذا كان اللاعب ضمن هذا النطاق ، فهذا يعني أن العدو "يرى" اللاعب. الشفرة الزائفة هي كما يلي:

function boolean checkSees()
{
 if (facing == "left" && hero.x >= enemy.x -- range)
 {
 return true;
 }

if (facing == "right" && hero.x <= enemy.x + range)
 {
 return true;
 }

return false;
}

checkSees () وظيفة

ربما كنت قد لاحظت شيئًا في هذا الكود الزائف: فهو لا يعتبر موقف البطل ، لذا سيظل العدو يطلق النار على البطل حتى لو كان في منصات ذات ارتفاعات مختلفة.

في الوقت الحالي ، سيكون هذا كافياً ، لأن وضع خوارزمية خط البصر يقع خارج نطاق هذا البرنامج التعليمي. في اللعبة الخاصة بك ، قد ترغب في إضافة تسامح Y في تلك الوظيفة أعلاه التي ستتحقق ما إذا كان موقف البطل y بين نقطتين تحددان ارتفاع العدو.

مما يجعل الأعداء تبادل لاطلاق النار

شفرة pseudocode لتصوير العدو هي كما يلي:

// can be in update() or somewhere else that's executed every frame
function update()
{
 if (checkSees())
 {
 shoot("path/to/bulletSprite.png", enemyPower, 400, shotAngle);
 }
}

كما ترون ، وظيفة تبادل لاطلاق النار العدو () مماثلة لتلك التي لاعب. يستغرق مسار السبرايت ، قوة الهجوم ، سرعة الرصاص ، وزاوية التصوير كمعلمات.

حركة العدو منظمة العفو الدولية

متى يتحول العدو من مواجهة اليسار إلى مواجهة اليمين؟ بالنسبة إلى بطلنا ، نستخدم إدخال اللاعبين لتغيير الاتجاه الذي يواجهه بطلنا. بالنسبة لعدونا ، لدينا خياران: استخدام نوع من الموقت للتحويل إلى الاتجاه المواجه كل بضع ثوانٍ مع وجود العدو للوقوف بلا حراك ، أو جعل العدو يسير إلى بقعة معينة ثم تبديل اتجاهه المواجه ثم السير إلى مكان آخر لتبديل اتجاهها المواجه مرة أخرى.

يمكن استخدام هذه الطريقة الثانية كدورية منظمة العفو الدولية. بالطبع ، يمكننا فقط أن نجعل العدو يسير في اتجاه واحد ولن نعود أبدا.

يكون pseudocode للطريقة الأولى كما يلي:

function switchingAI()
{
 // elapsedTime() is a function that counts how many seconds has passed since its value is reset
 // I assume your engine of choice have this kind of functionality
 if (elapsedTime() > 4.0)
 {
 if (facing == "left")
 {
 facing = "right";
 shotAngle = 0;
 }

if (facing == "right")
 {
 facing = "left";
 shotAngle = 180;
 }

enemy.mirrorSprite(); // also flip the sprite horizontally
 resetTime(); // resets the time that counts in elapsedTime()
 }
}

switching AI function — تبديل وظائف الذكاء الاصطناعي

العدو بدوريات منظمة العفو الدولية

لكي نجعل دوريات منظمة العفو الدولية ، يجب أن نصنع جسدين غير مرئيين في نهاية كلتا طريقتين لدوريات العدو ، وأن نجعل العدو يتحرك بطريقة أخرى إذا ما اصطدم بهما.

this is how it looks in Construct 2 — بدوريات منظمة العفو الدولية

الآن دعونا نكتب pseudocode لدينا للذكاء الاصطناعى للعدو AI:

function patrollingAI()
{
 if (facing == "right")
 {
 walkRight(); // the same as the one in player object / class

if (collidesWith(rightPatrolBorder))
 {
 facing = "left";
 enemy.mirrorSprite();
 }
 }

 if (facing == "left")
 {
 walkLeft();

if (collidesWith(leftPatrolBorder))
 {
 facing = "right";
 enemy.mirrorSprite();
 }
 }
}

بعد ذلك ، سوف يقوم العدو بدوريات بين نقطتين كما نريد.

ولإعداد الذكاء الاصطناعي الذي يستخدمه العدو ، سنقوم بإضافة متغير واحد آخر بنوع سلسلة لعدونا: العدو AI. سيحدد هذا ما تستخدمه منظمة العفو الدولية لكل إطار ، مثل:

if (enemyAI == "switching")
{
 switchingAI();
}
else if (enemyAI == "patrolling")
{
 patrollingAI();
}

بالطبع يمكنك إضافة المزيد من نوع AI العدو إذا كنت تريد.

تغيير بالرصاص

دعونا نذهب حول كيف يمكننا أن نجعل الاختلافات بالرصاص لكل من اللاعب والعدو. نحن بصدد صنع الاختلافات بالرصاص من خلال تغيير شيئين: زاوية التصوير ، وعدد الرصاصة.

بهذه الطريقة يمكننا أن نطلق رصاصة واحدة بسيطة ، أو رصاصة ثلاثية موجهة. قبل أن نفعل ذلك سنجعل متغير آخر إلى كائن / فئة العدو المسمى shotAI ، وهو عبارة عن سلسلة. سنستخدم هذا في checkSees () لدينا التحقق من كتلة ، حيث يطلق النار على العدو. ستكون التغييرات التي يتم إجراؤها على كتلة الرموز هذه كما يلي:

// can be in update() or somewhere else that's executed every frame
function update()
{
 if (checkSees())
 {
 if (shotAI == "simple")
 {
 shoot("path/to/bulletSprite.png", enemyPower, 400, shotAngle);
 }

if (shotAI == "threeBullets")
 {
 shootThreeBullets();
 }
 }
}

بالطبع ، اسم الذكاء الاصطناعي ونوع النار الذي يطلقه العدو متروك لكم ، هذا مجرد مثال.

الآن ، دعونا نعمق في ما هو داخل وظيفة shootThreeBullets ().

Function shootThreeBullets()
{
 if (facing == "right")
 {
 shoot("path/to/bulletSprite.png", enemyPower, 400, 0); // this bullet goes straight to the right
 shoot("path/to/bulletSprite.png", enemyPower, 400, 330); // this goes up by 30 degrees
 shoot("path/to/bulletSprite.png", enemyPower, 400, 30); // this goes down by 30 degrees
 }

if (facing == "left")
 {
 shoot("path/to/bulletSprite.png", enemyPower, 400, 180); // this bullet goes straight to the left
 shoot("path/to/bulletSprite.png", enemyPower, 400, 210); // this goes up by 30 degrees
 shoot("path/to/bulletSprite.png", enemyPower, 400, 150); // this goes down by 30 degrees
 }
}

إذا لم تكن متأكدًا من سبب انتقال 0 إلى اليمين و 180 من اليسار إلى اليسار ، فذلك لأن اتجاه 0 درجة يسير بشكل مستقيم إلى الجانب الأيمن من الشاشة ، و 90 درجة تذهب إلى الجانب السفلي من الشاشة ، وهكذا حتى تصل إلى 360 درجة. بمجرد معرفة القيمة التي تذهب إليها ، يمكنك إنشاء صيغة اللقطة الخاصة بك.

يمكننا أيضًا عمل متغير shotAI للاعب ، لكنني أفضل أن نقوم بتسميته selectShot ، لأن لاعبنا سيختار الرمز النقطي بدلاً من مبرمج من البداية. تي

هو المنطق في الميجيمان في كل مرة يهزم فيها الميجوران رئيسه ، يحصل على قوة المدير كطلقة جديدة. سأحاول إعادة إنشاء هذا المنطق. للقيام بذلك ، نحتاج إلى مصفوفة تحتوي على لقطات اللاعب ، بما في ذلك لقطات عادية. الشفرة الزائفة هي كالتالي:

var shotArr = ["normalShot", "boss1", "boss2"];
var shotIndex = 0;
var selectedShot = "normalShot";

function update()
{
 // this is the block of code in player's update function where the player shoots a bullet

// this function changes the bullet that the player shoots
 changeBullet();

// player press this key once
 if (keyPressed(KEY_Z))
 {
 if (facing == "right")
 {
 hero.animate("Shoot");
 if ( selectedShot == "normalShot")
 {
 hero.shoot("path/to/sprite.png", 10, 400, 0);
 }
 else if ( selectedShot == "boss1")
 {
 // add codes to shoot the kind of shot that the player received after defeating boss 1
 }
 }
 }
}

function changeBullet()
{
 // changes shotIndex based on button pressed
 if (keyPressed(KEY_E))
 {
 shotIndex += 1;
 }

if (keyPressed(KEY_Q))
 {
 shotIndex -= 1;
 }

// fix shotIndex if it's out of array's length
 if (shotIndex == shotArr.length)
 {
 shotIndex = 0;
 }

if (shotIndex < 0)
 {
 shotIndex = shotArr.length -- 1;
 }

selectedShot = shotArr[shotIndex];
}

نحن بحاجة إلى تتبع متغيرين جديدين:

how to add an array to construct 2 — كيفية إضافة صفيف في بناء 2

سنقوم بدفع عناصر جديدة لقتل arr عندما يهزم اللاعب رئيسه.

ترقية لاعب الرصاص

تمامًا مثل تصوير ثلاث عيارات نارية () ، يمكنك أن تكون مبدعًا وأن تصنع أشكالًا مختلفة من اللقطات. بما أن هذا هو رصاصة البطل ، دعنا نعطيه شيئًا مميزًا.

لنجعل نوعًا واحدًا من اللقطات فعالة ضد رئيس معين ، بحيث يتسبب في المزيد من الضرر. للقيام بذلك ، سنقوم بإنشاء متغير لكائن التعداد النقطي المسمى strongAgainst وهو متغير نوع سلسلة آخر يحتوي على اسم المدير الذي يكون هذا الرمز النشط فعالاً. سنضيف هذه الصفقات المزيد من وظائف الضرر عندما نناقش الجزء الرئيسي من اللعبة

الصحة والموت

هذا هو المكان الذي تبدأ فيه جميع الاختلافات في اللقطات التي نتناولها في الواقع. هذا هو المكان الذي يدمر فيه بطلنا ويقتل العدو ، والعكس الآخر.

لنبدأ ، لنصنع متغيرًا لكلٍّ من البطل وجسم العدو ، المسمى بالصحة وهو int ، ومتغير آخر للبطل المسمى بالأرواح. دعونا نلقي نظرة على pseudocode:

if (bullet.collidesWith(hero))
{
 hero.health -= bullet.power;
 createExplosion(); // for now we don't have an explosion sprite, so this will act as a reminder
}

// check if the hero is dead
if (hero.health <= 0)
{
 hero.lives -= 1; // decreases hero's total number of lives.
 destroyHero();
}

سنجعل نفس pseudocode لأعداء مدمرين ، مثل:

if (bullet.collidesWith(enemy))
{
 enemy.health -= bullet.power;
 createExplosion();
}

if (enemy.health <= 0)
{
 destroyEnemy();
}

bullet collides with player and enemy — التعامل مع الاصطدامات بالرصاص بين اللاعب والعدو

شريط الصحة واجهة المستخدم الرسومية

الآن ، إذا تركتها عندها لن تكون مثيرة للاهتمام. لذلك سأقوم بعمل عجينة مستطيلة في أعلى الزاوية اليسرى من الشاشة التي تعمل بمثابة شريط صحي لبطلنا.

هذا الشريط الصحي سيتغير تبعا لصحة بطلنا الحالية. الصيغة لتغيير طول الشريط الصحي هي:

// this is in the update function
healthBar.width = (hero.health / hero.maxHealth) * 100;

نحن بحاجة إلى متغير واحد آخر لبطلنا يسمى maxHealth؛ القيمة الصحية الكاملة للبطل لدينا. في الوقت الحالي لا يمكن تغيير هذه القيمة ولكن ربما في المستقبل يمكننا إنشاء عنصر يزيد من حجم maxHealth في Hero.

خلق لعبة العالم

الآن بعد أن أنشأنا بطلنا وعدواتنا وإطلاق النار ، نحتاج إلى إنشاء مستويات متعددة ورؤساء.

للحصول على مستويات متعددة يعني أنه في مرحلة ما في اللعبة ، سيصل اللاعب إلى نقطة تفتيش واحدة أو أكثر ، والتي تحول اللعبة من المستوى 1-1 إلى المستوى 1-2 إلى المستوى 1-3 وما إلى ذلك حتى تصل إلى المدير.

عندما يموت اللاعب في مكان ما في المستوى 1-2 ، فهو لا يحتاج إلى إعادة اللعب من البداية إلى المستوى 1-1. كيف أفعل هذا؟ سنقوم أولاً بتكوين المستوى ، ولن أشرح الكثير عن مستوى التصميم ، ولكن هنا هو مستوى المثال في Construct 2

sample level design — تصميم مستوى العينة

الصورة في أعلى الزاوية اليسرى هي طبقة HUD. سيتم التمرير ، تتبع البطل عند لعب اللعبة.

الأبواب ونقاط التفتيش

أحد الرموز المتحركة التي يجب الانتباه إليها هي السبرايت الأخضر في الجزء العلوي الأيمن من المستوى. إنها نقطة التفتيش في هذا المستوى عندما يصطدم بها البطل سننقل اللعبة إلى المستوى 1-2.

للتعامل مع مستويات متعددة ، نحتاج إلى ثلاثة متغيرات: currentLevel ، و levelName ، و nextLevel.

يتم إنشاء متغير currentLevel في كائن / فئة البطل. يتم إنشاء اسم المستوى في كائن المشهد (المستوى) اللعبة لكل مستوى. يتم إنشاء متغير nextLevel في كائن sprite الأخضر.

المنطق هو كما يلي: عندما يصطدم البطل بالعفريت الأخضر (أسميها greenDoor) ، سوف نغير مستوىنا إلى مشهد اللعبة الذي يكون فيه levelName هو نفس المتغير nextLevel. بعد أن نغير المستوى ، سنغير قيمة المتغير currentLelo الخاص بالبطلة إلى نفس مستوى مستوى اسم لعبة المشهد. هنا هو pseudocode:

// this is inside game's update function
if (hero.collidesWith(greenDoor))
{
 changeLevelTo(greenDoor.nextLevel);
}

change level when touches green door — تغيير المستويات عندما نلمس الباب الأخضر

تهيئة مستوى جديد

هنا هو pseudocode للتعامل مع عندما يتم تحميل المستوى التالي وجاهزة للعب.

// this is the function that's triggered when the new level is loaded
function onStart()
{
 hero.currentLevel = scene.LevelName;
 hero.x = startPos.x;
 hero.y = startPos.y;
}

مشغلات بدء المشغل

الآن بعد أن تغيرنا إلى مستوى جديد سأشرح السبورة البرتقالية خلف بطلنا في صورة تصميم المستوى أعلاه. هذا العفريت البرتقالي هو كائن أسميه startPos. يتم استخدامه لوضع علامة على بداية كل مستوى.

نشير إلى هذا الكائن عندما تغير البطل مستوياته أو مات ، حتى نعرف أين نفرغه.

هنا هو pseudocode للتعامل عندما يموت البطل:

// the function that's triggered when the hero is destroyed
Function onDestroyed()
{
 // revives hero if the hero still have lives.
 If (hero.lives > 0)
 {
 var newHero = new Hero();
 newHero.x = startPos.x;
 newHero.y = startPos.y;
 }
}

الآن يمكننا أن نحصل على مستويات متعددة ويمكننا أيضًا أن نسلّم البطل بعد موته.

يمكنك إنشاء العديد من المستويات كما تريد ، أو حتى إنشاء جهازي greenDoor في المستوى الذي يعود أحدهما إلى المستوى 1-1 إذا حل اللاعب لغزًا بطريقة خاطئة.

معارك بوس

لقد حان الوقت لتنفيذ الرئيس نفسه. لجعل مستوى رئيسه هو بسيط مثل جعل مستوى آخر الذي سوف تفرخ رئيسه بدلا من الأعداء العادية.

الجزء الصعب هو خلق الذكاء الاصطناعي للمدرب لأن كل رئيس سيكون لديه منظمة العفو الدولية الفريدة. ولكي نجعل من السهل فهم وتكرار الكثير من الرؤساء ، فإنني سأجعل من رئيس منظمة العفو الدولية يعتمد على الوقت بعد أن يتم إنتاجه. مما يعني أنها ستفعل A لـ x ثانية ، ثم تتغير إلى B لـ y ثانية ثم تقوم بـ C لمدة دقيقة z قبل أن تعود إلى A. سيبدو pseudocode كما يلي:

// this code is inside the boss update function, so it's executed every frame
if (elapsedTime() > 2.0)
{
 // this if block is executed for 3 seconds, because the difference in time with the if block below
 // is three seconds.
 BossShot1(); // shot variation to be executed this time
}
else if (elapsedTime() > 5.0)
{
 bossShot2();
}
else if (elapsedTime() > 6.0)
{
 bossShot3();
}

if (elapsedTime() > 7.0)
{
 // reset the time so the boss executes the first action again
 resetsTime();
}

تعريف وظائف اطلاق النار رئيس أدناه. لا تتردد في تغييره ليتناسب مع ما تريده لمحاربة قتال:

function bossShot1()
{
 // a simple straight shot
 bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle); // shotAngle is 180
}

function bossShot2()
{
 // a three direction bullets shot
 bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle);
 bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle + 30);
 bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle - 30);
}

function bossShot3()
{
 // for this one, I'm going to make a circle shot, so the bullets will form a circle
 for (var i = 0; i <= 9; i++)
 {
 bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, 36 * i); // change the shotAngle
 }
}

الأمر متروك لك لإضافة الاختلافات بالرصاص لروتين رئيسه. المتغيرات المستخدمة من قبل كائن العدو الرئيسي هي نفسها ككائن العدو ، باستثناء أن الرؤساء لا يستخدمون العدو ومتغيرات shotAI ، حيث سيتم التعامل مع كليهما في حالة وجود كتلة فوق حسب الوقت المنقضي.

أعداء بوس لديهم أيضا متغير أن كائنات العدو لا. يطلق عليه rewardShot ، وهي سلسلة. يحمل هذا المتغير اسم اللقطة التي سيحصل عليها اللاعب بعد هزيمة رئيسه (تلك الموجودة في متغير مصفوفة shotArr).

هذا سيسمح للاعب "بتعلم" هجوم المدير كما هو موضح في وقت سابق. لإضافة هذا النوع من اللقطات إلى مجموعة لقطات اللاعبين ، سنحتاج إلى إضافة الشفرة التالية بعد وفاة العدو:

function bossShot1()
{
    // a simple straight shot
    bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle); // shotAngle is 180
}

function bossShot2()
{
    // a three direction bullets shot
    bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle);
    bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle + 30);
    bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, shotAngle - 30);
}

function bossShot3()
{
    // for this one, I'm going to make a circle shot, so the bullets will form a circle
    for (var i = 0; i <= 9; i++)
    {
        bossEnemy.shoot("path/to/bullet/sprite.png", bossPower, 400, 36 * i); // change the shotAngle
    }
}

لتنفيذ أنواع إضافية من التذييلات لكي يستمتع بها لاعبوكم ، كل ما عليك فعله هو إضافة الشفرة المناسبة لكل مكافأة إطلاقها ، تمامًا كما فعلنا سابقًا.

تهانينا!

لقد قمت بإكمال البرنامج التعليمي الخاص بي حول كيفية إنشاء لعبة platformer تشبه لعبة Metroidvania تشبه لعبة Megaman في Construct 2. والبقية هي بناء اللعبة بناءً على ما تعلمته هنا لجعله ملكًا لك. إضافة المزيد من أنواع العدو ، والمزيد من المستويات ، بووروبس وأكثر من ذلك. حظا جيدا و استمتع.