أحدث البرامج التعليمية وتطوير الشبكة
 

HTML لعبة البرنامج التعليمي


تعلم كيفية جعل الألعاب باستخدام أي شيء ولكن HTML و JavaScript.


انها محاولة لنفسك أمثلة

ويتضمن هذا البرنامج التعليمي العديد من الأمثلة التي سوف تساعدك على تطوير كنت الخاصة ألعاب HTML.

مع محرر موقعنا على الانترنت، يمكنك تحرير التعليمات البرمجية، وانقر على زر لعرض النتيجة.

مثال

function startGame() {
    myGamePiece = new component(30, 30, "red" , 10, 120);
    myGamePiece.gravity = 0.05;
    myScore = new component("30px", "Consolas" , "black" , 280, 40, "text");
    myGameArea.start();
}

var myGameArea = {
    canvas : document.createElement("canvas"),
    start : function() {
        this.canvas.width = 480;
        this.canvas.height = 270;
        this.context = this.canvas.getContext("2d");
        document.body.insertBefore(this.canvas, document.body.childNodes[0]);
        this.frameNo = 0;
    },
    clear : function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    }
}
انها محاولة لنفسك »