Me mande um jogo 3d Para eu me mover terá 4 setas a direita esquerda atrás frente E para eu mexer a tela eu tenho que deslizar meu dedo na tela para que ela se mova E blocos aleatórios vão surgir como se fosse um mundo de minecraft's game

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

No:42276

←

Prev Next

→

Me mande um jogo 3d Para eu me mover terá 4 setas ..ALL
Developer User18853｜Date and time 24/2/11 9:28:52
Build time 11.436 sec｜Game capacity 4.26KB｜

Script

HTML:

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Jogo 3D</title>
    <style>
        #container {
            width: 100%;
            height: 100vh;
            background-color: #000;
            position: relative;
            perspective: 1000px;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: #ff0000;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s;
        }

.block {
            width: 50px;
            height: 50px;
            background-color: #00ff00;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="player"></div>
    </div>

var blocks = [];

function createBlock() {
            var block = document.createElement('div');
            block.className = 'block';

var randomX = Math.floor(Math.random() * maxX);
            var randomY = Math.floor(Math.random() * maxY);

block.style.left = randomX + 'px';
            block.style.top = randomY + 'px';

container.appendChild(block);
            blocks.push(block);
        }

function handleArrowKeyPress(event) {
            var key = event.key;

switch (key) {
                case 'ArrowUp':
                    movePlayer('up');
                    break;
                case 'ArrowDown':
                    movePlayer('down');
                    break;
                case 'ArrowLeft':
                    movePlayer('left');
                    break;
                case 'ArrowRight':
                    movePlayer('right');
                    break;
            }
        }

function movePlayer(direction) {
            var currentLeft = parseInt(player.style.left);
            var currentTop = parseInt(player.style.top);

switch (direction) {
                case 'up':
                    if (currentTop > 0) {
                        player.style.top = (currentTop - 50) + 'px';
                    }
                    break;
                case 'down':
                    if (currentTop < maxY) {
                        player.style.top = (currentTop + 50) + 'px';
                    }
                    break;
                case 'left':
                    if (currentLeft > 0) {
                        player.style.left = (currentLeft - 50) + 'px';
                    }
                    break;
                case 'right':
                    if (currentLeft < maxX) {
                        player.style.left = (currentLeft + 50) + 'px';
                    }
                    break;
            }
        }

function handleTouchStart(event) {
            touchStartX = event.touches[0].clientX;
            touchStartY = event.touches[0].clientY;
        }

function handleTouchMove(event) {
            event.preventDefault();

var touchEndX = event.touches[0].clientX;
            var touchEndY = event.touches[0].clientY;

var deltaX = touchStartX - touchEndX;
            var deltaY = touchStartY - touchEndY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
                if (deltaX > 0) {
                    movePlayer('left');
                } else {
                    movePlayer('right');
                }
            } else {
                if (deltaY > 0) {
                    movePlayer('up');
                } else {
                    movePlayer('down');
                }
            }
        }

function init() {
            container.addEventListener('keydown', handleArrowKeyPress);
            container.addEventListener('touchstart', handleTouchStart);
            container.addEventListener('touchmove', handleTouchMove);

for (var i = 0; i < 10; i++) {
                createBlock();
            }
        }

init();
    </script>
</body>
</html>