Ejemplo de detección de aviones con seguimiento manual de AR en WebXR

830 brunoplatoniavila

Abrir en el editor Publica tu código

Ejemplo de detección de aviones con seguimiento manual de AR en WebXR

Recomendado

11 September 2026

Camino de escape

16 August 2024

Fondo de puntos animados

22 March 2026

Animación CSS de girasoles, fuegos artificiales y luciérnagas

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple HTML Live Editor</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            height: 100vh;
            display: flex;
            flex-direction: column;
            background-color: #2c3e50;
        }

.header {
            padding: 10px 20px;
            color: white;
            background-color: #1a252f;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

.editor-container {
            display: flex;
            flex: 1;
            height: calc(100vh - 50px);
            gap: 5px;
            padding: 5px;
        }

.pane {
            flex: 1;
            display: flex;
            flex-direction: column;
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
        }

.label {
            background: #ecf0f1;
            padding: 5px 15px;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            color: #7f8c8d;
            border-bottom: 1px solid #ddd;
        }

textarea {
            width: 100%;
            height: 100%;
            border: none;
            padding: 15px;
            font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
            font-size: 14px;
            resize: none;
            outline: none;
            background-color: #282c34;
            color: #abb2bf;
        }

iframe {
            width: 100%;
            height: 100%;
            border: none;
            background-color: white;
        }
    </style>
</head>
<body>

<div class="header">
        <h2>HTML Editor</h2>
        <span>Real-time Preview</span>
    </div>

CSS