AI game creator

Click here for free DL of the app version that can save data.

No:44043

←

Prev Next

→

Chess
Developer User19300｜Date and time 24/2/17 3:10:40
Build time 11.117 sec｜Game capacity 2.841KB｜

Script

نطبق شروطك ونقوم بتطوير لعبة الشطرنج المصغرة باستخدام لغة HTML و JavaScript. النص البرمجي يمكن العثور عليه في الأدنى:

تم تضمين لعبة الشطرنج في ملف HTML واحد، حيث يتم استدعاء ملف الصورة "emozi_himawari.png" الذي يحتوي على صور للقطع ويتم رسم اللوحة والقطع باستخدام JavaScript ضمن عنصر الكانفاس في HTML. يرجى ملاحظة أنه يجب وضع ملف الصورة "emozi_rabbit.png" في نفس المجلد مع ملف HTML لضمان تشغيل اللعبة بشكل صحيح.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>لعبة الشطرنج</title>
</head>
<body>
    <canvas id="chessBoard" width="480" height="480"></canvas>
    
    <script>
        // بداية عملية المعالجة
        window.onload = function() {
            // استعداد اللوحة
            var canvas = document.getElementById("chessBoard");
            var ctx = canvas.getContext("2d");
            
            // تحديد حجم الخانة
            var cellSize = canvas.width / 8;
            
            // تحضير الصورة
            var piecesImage = new Image();
            piecesImage.src = "pieces.png";
            
            // تأكد من تحميل الصورة قبل رسم اللوحة
            piecesImage.onload = function() {
                drawBoard();
                drawPieces();
            }
            
            // رسم اللوحة
            function drawBoard() {
                for (var row = 0; row < 8; row++) {
                    for (var col = 0; col < 8; col++) {
                        ctx.fillStyle = (row + col) % 2 === 0 ? "#f0d9b5" : "#b58863";
                        ctx.fillRect(col * cellSize, row * cellSize, cellSize, cellSize);
                    }
                }
            }
            
            // رسم القطع
            function drawPieces() {
                var pieceChars = "♔♕♖♗♘♙♚♛♜♝♞♟";
                
                for (var row = 0; row < 8; row++) {
                    for (var col = 0; col < 8; col++) {
                        var pieceChar = pieceChars[row * 8 + col];
                        var pieceRow = Math.floor(pieceChar.charCodeAt(0) / 6) - 9800;
                        var pieceCol = pieceChar.charCodeAt(0) % 6 - 2;
                        
                        ctx.drawImage(
                            piecesImage,
                            pieceCol * 64, pieceRow * 64, 64, 64,
                            col * cellSize, row * cellSize, cellSize, cellSize
                        );
                    }
                }
            }
        };
    </script>
</body>
</html>
```

تم تضمين لعبة الشطرنج في ملف HTML واحد، حيث يتم استدعاء ملف الصورة "pieces.png" الذي يحتوي على صور للقطع ويتم رسم اللوحة والقطع باستخدام JavaScript ضمن عنصر الكانفاس في HTML.

يرجى ملاحظة أنه يجب وضع ملف الصورة "pieces.png" في نفس المجلد مع ملف HTML لضمان تشغيل اللعبة بشكل صحيح.