huntrezz commited on
Commit
729fcbf
·
verified ·
1 Parent(s): f16c40e

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -67
index.html DELETED
@@ -1,67 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Real-Time Monocular Depth Estimation</title>
7
- <style>
8
- body { margin: 0; }
9
- canvas { display: block; }
10
- </style>
11
- </head>
12
- <body>
13
- <canvas id="depthCanvas"></canvas>
14
- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
15
- <script>
16
- // Your WebGL and Three.js code will go here
17
- // Initialize scene, camera, renderer
18
- // Set up Three.js scene, camera, and renderer
19
- const scene = new THREE.Scene();
20
- const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
21
- const renderer = new THREE.WebGLRenderer();
22
-
23
- // Create point cloud geometry
24
- const geometry = new THREE.BufferGeometry();
25
- const positions = new Float32Array(256 * 256 * 3);
26
- const colors = new Float32Array(256 * 256 * 3);
27
- geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
28
- geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
29
-
30
- // Create point cloud material
31
- const material = new THREE.PointsMaterial({ size: 0.01, vertexColors: true });
32
-
33
- // Create point cloud object
34
- const pointCloud = new THREE.Points(geometry, material);
35
- scene.add(pointCloud);
36
-
37
- // Function to update point cloud with new data
38
- function updatePointCloud(depthMap, rgbFrame) {
39
- // Convert depth map and RGB frame to 3D coordinates and colors
40
- // Update geometry attributes
41
- pointCloud.geometry.attributes.position.needsUpdate = true;
42
- pointCloud.geometry.attributes.color.needsUpdate = true;
43
- }
44
-
45
- // Main render loop
46
- function animate() {
47
- requestAnimationFrame(animate);
48
- renderer.render(scene, camera);
49
- }
50
- animate();
51
-
52
- const scene = new THREE.Scene();
53
- const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
54
- const renderer = new THREE.WebGLRenderer({canvas: document.getElementById('depthCanvas')});
55
- renderer.setSize(window.innerWidth, window.innerHeight);
56
-
57
- // Add point cloud or other 3D elements here
58
-
59
- function animate() {
60
- requestAnimationFrame(animate);
61
- // Update your 3D scene here
62
- renderer.render(scene, camera);
63
- }
64
- animate();
65
- </script>
66
- </body>
67
- </html>