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

420 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é

26 January 2026

Code d'intégration HTML5 du jeu Escape Road

30 January 2026

Animation de particules Canvas avec interaction à la souris

12 July 2025

demandez à Kevakib Ai

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