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

419 brunoplatoniavila

Abrir en el editor Publica tu código

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

Recomendado

5 October 2025

Fragmento de animación de carga de CSS

22 November 2025

Efecto de desplazamiento de botón de vidrio líquido CSS

6 November 2024

Un sitio web donde puedes reproducir canciones.

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