عمل ألعاب Phaser 3 بالذكاء الاصطناعي
Phaser 3 أشهر إطار JavaScript لألعاب المتصفح 2D. بيديك مشاهد وفيزياء وتحكم وصوت جاهزين، وده بيخليه مثالي للذكاء الاصطناعي: كود أقل وحاجات أقل تبوظ.
المشاهد هي الهيكل
لعبة Phaser عبارة عن مشاهد: Boot وMenu وPlay وGameOver، وكل مشهد فيه preload وcreate وupdate. اطلب الهيكل ده من الأول عشان اللعبة تبقى سهلة التوسيع وإعادة التشغيل نضيفة.
الفيزياء والإحساس
إحساس اللعبة بييجي من الأرقام: الجاذبية وسرعة القفز والتسارع. اطلب coyote time وjump buffering في ألعاب المنصات، وكاميرا بتتبع بنعومة.
// A minimal Phaser 3 scene with arcade physics and a player
class Play extends Phaser.Scene {
create() {
this.player = this.add.rectangle(100, 300, 32, 32, 0x3b82f6);
this.physics.add.existing(this.player);
this.player.body.setCollideWorldBounds(true);
this.cursors = this.input.keyboard.createCursorKeys();
}
update() {
const body = this.player.body;
body.setVelocityX(0);
if (this.cursors.left.isDown) body.setVelocityX(-240);
if (this.cursors.right.isDown) body.setVelocityX(240);
if (this.cursors.up.isDown && body.blocked.down) body.setVelocityY(-460);
}
}
new Phaser.Game({
type: Phaser.AUTO, width: 800, height: 450, backgroundColor: '#0b1020',
physics: { default: 'arcade', arcade: { gravity: { y: 900 } } },
scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH },
scene: Play,
});رسومات من غير ملفات
تقدر تعمل ألعاب Phaser شكلها حلو من غير صور: textures بـ Graphics وجزيئات وحركات للواجهة. Topvon بيبني كده افتراضياً فاللعبة بتحمل فوراً.
الموبايل والنشر
استخدم Phaser.Scale.FIT مع autoCenter وأزرار لمس للموبايل، وابني اللعبة في السوبر كمبيوتر وانشرها برابط واحد.
أسئلة شائعة
Phaser مناسب للمبتدئين؟
أيوه، ومع الذكاء الاصطناعي بتبدأ من لعبة شغالة وتعدلها بكلامك.
يقدر يستخدم الـ sprites بتاعتي؟
أيوه، قول مقاسات الـ sprite sheet والفريمات.
Phaser ولا Canvas عادي؟
Phaser للمنصات والتصويب والـ tiles، وCanvas للألعاب الصغيرة جداً.
بيشتغل على الموبايل؟
أيوه بالـ Scale Manager وأزرار اللمس.