Exemple de détection de plan de suivi des mains en réalité augmentée WebXR

574 brunoplatoniavila

Ouvrir dans l'éditeur Publiez votre code

Exemple de détection de plan de suivi des mains en réalité augmentée WebXR

Recommandé

5 July 2025

Panneau de connexion et d'inscription Glassy de TheDoc

17 October 2025

Modèle HTML de portfolio de concepteur Web

5 August 2025

L'algorithme de débordement

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