Juego Espacial de Entrelazamiento Cuántico
De Wikiprompt, la enciclopedia libre de prompts
Juego Espacial de Entrelazamiento Cuántico Un prompt para construir un juego Three.js de un solo archivo donde los jugadores emparejan grupos de partículas 3D por orientación espacial, con efectos de fusión basados en física.
Contenido del PromptGuardar
🌐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Entanglement</title>
<style>
body {
margin: 0;
overflow: hidden;
background: #ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#info {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
color: #333;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
padding: 12px 24px;
border-radius: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
letter-spacing: 1px;
z-index: 10;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
pointer-events: none;
}
#score {
position: absolute;
top: 20px;
right: 30px;
color: #333;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
padding: 10px 20px;
border-radius: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
z-index: 10;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
pointer-events: none;
}
#hint {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
color: #666;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(5px);
padding: 8px 16px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
z-index: 10;
pointer-events: none;
}
#controls {
position: absolute;
bottom: 30px;
right: 30px;
color: #999;
font-size: 11px;
text-align: right;
z-index: 10;
pointer-events: none;
}
canvas {
display: block;
}
.selected {
outline: 2px solid rgba(100, 150, 255, 0.5);
outline-offset: 5px;
}
</style>
</head>
<body>
<div id="info">QUANTUM ENTANGLEMENT</div>
<div id="score">MATCHES: 0 / 4</div>
<div id="hint">CLICK TO UNFOLD - DRAG TO ROTATE - MATCH PAIRS</div>
<div id="controls">DRAG: ROTATE<br>CLICK: SELECT</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script>
// ... (rest of the code)
</script>
</body>
</html>
Iniciá sesión para ver el prompt completo
Continuar con:
Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad
Uso
Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.
Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.
Discusión
0 comentarios