Scribd Logo
Upload

Welcome to Scribd!

  • Kod

    Uploaded by

    FinPlay
    20 views3 pages
    The document defines functions for moving a rectangle on a canvas using buttons. It initializes a canvas element, defines a player rectangle object, and includes functions for moving the rectangle, updating the display, and clearing the canvas. Movement is triggered by onmousedown events on buttons to move the rectangle up, left, right, and down.

    Original Description:

    Original Title

    kod

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document defines functions for moving a rectangle on a canvas using buttons. It initializes a canvas element, defines a player rectangle object, and includes functions for moving the rectangle, updating the display, and clearing the canvas. Movement is triggered by onmousedown events on buttons to move the rectangle up, left, right, and down.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    20 views3 pages

    Kod

    Uploaded by

    FinPlay
    The document defines functions for moving a rectangle on a canvas using buttons. It initializes a canvas element, defines a player rectangle object, and includes functions for moving the rectangle, updating the display, and clearing the canvas. Movement is triggered by onmousedown events on buttons to move the rectangle up, left, right, and down.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body onload='zaidimas()'>

    <style>

    canvas{
    background-color: green;

    div {
    text-align: center;
    width: 300px;
    }
    button{
    width: 60px;
    background-color: thistle;
    }
    </style>

    <div>
    <button onmousedown="aukstyn()" onmouseup="judek()"> Aukstyn </button>
    <button onmousedown="kairen()" onmouseup="judek()"> Kairen </button>
    <button onmousedown="desinen()" onmouseup="judek()"> Desinen </button>
    <button onmousedown="apacion()" onmouseup="judek()"> Apacion </button>
    </div>

    <script>

    function zaidimas(){
    ekranas.start()
    figura = new veikejas(25,25,"aqua",50,25);
    }

    var ekranas = {
    canvas: document.createElement('canvas'),
    start: function(){
    this.canvas.width = 350;
    this.canvas.height = 250;
    this.context = this.canvas.getContext('2d');
    document.body.insertBefore(this.canvas, document.body.childNodes[0]);
    this.interval = setInterval(ekranoAtnaujinimas, 20)
    },
    clear:function(){
    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    }

    }
    function veikejas(width, height, color, x, y){
    this.width = width;
    this.height = height;
    this.x = 0;
    this.y = 0;
    this.update = function(){
    ctx = ekranas.context;
    ctx.fillStyle = color;
    ctx.fillRect(this.x,this.y,this.width,this.height)
    }
    this.pozicija = function(){
    this.x += this.speedX
    this.y += this.speedY
    }

    function ekranoAtnaujinimas(){
    ekranas.clear();
    figura.pozicija();
    figura.update();
    }

    function judek(){
    figura.speedX = 0;
    figura.speedY = 0;
    }

    function aukstyn(){
    figura.speedY += 1
    }

    function kairen(){
    figura.speedX -= 1
    }

    function desinen(){
    figura.speedX += 1
    }

    function apacion(){
    figura.speedY -= 1
    }

    // var komanda = new Array("Zalgiris", "Rytas", "Neptunas", "Juventus");


    // var dubleriai = new Array("Zalgiris4", "Perlas4", "Neptunas40", "Vytis40")

    // var united = komanda.concat(dubleriai)


    // document.write(united[4]);

    // var komanda2 = new Array(6);


    // komanda2[0] = 'Dziugas';
    // komanda2[1] = 'Banga';
    // komanda2[2] = 'Riteriai';
    // komanda2[3] = 'Atlantas';
    // komanda2[4] = 'BC Vilnius';

    // document.write(komanda2 [4]);

    // var komanda3 = new Array();


    // komanda3[0] = "Titanai";
    // komanda3[1] = "Lituanika";
    // komanda3[2] = 'BC Vilnius';

    // document.write(komanda3 [2])

    // function LKL(pavadinimas, miestas, ikurimo_metai, komanda){


    // this.pavadinimas = pavadinimas;
    // this.miestas = miestas;
    // this.ikurimo_metai = ikurimo_metai;
    // this.komanda = dabartis;
    // }

    // function dabartis(){
    // var LKL2021 = 2021 - this.ikurimo_metai
    // return LKL2021;
    // }

    // var kaunas = new LKL('Zalgiris', 'Kaunas', 1949)


    // var vilnius = new LKL('Rytas', 'Vilnius', 1990)
    // var klaiipeda = new LKL('Neptunas', 'Klaipeda', 1994)

    // document.write(vilnius.komanda())

    </script>

    </body>
    </html>

    You might also like