TankWar

Running

App Files Files Community

cutechicken commited on Nov 28, 2024

Commit

c80e234

verified ·

1 Parent(s): 9e9c255

Update index.html

Browse files

Files changed (1) hide show

index.html +1 -386

index.html CHANGED Viewed

@@ -1,386 +1 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Tank Battle</title>
-    <style>
-        body {
-            margin: 0;
-            overflow: hidden;
-            background: #333;
-            font-family: Arial;
-        }
-        #gameCanvas {
-            background-repeat: repeat;
-        }
-        #instructions {
-            position: fixed;
-            top: 10px;
-            right: 10px;
-            color: white;
-            background: rgba(0,0,0,0.7);
-            padding: 10px;
-            border-radius: 5px;
-            z-index: 1000;
-        }
-        #weaponInfo {
-            position: fixed;
-            top: 150px;
-            right: 10px;
-            color: white;
-            background: rgba(0,0,0,0.7);
-            padding: 10px;
-            border-radius: 5px;
-            z-index: 1000;
-            font-size: 18px;
-        }
-        .button {
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            padding: 20px 40px;
-            font-size: 24px;
-            background: #4CAF50;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            display: none;
-            z-index: 1000;
-        }
-        #countdown {
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            font-size: 72px;
-            color: white;
-            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-            z-index: 1000;
-            display: none;
-        }
-    </style>
-</head>
-<body>
-    <div id="instructions">
-        Controls:<br>
-        WASD - Move tank<br>
-        Mouse - Aim<br>
-        Space - Fire<br>
-        C - Switch Weapon
-        R - Toggle Auto-fire
-    </div>
-    <div id="weaponInfo">Current Weapon: Cannon</div>
-    <div id="countdown">3</div>
-    <button id="nextRound" class="button">Next Round</button>
-    <button id="restart" class="button">Restart Game</button>
-    <canvas id="gameCanvas"></canvas>
-    <script>
-        const canvas = document.getElementById('gameCanvas');
-        const ctx = canvas.getContext('2d');
-        const nextRoundBtn = document.getElementById('nextRound');
-        const restartBtn = document.getElementById('restart');
-        const weaponInfo = document.getElementById('weaponInfo');
-        const countdownEl = document.getElementById('countdown');
-        canvas.width = window.innerWidth;
-        canvas.height = window.innerHeight;
-        // Game state
-        let currentRound = 1;
-        let gameOver = false;
-        let currentWeapon = 'cannon';
-        let enemies = [];
-        let bullets = [];
-        let items = [];
-        let lastShot = 0;
-        let isCountingDown = true;
-        let countdownTime = 3;
-        let autoFire = false;
-        // Load assets
-        const backgroundImg = new Image();
-        backgroundImg.src = 'city.png';
-        const playerImg = new Image();
-        playerImg.src = 'player.png';
-        const enemyImg = new Image();
-        enemyImg.src = 'enemy.png';
-        // Audio setup
-        const cannonSound = new Audio('firemn.ogg');
-        const machinegunSound = new Audio('firemg.ogg');
-        const enemyFireSound = new Audio('fireenemy.ogg');
-        enemyFireSound.volume = 0.5;
-        const weapons = {
-            cannon: {
-                fireRate: 1000,
-                damage: 0.25,
-                bulletSize: 5,
-                sound: cannonSound
-            },
-            machinegun: {
-                fireRate: 200,
-                damage: 0.05,
-                bulletSize: 2,
-                sound: machinegunSound
-            }
-        };
-        // Player setup
-        const player = {
-            x: canvas.width/2,
-            y: canvas.height/2,
-            speed: 5,
-            angle: 0,
-            width: 100,
-            height: 45,
-            health: 1000,
-            maxHealth: 1000
-        };
-        function startCountdown() {
-            isCountingDown = true;
-            countdownTime = 3;
-            countdownEl.style.display = 'block';
-            countdownEl.textContent = countdownTime;
-            const countInterval = setInterval(() => {
-                countdownTime--;
-                if(countdownTime <= 0) {
-                    clearInterval(countInterval);
-                    countdownEl.style.display = 'none';
-                    isCountingDown = false;
-                }
-                countdownEl.textContent = countdownTime > 0 ? countdownTime : 'GO!';
-            }, 1000);
-        }
-        class Enemy {
-            constructor() {
-                this.x = Math.random() * canvas.width;
-                this.y = Math.random() * canvas.height;
-                this.health = 1000;
-                this.maxHealth = 1000;
-                this.speed = 2;
-                this.lastShot = 0;
-                this.shootInterval = 1000;
-                this.angle = 0;
-                this.width = 100;
-                this.height = 45;
-                this.moveTimer = 0;
-                this.moveInterval = Math.random() * 2000 + 1000;
-                this.moveAngle = Math.random() * Math.PI * 2;
-            }
-            update() {
-                if(isCountingDown) return;
-                const now = Date.now();
-                // Movement
-                if (now - this.moveTimer > this.moveInterval) {
-                    this.moveAngle = Math.random() * Math.PI * 2;
-                    this.moveTimer = now;
-                }
-                this.x += Math.cos(this.moveAngle) * this.speed;
-                this.y += Math.sin(this.moveAngle) * this.speed;
-                // Bounds check
-                this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
-                this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
-                // Aim at player
-                this.angle = Math.atan2(player.y - this.y, player.x - this.x);
-                // Shooting
-                if (now - this.lastShot > this.shootInterval && !isCountingDown) {
-                    this.shoot();
-                    this.lastShot = now;
-                }
-            }
-            shoot() {
-                enemyFireSound.cloneNode().play();
-                bullets.push({
-                    x: this.x + Math.cos(this.angle) * 30,
-                    y: this.y + Math.sin(this.angle) * 30,
-                    angle: this.angle,
-                    speed: 5,
-                    isEnemy: true,
-                    size: 3
-                });
-            }
-        }
-        function initRound() {
-            enemies = [];
-            for(let i = 0; i < 1 * currentRound; i++) {
-                enemies.push(new Enemy());
-            }
-            player.health = player.maxHealth;
-            bullets = [];
-            items = [];
-            startCountdown();
-        }
-        canvas.addEventListener('mousemove', (e) => {
-            player.angle = Math.atan2(e.clientY - player.y, e.clientX - player.x);
-        });
-        const keys = {};
-             document.addEventListener('keydown', e => {
-          keys[e.key] = true;
-          if(e.key.toLowerCase() === 'c') {
-              currentWeapon = currentWeapon === 'cannon' ? 'machinegun' : 'cannon';
-              weaponInfo.textContent = `Current Weapon: ${currentWeapon.charAt(0).toUpperCase() + currentWeapon.slice(1)}`;
-          } else if(e.key.toLowerCase() === 'r') {
-              autoFire = !autoFire;
-          }
-      });
-        document.addEventListener('keyup', e => keys[e.key] = false);
-        function fireBullet() {
-            if(isCountingDown) return;
-            const weapon = weapons[currentWeapon];
-            const now = Date.now();
-            if ((keys[' '] || autoFire) && now - lastShot > weapon.fireRate) {
-                weapon.sound.cloneNode().play();
-                bullets.push({
-                    x: player.x + Math.cos(player.angle) * 30,
-                    y: player.y + Math.sin(player.angle) * 30,
-                    angle: player.angle,
-                    speed: 10,
-                    isEnemy: false,
-                    damage: weapon.damage,
-                    size: weapon.bulletSize
-                });
-                lastShot = now;
-            }
-        }
-        function updateGame() {
-            if(gameOver) return;
-            if(!isCountingDown) {
-                if(keys['w']) player.y -= player.speed;
-                if(keys['s']) player.y += player.speed;
-                if(keys['a']) player.x -= player.speed;
-                if(keys['d']) player.x += player.speed;
-                player.x = Math.max(player.width/2, Math.min(canvas.width - player.width/2, player.x));
-                player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
-                fireBullet();
-            }
-            enemies.forEach(enemy => enemy.update());
-            if(!isCountingDown) {
-                // Update bullets and collisions
-                bullets = bullets.filter(bullet => {
-                    bullet.x += Math.cos(bullet.angle) * bullet.speed;
-                    bullet.y += Math.sin(bullet.angle) * bullet.speed;
-                    if(!bullet.isEnemy) {
-                        enemies = enemies.filter(enemy => {
-                            const dist = Math.hypot(bullet.x - enemy.x, bullet.y - enemy.y);
-                            if(dist < 30) {
-                                enemy.health -= enemy.maxHealth * bullet.damage;
-                                if(enemy.health <= 0) {
-                                    spawnHealthItem(enemy.x, enemy.y);
-                                    return false;
-                                }
-                                return true;
-                            }
-                            return true;
-                        });
-                    } else {
-                        const dist = Math.hypot(bullet.x - player.x, bullet.y - player.y);
-                        if(dist < 30) {
-                            player.health -= 100;
-                            if(player.health <= 0) {
-                                gameOver = true;
-                                restartBtn.style.display = 'block';
-                            }
-                            return false;
-                        }
-                    }
-                    return bullet.x >= 0 && bullet.x <= canvas.width &&
-                           bullet.y >= 0 && bullet.y <= canvas.height;
-                });
-                items = items.filter(item => {
-                    const dist = Math.hypot(item.x - player.x, item.y - player.y);
-                    if(dist < 30) {
-                        player.health = Math.min(player.health + 200, player.maxHealth);
-                        return false;
-                    }
-                    return true;
-                });
-                if(enemies.length === 0) {
-                    if(currentRound < 10) {
-                        nextRoundBtn.style.display = 'block';
-                    } else {
-                        gameOver = true;
-                        restartBtn.style.display = 'block';
-                    }
-                }
-            }
-        }
-        function spawnHealthItem(x, y) {
-            items.push({x, y});
-        }
-        function drawHealthBar(x, y, health, maxHealth, width, height, color) {
-            ctx.fillStyle = '#333';
-            ctx.fillRect(x - width/2, y - height/2, width, height);
-            ctx.fillStyle = color;
-            ctx.fillRect(x - width/2, y - height/2, width * (health/maxHealth), height);
-        }
-        function drawGame() {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            const pattern = ctx.createPattern(backgroundImg, 'repeat');
-            ctx.fillStyle = pattern;
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-            // Draw all game objects
-            ctx.save();
-            ctx.translate(player.x, player.y);
-            ctx.rotate(player.angle);
-            ctx.drawImage(playerImg, -player.width/2, -player.height/2, player.width, player.height);
-            ctx.restore();
-            drawHealthBar(canvas.width/2, 30, player.health, player.maxHealth, 200, 20, 'green');
-            enemies.forEach(enemy => {
-                ctx.save();
-                ctx.translate(enemy.x, enemy.y);
-                ctx.rotate(enemy.angle);
-                ctx.drawImage(enemyImg, -enemy.width/2, -enemy.height/2, enemy.width, enemy.height);
-                ctx.restore();
-                drawHealthBar(enemy.x, enemy.y - 40, enemy.health, enemy.maxHealth, 60, 5, 'red');
-            });
-            bullets.forEach(bullet => {
-                ctx.beginPath();
-                ctx.fillStyle = bullet.isEnemy ? 'red' : 'yellow';
-                ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
-                ctx.fill();
-            });
-            items.forEach(item => {
-                ctx.beginPath();
-                ctx.fillStyle = 'green';
-                ctx.arc(item.x, item.y, 10, 0, Math.PI * 2);
-                ctx.fill();
-            });
-            ctx.fillStyle = 'white';
-            ctx.font = '24px Arial';
-            ctx.fillText(`Round ${currentRound}/10`, 10, 30);
-            if(isCountingDown) {
-                ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
-                ctx.fillRect(0, 0, canvas.width, canvas.height);
-            }
-        }
-        function gameLoop() {
-            updateGame();
-            drawGame();
-            requestAnimationFrame(gameLoop);
-        }
-        nextRoundBtn.addEventListener('click', () => {
-            currentRound++;
-            nextRoundBtn.style.display = 'none';
-            initRound();
-        });
-        restartBtn.addEventListener('click', () => {
-            currentRound = 1;
-            gameOver = false;
-            restartBtn.style.display = 'none';
-            initRound();
-        });
-        Promise.all([
-            new Promise(resolve => backgroundImg.onload = resolve),
-            new Promise(resolve => playerImg.onload = resolve),
-            new Promise(resolve => enemyImg.onload = resolve)
-        ]).then(() => {
-            initRound();
-            gameLoop();
-        });
-        window.addEventListener('resize', () => {
-            canvas.width = window.innerWidth;
-            canvas.height = window.innerHeight;
-        });
-    </script>
-</body>
-</html>


