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

No:35717

133

←

Prev Next

→

Haz un juego de crear juegos vr
Developer User16538｜Date and time 24/1/15 4:13:01
Build time 8.19 sec｜Game capacity 1.847KB｜

Script

Juego de Crear Juegos VR

Presiona en la pantalla para crear un juego VR

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Juego de Crear Juegos VR</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }

#canvas {
        border: 5px solid #000;
        margin-top: 20px;
    }
</style>
</head>
<body>
<h1>Juego de Crear Juegos VR</h1>
<p>Presiona en la pantalla para crear un juego VR</p>
<canvas id="canvas" width="400" height="400"></canvas>

// Función para crear un nuevo juego
    function crearJuegoVR(x, y) {
        var juego = {
            x: x,
            y: y,
            size: 50,
            color: "#" + Math.floor(Math.random()*16777215).toString(16)
        };
        games.push(juego);
    }

// Función para dibujar en el lienzo
    function dibujar() {
        // Limpiar el lienzo
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dibujar los juegos
        for (var i = 0; i < games.length; i++) {
            var juego = games[i];
            context.fillStyle = juego.color;
            context.fillRect(juego.x, juego.y, juego.size, juego.size);
        }
    }

// Función para manejar el evento de pulsar la pantalla
    function pulsarPantalla(event) {
        var rect = canvas.getBoundingClientRect();
        var x = event.touches[0].clientX - rect.left;
        var y = event.touches[0].clientY - rect.top;
        crearJuegoVR(x, y);
    }

// Asignar el evento de pulsar la pantalla al lienzo
    canvas.addEventListener("touchstart", pulsarPantalla, false);

// Bucle principal del juego
    function bucle() {
        dibujar();
        requestAnimationFrame(bucle);
    }

// Iniciar el bucle principal
    bucle();
</script>
</body>
</html>