textTween

by nish_mish

HTML

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">

    <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no" />

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <style>
        body {
            overflow: hidden;
            background-color: #222222;
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }

    </style>

</head>

<body>
    <script src="//cdn.jsdelivr.net/npm/[email protected]/dist/phaser.min.js"></script>

</body>

</html>

JavaScript

let game = new Phaser.Game({
    type: Phaser.AUTO,
     scene: {
        preload: preload,
        create: create
    },
    scale: {
        width: 1920,
        height: 1080,
        resolution: window.devicePixelRatio,
        mode:  Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.Center.CENTER_BOTH
    },
    antialias: true
})

function preload ()
{
}


function create ()
{
    // Seçilen Sayılar Bölümü
    
    const r1 = this.add.line(1225, 10, 0, 0, 0, 1500, 0xecf0f1);
    r1.setLineWidth(5, 5)
    const r2 = this.add.line(1125, 10, 0, 0, 0, 1500, 0xecf0f1);
    r2.setLineWidth(5, 5)
        // Toplama İşlemi

    let Toplanan1 = Math.floor((Math.random() * 8) + 1);
    let Toplanan2 = Math.floor((Math.random() * 8) + 1);


    this.add.text(650, 50, Toplanan1, { fontSize: '20em', fill: '#ecf0f1' });
    this.add.text(650, 220, Toplanan2, { fontSize: '20em', fill: '#ecf0f1' });
    const r3 = this.add.line(670, 400, 0, 0, 250, 0, 0xecf0f1);
    r3.setLineWidth(4, 4)
    const r4 = this.add.line(580, 370, 0, 0, 25, 0, 0xecf0f1);
    r4.setLineWidth(3, 3)
    const r5 = this.add.line(580, 370, 0, 0, 0, 25, 0xecf0f1);
    r5.setLineWidth(3, 3)

    const daire1 = this.add.ellipse(450, 120, 300, 150);
    daire1.setStrokeStyle(3, 0xecf0f1)
    const daire2 = this.add.ellipse(450, 300, 300, 150);
    daire2.setStrokeStyle(3, 0xecf0f1)
        // resetleme

    let reset = this.add.text(10, 10, "reset", { fontSize: '8em', fill: '#ecf0f1' }).setInteractive()

    reset.on('pointerdown', () => {
        this.scene.restart();

    });

    let reset2 = this.add.text(10, 50, "reset2", { fontSize: '8em', fill: '#ecf0f1' }).setInteractive()
    
    let textStyle =  {fontSize: '7em', fill: '#ecf0f1' };
    let posX = 1150;
    let posY = 10;
    let text;
    this.TextArr = []
    for (let i = 1; i <= 18; i++) {
        
        if(i==10){
            posX = 1250;
            posY = 10;
        }
        text = this.add.text(posX, posY, i.toString(), textStyle);
...