Scribd Logo
Upload

Welcome to Scribd!

  • القطار

    Uploaded by

    azazazt909090
    4 views4 pages
    This document contains the code for a Subway Surfers game. It defines variables to track the player, trains, and score. Functions are used to start the game, continuously update the player and train positions, render the game graphics, and handle user input and a game over condition. The game renders a player character that can move left and right, avoids oncoming trains that move from left to right, and tracks the score.

    Original Description:

    123456

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the code for a Subway Surfers game. It defines variables to track the player, trains, and score. Functions are used to start the game, continuously update the player and train positions, render the game graphics, and handle user input and a game over condition. The game renders a player character that can move left and right, avoids oncoming trains that move from left to right, and tracks the score.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views4 pages

    القطار

    Uploaded by

    azazazt909090
    This document contains the code for a Subway Surfers game. It defines variables to track the player, trains, and score. Functions are used to start the game, continuously update the player and train positions, render the game graphics, and handle user input and a game over condition. The game renders a player character that can move left and right, avoids oncoming trains that move from left to right, and tracks the score.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    <!

    DOCTYPE html>

    <html lang="en">

    <head>

    <title>‫ لعبة‬Subway Surfers</title>

    </head>

    <body>

    <canvas id="canvas" width="500" height="500"></canvas>

    <script>

    const canvas = document.getElementById("canvas");

    const ctx = canvas.getContext("2d");

    // ‫تعريف المتغيرات‬

    let player = {

    x: 250,

    y: 250,

    width: 50,

    height: 50

    };

    let trains = [];

    let score = 0;

    // ‫بدء اللعبة‬

    function startGame() {

    trains = [

    x: 0,

    y: 0,

    width: 100,

    height: 100,

    dx: 5

    },

    {
    x: 500,

    y: 0,

    width: 100,

    height: 100,

    dx: -5

    ];

    render();

    // ‫تحديث اللعبة‬

    function update() {

    player.x += player.dx;

    // ‫فحص التصادم مع القطارات‬

    for (let i = 0; i < trains.length; i++) {

    if (player.x + player.width > trains[i].x && player.x < trains[i].x + trains[i].width &&

    player.y + player.height > trains[i].y && player.y < trains[i].y + trains[i].height) {

    gameOver();

    // ‫فحص التصادم مع الحواف‬

    if (player.x < 0 || player.x >= 500) {

    gameOver();

    } else if (player.y < 0 || player.y >= 500) {

    gameOver();

    render();

    }
    // ‫رسم اللعبة‬

    function render() {

    ctx.clearRect(0, 0, canvas.width, canvas.height);

    // ‫رسم الالعب‬

    ctx.fillStyle = "black";

    ctx.fillRect(player.x, player.y, player.width, player.height);

    // ‫رسم القطارات‬

    for (let i = 0; i < trains.length; i++) {

    ctx.fillStyle = "red";

    ctx.fillRect(trains[i].x, trains[i].y, trains[i].width, trains[i].height);

    // ‫عرض النتيجة‬

    ctx.fillStyle = "white";

    ctx.font = "20px Arial";

    ctx.fillText("‫النتيجة‬: " + score, 20, 20);

    // ‫التعامل مع األحداث‬

    window.addEventListener("keydown", function(event) {

    if (event.keyCode === 38) { // up

    player.dx = -5;

    } else if (event.keyCode === 40) { // down

    player.dx = 5;

    });

    // ‫بدء اللعبة‬

    startGame();
    // ‫معالجة انتهاء اللعبة‬

    function gameOver() {

    ctx.fillStyle = "red";

    ctx.font = "40px Arial";

    ctx.fillText("250 ,200 ,"‫;)انتهى اللعب‬

    </script>

    </body>

    </html>

    You might also like