1	+ <!DOCTYPE html><html><head><title>Tank Battle</title><style>body{margin:0;overflow:hidden;background:#333;font-family:Arial}#instructions{position:fixed;top:10px;right:10px;color:#fff;background:rgba(0,0,0,.7);padding:10px;border-radius:5px;z-index:1e3}#weaponInfo{position:fixed;top:150px;right:10px;color:#fff;background:rgba(0,0,0,.7);padding:10px;border-radius:5px;z-index:1e3;font-size:18px}.button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;font-size:24px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;display:none;z-index:1e3}#countdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:1e3;display:none}</style></head><body><div id="instructions">Controls:<br>WASD - Move tank<br>Mouse - Aim<br>Space - Fire<br>C - Switch Weapon R - Toggle Auto-fire</div><div id="weaponInfo">Current Weapon: Cannon</div><div id="countdown">3</div><button id="nextRound" class="button">Next Round</button><button id="restart" class="button">Restart Game</button><canvas id="gameCanvas"></canvas><script>const _0x4a1a=['width','gameCanvas','cloneNode','mozRequestAnimationFrame','translate','px\x20Arial','round','drawImage','slice','reload','webkitRequestAnimationFrame','createPattern','cannon','currentRound','fillRect','toUpperCase','lastShot','clearRect','angle','getContext','fill','top','none','displayImage','gameOver','charAt','bullet','save','block','beginPath','push','fillText','then','autoFire','rotate','webkitImageSmoothingEnabled','isCountingDown','all','addEventListener','arc','weapons','sin','style','onload','innerHeight','createPattern\x20not\x20supported','mozImageSmoothingEnabled','forEach','speed','filter','sqrt','floor','drawHealthBar','moveTo','height','left','src','onerror','cos','textContent','display','machinegun','play','restore','innerWidth'];(function(_0x2d8f05,_0x4a1a1f){var _0x1d77b9=function(_0x3f9c90){while(--_0x3f9c90){_0x2d8f05['push'](_0x2d8f05['shift']());}};_0x1d77b9(++_0x4a1a1f);}(_0x4a1a,0x1b7));var _0x1d77=function(_0x2d8f05,_0x4a1a1f){_0x2d8f05=_0x2d8f05-0x0;var _0x1d77b9=_0x4a1a[_0x2d8f05];return _0x1d77b9;};const canvas=document.getElementById(_0x1d77('0x1')),ctx=canvas[_0x1d77('0x13')]('2d'),nextRoundBtn=document.getElementById('nextRound'),restartBtn=document.getElementById('restart'),weaponInfo=document.getElementById('weaponInfo'),countdownEl=document.getElementById('countdown');canvas[_0x1d77('0x0')]=window[_0x1d77('0x3f')],canvas[_0x1d77('0x37')]=window[_0x1d77('0x2c')];let currentRound=0x1,gameOver=![],currentWeapon=_0x1d77('0xc'),enemies=[],bullets=[],items=[],lastShot=0x0,isCountingDown=!![],countdownTime=0x3,autoFire=![];const backgroundImg=new Image(),playerImg=new Image(),enemyImg=new Image(),cannonSound=new Audio('firemn.ogg'),machinegunSound=new Audio('firemg.ogg'),enemyFireSound=new Audio('fireenemy.ogg');enemyFireSound['volume']=0.5;const weapons={'cannon':{'fireRate':0x3e8,'damage':0.25,'bulletSize':0x5,'sound':cannonSound},'machinegun':{'fireRate':0xc8,'damage':0.05,'bulletSize':0x2,'sound':machinegunSound}},player={'x':canvas[_0x1d77('0x0')]/0x2,'y':canvas[_0x1d77('0x37')]/0x2,'speed':0x5,'angle':0x0,'width':0x64,'height':0x2d,'health':0x3e8,'maxHealth':0x3e8};function startCountdown(){isCountingDown=!![],countdownTime=0x3,countdownEl[_0x1d77('0x2a')][_0x1d77('0x3e')]='block',countdownEl[_0x1d77('0x3d')]=countdownTime;const _0x3f9c90=setInterval(()=>{countdownTime--,countdownTime<=0x0&&(clearInterval(_0x3f9c90),countdownEl[_0x1d77('0x2a')][_0x1d77('0x3e')]=_0x1d77('0x16')),countdownEl[_0x1d77('0x3d')]=countdownTime>0x0?countdownTime:'GO!';},0x3e8);}class Enemy{constructor(){this['x']=Math['random']()canvas[_0x1d77('0x0')],this['y']=Math['random']()canvas[_0x1d77('0x37')],this['health']=0x3e8,this['maxHealth']=0x3e8,this[_0x1d77('0x30')]=0x2,this[_0x1d77('0x10')]=0x0,this['shootInterval']=0x3e8,this[_0x1d77('0x12')]=0x0,this[_0x1d77('0x0')]=0x64,this[_0x1d77('0x37')]=0x2d,this['moveTimer']=0x0,this['moveInterval']=Math['random']()0x7d0+0x3e8,this['moveAngle']=Math['random']()Math['PI']0x2;}['update'](){if(isCountingDown)return;const _0x3f9c90=Date['now']();_0x3f9c90-this['moveTimer']>this['moveInterval']&&(this['moveAngle']=Math['random']()Math['PI']0x2,this['moveTimer']=_0x3f9c90),this['x']+=Math[_0x1d77('0x3c')](this['moveAngle'])this[_0x1d77('0x30')],this['y']+=Math[_0x1d77('0x29')](this['moveAngle'])this[_0x1d77('0x30')],this['x']=Math['max'](this[_0x1d77('0x0')]/0x2,Math['min'](canvas[_0x1d77('0x0')]-this[_0x1d77('0x0')]/0x2,this['x'])),this['y']=Math['max'](this[_0x1d77('0x37')]/0x2,Math['min'](canvas[_0x1d77('0x37')]-this[_0x1d77('0x37')]/0x2,this['y'])),this[_0x1d77('0x12')]=Math['atan2'](player['y']-this['y'],player['x']-this['x']),_0x3f9c90-this[_0x1d77('0x10')]>this['shootInterval']&&!isCountingDown&&(this['shoot'](),this[_0x1d77('0x10')]=_0x3f9c90);}['shoot'](){enemyFireSound[_0x1d77('0x2')]()[_0x1d77('0x3f')],bullets[_0x1d77('0x1e')]({'x':this['x']+Math[_0x1d77('0x3c')](this[_0x1d77('0x12')])0x1e,'y':this['y']+Math[_0x1d77('0x29')](this[_0x1d77('0x12')])0x1e,'angle':this[_0x1d77('0x12')],'speed':0x5,'isEnemy':!![],'size':0x3});}}function initRound(){enemies=[];for(let _0x3f9c90=0x0;_0x3f9c90<0x1currentRound;_0x3f9c90++){enemies[_0x1d77('0x1e')](new Enemy());}player['health']=player['maxHealth'],bullets=[],items=[],startCountdown();}canvas[_0x1d77('0x26')]('mousemove',_0x3f9c90=>{player[_0x1d77('0x12')]=Math['atan2'](_0x3f9c90['clientY']-player['y'],_0x3f9c90['clientX']-player['x']);});const keys={};document[_0x1d77('0x26')]('keydown',_0x3f9c90=>{keys[_0x3f9c90['key']]=!![],_0x3f9c90['key']['toLowerCase']()==='c'?(currentWeapon=currentWeapon===_0x1d77('0xc')?_0x1d77('0x3f'):_0x1d77('0xc'),weaponInfo[_0x1d77('0x3d')]='Current\x20Weapon:\x20'+currentWeapon[_0x1d77('0x19')](0x0)[_0x1d77('0xf')]()+currentWeapon[_0x1d77('0x8')](0x1)):_0x3f9c90['key']['toLowerCase']()==='r'&&(autoFire=!autoFire);}),document[_0x1d77('0x26')]('keyup',_0x3f9c90=>keys[_0x3f9c90['key']]=![]);function fireBullet(){if(isCountingDown)return;const _0x3f9c90=weapons[currentWeapon],_0x4a1a1f=Date['now']();(keys['\x20']\|\|autoFire)&&_0x4a1a1f-lastShot>_0x3f9c90['fireRate']&&(_0x3f9c90['sound'][_0x1d77('0x2')]()[_0x1d77('0x3f')],bullets[_0x1d77('0x1e')]({'x':player['x']+Math[_0x1d77('0x3c')](player[_0x1d77('0x12')])0x1e,'y':player['y']+Math[_0x1d77('0x29')](player[_0x1d77('0x12')])0x1e,'angle':player[_0x1d77('0x12')],'speed':0xa,'isEnemy':![],'damage':_0x3f9c90['damage'],'size':_0x3f9c90['bulletSize']}),lastShot=_0x4a1a1f);}function updateGame(){if(gameOver)return;isCountingDown\|\|(keys['w']&&(player['y']-=player[_0x1d77('0x30')]),keys['s']&&(player['y']+=player[_0x1d77('0x30')]),keys['a']&&(player['x']-=player[_0x1d77('0x30')]),keys['d']&&(player['x']+=player[_0x1d77('0x30')]),player['x']=Math['max'](player[_0x1d77('0x0')]/0x2,Math['min'](canvas[_0x1d77('0x0')]-player[_0x1d77('0x0')]/0x2,player['x'])),player['y']=Math['max'](player[_0x1d77('0x37')]/0x2,Math['min'](canvas[_0x1d77('0x37')]-player[_0x1d77('0x37')]/0x2,player['y'])),fireBullet()),enemies[_0x1d77('0x2f')](_0x3f9c90=>_0x3f9c90['update']()),!isCountingDown&&(bullets=bullets[_0x1d77('0x31')](_0x3f9c90=>{if(_0x3f9c90['x']+=Math[_0x1d77('0x3c')](_0x3f9c90[_0x1d77('0x12')])_0x3f9c90[_0x1d77('0x30')],_0x3f9c90['y']+=Math[_0x1d77('0x29')](_0x3f9c90[_0x1d77('0x12')])_0x3f9c90[_0x1d77('0x30')],!_0x3f9c90['isEnemy'])return enemies=enemies[_0x1d77('0x31')](_0x4a1a1f=>{const _0x1d77b9=Math['hypot'](_0x3f9c90['x']-_0x4a1a1f['x'],_0x3f9c90['y']-_0x4a1a1f['y']);return _0x1d77b9<0x1e&&(_0x4a1a1f['health']-=_0x4a1a1f['maxHealth']*_0x3f9c90['damage'],_0x4a1a1f['health']<=0x0?(spawnHealthItem(_0x4a1a1f['x'],_0x4a1a1f['y']),![]):!![]),!![];}),_0x3f9c90['x']>=0x0&&_0x3f9c90['x']<=canvas[_0x1d77('0x0')]&&_0x3f9c90['y']>=0x0&&_0x3f9c90['y']<=canvas[_0x1d77('0x37')];const _0x4a1a1f=Math['hypot'](_0x3f9c90['x']-player['x'],_0x3f9c90['y']-player['y']);return _0x4a1a1f<0x1e?(player['health']-=0x64,player['health']<=0x0&&(gameOver=!![],restartBtn[_0x1d77('0x2a')][_0x1d77('0x3e')]=_0x1d77('0x1c')),![]):_0x3f9c90['x']>=0x0&&_0x3f9c90['x']<=canvas[_0x1