Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +500 -19
- prompts.txt +1 -0
README.md
CHANGED
@@ -1,10 +1,12 @@
|
|
1 |
---
|
2 |
-
title:
|
3 |
-
emoji:
|
4 |
-
colorFrom:
|
5 |
-
colorTo:
|
6 |
sdk: static
|
7 |
pinned: false
|
|
|
|
|
8 |
---
|
9 |
|
10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
1 |
---
|
2 |
+
title: rtx-5080-ti-emulator
|
3 |
+
emoji: 🐳
|
4 |
+
colorFrom: gray
|
5 |
+
colorTo: yellow
|
6 |
sdk: static
|
7 |
pinned: false
|
8 |
+
tags:
|
9 |
+
- deepsite
|
10 |
---
|
11 |
|
12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
@@ -1,19 +1,500 @@
|
|
1 |
-
<!
|
2 |
-
<html>
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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>NVIDIA RTX 5080 Ti Emulator</title>
|
7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
8 |
+
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
|
9 |
+
<style>
|
10 |
+
@keyframes pulse {
|
11 |
+
0% { opacity: 0.6; }
|
12 |
+
50% { opacity: 1; }
|
13 |
+
100% { opacity: 0.6; }
|
14 |
+
}
|
15 |
+
@keyframes coreActivity {
|
16 |
+
0% { background-color: #00ff00; }
|
17 |
+
50% { background-color: #76ff03; }
|
18 |
+
100% { background-color: #00ff00; }
|
19 |
+
}
|
20 |
+
@keyframes tensorActivity {
|
21 |
+
0% { background-color: #ff4081; }
|
22 |
+
50% { background-color: #ff80ab; }
|
23 |
+
100% { background-color: #ff4081; }
|
24 |
+
}
|
25 |
+
@keyframes rtActivity {
|
26 |
+
0% { background-color: #40c4ff; }
|
27 |
+
50% { background-color: #80d8ff; }
|
28 |
+
100% { background-color: #40c4ff; }
|
29 |
+
}
|
30 |
+
.core-active {
|
31 |
+
animation: coreActivity 0.5s infinite;
|
32 |
+
}
|
33 |
+
.tensor-active {
|
34 |
+
animation: tensorActivity 0.3s infinite;
|
35 |
+
}
|
36 |
+
.rt-active {
|
37 |
+
animation: rtActivity 0.4s infinite;
|
38 |
+
}
|
39 |
+
.status-pulse {
|
40 |
+
animation: pulse 2s infinite;
|
41 |
+
}
|
42 |
+
.gpu-visualization {
|
43 |
+
background: linear-gradient(135deg, #121212 0%, #1a1a1a 100%);
|
44 |
+
border-radius: 12px;
|
45 |
+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
46 |
+
}
|
47 |
+
.performance-meter {
|
48 |
+
background: linear-gradient(to right, #00c853, #ffd600, #ff3d00);
|
49 |
+
}
|
50 |
+
.vram-bar {
|
51 |
+
background: linear-gradient(to right, #5c6bc0, #3949ab);
|
52 |
+
}
|
53 |
+
.cooling-fan {
|
54 |
+
transition: transform 0.1s linear;
|
55 |
+
}
|
56 |
+
</style>
|
57 |
+
</head>
|
58 |
+
<body class="bg-gray-900 text-gray-100 min-h-screen">
|
59 |
+
<div class="container mx-auto px-4 py-8">
|
60 |
+
<!-- Header -->
|
61 |
+
<header class="flex items-center justify-between mb-8">
|
62 |
+
<div class="flex items-center">
|
63 |
+
<div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mr-4">
|
64 |
+
<i class="fas fa-microchip text-white text-xl"></i>
|
65 |
+
</div>
|
66 |
+
<h1 class="text-3xl font-bold bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-transparent">
|
67 |
+
NVIDIA RTX 5080 Ti Emulator
|
68 |
+
</h1>
|
69 |
+
</div>
|
70 |
+
<div class="flex items-center space-x-2">
|
71 |
+
<span class="px-3 py-1 bg-gray-800 rounded-full text-sm font-medium flex items-center">
|
72 |
+
<span class="w-2 h-2 rounded-full bg-green-500 mr-2"></span>
|
73 |
+
<span>EMULATION ACTIVE</span>
|
74 |
+
</span>
|
75 |
+
<button class="px-4 py-2 bg-red-600 hover:bg-red-700 rounded-lg font-medium transition">
|
76 |
+
<i class="fas fa-power-off mr-2"></i>Stop Emulation
|
77 |
+
</button>
|
78 |
+
</div>
|
79 |
+
</header>
|
80 |
+
|
81 |
+
<!-- Main Dashboard -->
|
82 |
+
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
|
83 |
+
<!-- GPU Visualization -->
|
84 |
+
<div class="gpu-visualization lg:col-span-2 p-6">
|
85 |
+
<div class="flex justify-between items-center mb-6">
|
86 |
+
<h2 class="text-xl font-semibold">RTX 5080 Ti Core Simulation</h2>
|
87 |
+
<div class="flex items-center">
|
88 |
+
<span class="text-sm mr-4">DLSS 4.0: <span class="font-bold text-green-400">ACTIVE</span></span>
|
89 |
+
<span class="text-sm">Ray Tracing: <span class="font-bold text-blue-400">GEN4</span></span>
|
90 |
+
</div>
|
91 |
+
</div>
|
92 |
+
|
93 |
+
<!-- Core Visualization -->
|
94 |
+
<div class="grid grid-cols-12 gap-2 mb-6">
|
95 |
+
<!-- CUDA Cores -->
|
96 |
+
<div class="col-span-8">
|
97 |
+
<div class="flex justify-between mb-2">
|
98 |
+
<span class="text-sm font-medium">15,360 CUDA Cores</span>
|
99 |
+
<span class="text-sm">Utilization: <span id="cuda-util">78</span>%</span>
|
100 |
+
</div>
|
101 |
+
<div class="grid grid-cols-16 gap-1">
|
102 |
+
<!-- This will be filled with JS -->
|
103 |
+
</div>
|
104 |
+
</div>
|
105 |
+
|
106 |
+
<!-- RT Cores -->
|
107 |
+
<div class="col-span-2">
|
108 |
+
<div class="flex justify-between mb-2">
|
109 |
+
<span class="text-sm font-medium">RT Cores</span>
|
110 |
+
<span class="text-sm"><span id="rt-util">65</span>%</span>
|
111 |
+
</div>
|
112 |
+
<div class="grid grid-cols-2 gap-1">
|
113 |
+
<!-- This will be filled with JS -->
|
114 |
+
</div>
|
115 |
+
</div>
|
116 |
+
|
117 |
+
<!-- Tensor Cores -->
|
118 |
+
<div class="col-span-2">
|
119 |
+
<div class="flex justify-between mb-2">
|
120 |
+
<span class="text-sm font-medium">Tensor Cores</span>
|
121 |
+
<span class="text-sm"><span id="tensor-util">82</span>%</span>
|
122 |
+
</div>
|
123 |
+
<div class="grid grid-cols-2 gap-1">
|
124 |
+
<!-- This will be filled with JS -->
|
125 |
+
</div>
|
126 |
+
</div>
|
127 |
+
</div>
|
128 |
+
|
129 |
+
<!-- Cooling System -->
|
130 |
+
<div class="flex items-center justify-between bg-gray-800 rounded-lg p-4">
|
131 |
+
<div class="flex items-center">
|
132 |
+
<div class="cooling-fan mr-4" id="fan1">
|
133 |
+
<i class="fas fa-fan text-blue-400 text-2xl"></i>
|
134 |
+
</div>
|
135 |
+
<div>
|
136 |
+
<div class="flex items-center mb-1">
|
137 |
+
<span class="text-sm font-medium mr-2">GPU Temp:</span>
|
138 |
+
<span class="text-green-400 font-medium" id="gpu-temp">64</span>
|
139 |
+
<span class="text-gray-400 ml-1">°C</span>
|
140 |
+
</div>
|
141 |
+
<div class="w-full bg-gray-700 rounded-full h-1.5">
|
142 |
+
<div class="bg-gradient-to-r from-green-400 to-yellow-500 h-1.5 rounded-full" style="width: 64%"></div>
|
143 |
+
</div>
|
144 |
+
</div>
|
145 |
+
</div>
|
146 |
+
<div class="text-right">
|
147 |
+
<div class="text-sm font-medium mb-1">Power Draw</div>
|
148 |
+
<div class="text-xl font-bold text-yellow-400" id="power-draw">320</div>
|
149 |
+
<div class="text-xs text-gray-400">Watts</div>
|
150 |
+
</div>
|
151 |
+
</div>
|
152 |
+
</div>
|
153 |
+
|
154 |
+
<!-- Performance Stats -->
|
155 |
+
<div class="bg-gray-800 rounded-lg p-6">
|
156 |
+
<h2 class="text-xl font-semibold mb-6">Performance Metrics</h2>
|
157 |
+
|
158 |
+
<div class="space-y-5">
|
159 |
+
<div>
|
160 |
+
<div class="flex justify-between mb-1">
|
161 |
+
<span class="text-sm font-medium">FP32 Performance</span>
|
162 |
+
<span class="text-sm font-bold text-green-400" id="fp32-perf">68.4</span>
|
163 |
+
</div>
|
164 |
+
<div class="performance-meter w-full h-2 rounded-full overflow-hidden">
|
165 |
+
<div class="h-full" style="width: 90%"></div>
|
166 |
+
</div>
|
167 |
+
<div class="text-xs text-gray-400 mt-1">TFLOPS (Estimated: 60-70 TFLOPS)</div>
|
168 |
+
</div>
|
169 |
+
|
170 |
+
<div>
|
171 |
+
<div class="flex justify-between mb-1">
|
172 |
+
<span class="text-sm font-medium">VRAM Allocation</span>
|
173 |
+
<span class="text-sm font-bold text-blue-400" id="vram-usage">18.2</span>
|
174 |
+
</div>
|
175 |
+
<div class="vram-bar w-full h-2 rounded-full overflow-hidden">
|
176 |
+
<div class="h-full" style="width: 76%"></div>
|
177 |
+
</div>
|
178 |
+
<div class="text-xs text-gray-400 mt-1">24GB GDDR7 (Using System RAM)</div>
|
179 |
+
</div>
|
180 |
+
|
181 |
+
<div>
|
182 |
+
<div class="flex justify-between mb-1">
|
183 |
+
<span class="text-sm font-medium">Memory Bandwidth</span>
|
184 |
+
<span class="text-sm font-bold text-purple-400" id="mem-bandwidth">896</span>
|
185 |
+
</div>
|
186 |
+
<div class="w-full bg-gray-700 rounded-full h-2">
|
187 |
+
<div class="bg-gradient-to-r from-purple-400 to-pink-500 h-2 rounded-full" style="width: 85%"></div>
|
188 |
+
</div>
|
189 |
+
<div class="text-xs text-gray-400 mt-1">320-bit interface @ 28Gbps</div>
|
190 |
+
</div>
|
191 |
+
|
192 |
+
<div class="pt-4 border-t border-gray-700">
|
193 |
+
<div class="text-sm font-medium mb-2">Current Features</div>
|
194 |
+
<div class="space-y-2">
|
195 |
+
<div class="flex items-center">
|
196 |
+
<div class="w-4 h-4 rounded-full bg-blue-500 mr-2"></div>
|
197 |
+
<span class="text-sm">Gen 4 Ray Tracing</span>
|
198 |
+
</div>
|
199 |
+
<div class="flex items-center">
|
200 |
+
<div class="w-4 h-4 rounded-full bg-pink-500 mr-2"></div>
|
201 |
+
<span class="text-sm">Gen 5 Tensor Cores</span>
|
202 |
+
</div>
|
203 |
+
<div class="flex items-center">
|
204 |
+
<div class="w-4 h-4 rounded-full bg-green-500 mr-2"></div>
|
205 |
+
<span class="text-sm">DLSS 4.0 AI</span>
|
206 |
+
</div>
|
207 |
+
<div class="flex items-center">
|
208 |
+
<div class="w-4 h-4 rounded-full bg-yellow-500 mr-2"></div>
|
209 |
+
<span class="text-sm">NVLink 4.0 Support</span>
|
210 |
+
</div>
|
211 |
+
</div>
|
212 |
+
</div>
|
213 |
+
</div>
|
214 |
+
</div>
|
215 |
+
</div>
|
216 |
+
|
217 |
+
<!-- Advanced Controls -->
|
218 |
+
<div class="bg-gray-800 rounded-lg p-6 mb-8">
|
219 |
+
<h2 class="text-xl font-semibold mb-6">Emulation Controls</h2>
|
220 |
+
|
221 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
222 |
+
<div class="bg-gray-700 rounded-lg p-4">
|
223 |
+
<div class="flex items-center justify-between mb-3">
|
224 |
+
<span class="font-medium">CUDA Core Load</span>
|
225 |
+
<span class="text-green-400 font-bold" id="cuda-slider-value">78%</span>
|
226 |
+
</div>
|
227 |
+
<input type="range" min="10" max="100" value="78" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer" id="cuda-slider">
|
228 |
+
</div>
|
229 |
+
|
230 |
+
<div class="bg-gray-700 rounded-lg p-4">
|
231 |
+
<div class="flex items-center justify-between mb-3">
|
232 |
+
<span class="font-medium">RT Core Load</span>
|
233 |
+
<span class="text-blue-400 font-bold" id="rt-slider-value">65%</span>
|
234 |
+
</div>
|
235 |
+
<input type="range" min="10" max="100" value="65" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer" id="rt-slider">
|
236 |
+
</div>
|
237 |
+
|
238 |
+
<div class="bg-gray-700 rounded-lg p-4">
|
239 |
+
<div class="flex items-center justify-between mb-3">
|
240 |
+
<span class="font-medium">Tensor Core Load</span>
|
241 |
+
<span class="text-pink-400 font-bold" id="tensor-slider-value">82%</span>
|
242 |
+
</div>
|
243 |
+
<input type="range" min="10" max="100" value="82" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer" id="tensor-slider">
|
244 |
+
</div>
|
245 |
+
|
246 |
+
<div class="bg-gray-700 rounded-lg p-4">
|
247 |
+
<div class="flex items-center justify-between mb-3">
|
248 |
+
<span class="font-medium">VRAM Allocation</span>
|
249 |
+
<span class="text-blue-300 font-bold" id="vram-slider-value">18.2GB</span>
|
250 |
+
</div>
|
251 |
+
<input type="range" min="1" max="24" step="0.1" value="18.2" class="w-full h-2 bg-gray-600 rounded-lg appearance-none cursor-pointer" id="vram-slider">
|
252 |
+
</div>
|
253 |
+
</div>
|
254 |
+
|
255 |
+
<div class="mt-6 flex flex-wrap gap-3">
|
256 |
+
<button class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg font-medium transition flex items-center">
|
257 |
+
<i class="fas fa-rocket mr-2"></i> Boost Performance
|
258 |
+
</button>
|
259 |
+
<button class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg font-medium transition flex items-center">
|
260 |
+
<i class="fas fa-brain mr-2"></i> Enable DLSS 4.0
|
261 |
+
</button>
|
262 |
+
<button class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-lg font-medium transition flex items-center">
|
263 |
+
<i class="fas fa-project-diagram mr-2"></i> Enable NVLink
|
264 |
+
</button>
|
265 |
+
<button class="px-4 py-2 bg-gray-600 hover:bg-gray-700 rounded-lg font-medium transition flex items-center">
|
266 |
+
<i class="fas fa-cog mr-2"></i> Advanced Settings
|
267 |
+
</button>
|
268 |
+
</div>
|
269 |
+
</div>
|
270 |
+
|
271 |
+
<!-- Status Log -->
|
272 |
+
<div class="bg-gray-800 rounded-lg p-6">
|
273 |
+
<h2 class="text-xl font-semibold mb-4">Emulation Log</h2>
|
274 |
+
<div class="bg-gray-900 rounded-lg p-4 h-48 overflow-y-auto font-mono text-sm" id="emulation-log">
|
275 |
+
<div class="text-green-400">[SYSTEM] Initializing RTX 5080 Ti emulation...</div>
|
276 |
+
<div class="text-green-400">[VRAM] Allocated 24GB GDDR7 from system RAM</div>
|
277 |
+
<div class="text-blue-400">[CUDA] 15,360 cores online</div>
|
278 |
+
<div class="text-pink-400">[TENSOR] Gen 5 tensor cores initialized</div>
|
279 |
+
<div class="text-blue-300">[RT] Gen 4 ray tracing cores active</div>
|
280 |
+
<div class="text-yellow-400">[PERF] Estimated FP32 performance: 68.4 TFLOPS</div>
|
281 |
+
<div class="text-green-400">[DLSS] AI-based DLSS 4.0 ready</div>
|
282 |
+
<div class="text-purple-400">[SYSTEM] Emulation fully operational</div>
|
283 |
+
</div>
|
284 |
+
</div>
|
285 |
+
</div>
|
286 |
+
|
287 |
+
<script>
|
288 |
+
// Initialize core visualization
|
289 |
+
function initCoreVisualization() {
|
290 |
+
// CUDA Cores
|
291 |
+
const cudaContainer = document.querySelector('.col-span-8 .grid');
|
292 |
+
for (let i = 0; i < 128; i++) {
|
293 |
+
const core = document.createElement('div');
|
294 |
+
core.className = 'w-2 h-2 rounded-sm bg-gray-700 hover:bg-green-500 transition cursor-pointer';
|
295 |
+
core.title = `CUDA Core ${i+1}`;
|
296 |
+
core.dataset.type = 'cuda';
|
297 |
+
cudaContainer.appendChild(core);
|
298 |
+
}
|
299 |
+
|
300 |
+
// RT Cores
|
301 |
+
const rtContainer = document.querySelector('.col-span-2 .grid');
|
302 |
+
for (let i = 0; i < 4; i++) {
|
303 |
+
const core = document.createElement('div');
|
304 |
+
core.className = 'w-4 h-4 rounded-sm bg-gray-700 hover:bg-blue-400 transition cursor-pointer';
|
305 |
+
core.title = `RT Core ${i+1} (Gen 4)`;
|
306 |
+
core.dataset.type = 'rt';
|
307 |
+
rtContainer.appendChild(core);
|
308 |
+
}
|
309 |
+
|
310 |
+
// Tensor Cores
|
311 |
+
const tensorContainer = document.querySelector('.col-span-2 .grid');
|
312 |
+
for (let i = 0; i < 4; i++) {
|
313 |
+
const core = document.createElement('div');
|
314 |
+
core.className = 'w-4 h-4 rounded-sm bg-gray-700 hover:bg-pink-500 transition cursor-pointer';
|
315 |
+
core.title = `Tensor Core ${i+1} (Gen 5)`;
|
316 |
+
core.dataset.type = 'tensor';
|
317 |
+
tensorContainer.appendChild(core);
|
318 |
+
}
|
319 |
+
}
|
320 |
+
|
321 |
+
// Update core activity based on utilization
|
322 |
+
function updateCoreActivity() {
|
323 |
+
const cudaUtil = parseInt(document.getElementById('cuda-util').textContent);
|
324 |
+
const rtUtil = parseInt(document.getElementById('rt-util').textContent);
|
325 |
+
const tensorUtil = parseInt(document.getElementById('tensor-util').textContent);
|
326 |
+
|
327 |
+
// CUDA Cores
|
328 |
+
const cudaCores = document.querySelectorAll('[data-type="cuda"]');
|
329 |
+
const activeCudaCores = Math.floor(cudaCores.length * (cudaUtil / 100));
|
330 |
+
|
331 |
+
cudaCores.forEach((core, index) => {
|
332 |
+
if (index < activeCudaCores) {
|
333 |
+
core.classList.add('core-active');
|
334 |
+
} else {
|
335 |
+
core.classList.remove('core-active');
|
336 |
+
core.style.backgroundColor = '#374151';
|
337 |
+
}
|
338 |
+
});
|
339 |
+
|
340 |
+
// RT Cores
|
341 |
+
const rtCores = document.querySelectorAll('[data-type="rt"]');
|
342 |
+
const activeRtCores = Math.min(rtCores.length, Math.ceil(rtCores.length * (rtUtil / 100)));
|
343 |
+
|
344 |
+
rtCores.forEach((core, index) => {
|
345 |
+
if (index < activeRtCores) {
|
346 |
+
core.classList.add('rt-active');
|
347 |
+
} else {
|
348 |
+
core.classList.remove('rt-active');
|
349 |
+
core.style.backgroundColor = '#374151';
|
350 |
+
}
|
351 |
+
});
|
352 |
+
|
353 |
+
// Tensor Cores
|
354 |
+
const tensorCores = document.querySelectorAll('[data-type="tensor"]');
|
355 |
+
const activeTensorCores = Math.min(tensorCores.length, Math.ceil(tensorCores.length * (tensorUtil / 100)));
|
356 |
+
|
357 |
+
tensorCores.forEach((core, index) => {
|
358 |
+
if (index < activeTensorCores) {
|
359 |
+
core.classList.add('tensor-active');
|
360 |
+
} else {
|
361 |
+
core.classList.remove('tensor-active');
|
362 |
+
core.style.backgroundColor = '#374151';
|
363 |
+
}
|
364 |
+
});
|
365 |
+
}
|
366 |
+
|
367 |
+
// Update fan speed based on temperature
|
368 |
+
function updateFanSpeed() {
|
369 |
+
const temp = parseInt(document.getElementById('gpu-temp').textContent);
|
370 |
+
const fanSpeed = Math.min(100, Math.max(0, (temp - 40) * 3));
|
371 |
+
const fan1 = document.getElementById('fan1');
|
372 |
+
|
373 |
+
fan1.style.transform = `rotate(${fanSpeed * 3.6}deg)`;
|
374 |
+
}
|
375 |
+
|
376 |
+
// Randomize metrics slightly for realism
|
377 |
+
function randomizeMetrics() {
|
378 |
+
// Current values
|
379 |
+
let cudaUtil = parseInt(document.getElementById('cuda-util').textContent);
|
380 |
+
let rtUtil = parseInt(document.getElementById('rt-util').textContent);
|
381 |
+
let tensorUtil = parseInt(document.getElementById('tensor-util').textContent);
|
382 |
+
let temp = parseInt(document.getElementById('gpu-temp').textContent);
|
383 |
+
let power = parseInt(document.getElementById('power-draw').textContent);
|
384 |
+
let fp32 = parseFloat(document.getElementById('fp32-perf').textContent);
|
385 |
+
let vram = parseFloat(document.getElementById('vram-usage').textContent);
|
386 |
+
let bandwidth = parseInt(document.getElementById('mem-bandwidth').textContent);
|
387 |
+
|
388 |
+
// Add some random variation
|
389 |
+
cudaUtil = Math.max(10, Math.min(100, cudaUtil + (Math.random() * 6 - 3)));
|
390 |
+
rtUtil = Math.max(10, Math.min(100, rtUtil + (Math.random() * 6 - 3)));
|
391 |
+
tensorUtil = Math.max(10, Math.min(100, tensorUtil + (Math.random() * 6 - 3)));
|
392 |
+
temp = Math.max(30, Math.min(85, temp + (Math.random() * 4 - 2)));
|
393 |
+
power = Math.max(200, Math.min(450, power + (Math.random() * 20 - 10)));
|
394 |
+
fp32 = Math.max(50, Math.min(75, fp32 + (Math.random() * 1 - 0.5)));
|
395 |
+
vram = Math.max(1, Math.min(24, vram + (Math.random() * 0.4 - 0.2)));
|
396 |
+
bandwidth = Math.max(700, Math.min(950, bandwidth + (Math.random() * 20 - 10)));
|
397 |
+
|
398 |
+
// Update displays
|
399 |
+
document.getElementById('cuda-util').textContent = Math.round(cudaUtil);
|
400 |
+
document.getElementById('rt-util').textContent = Math.round(rtUtil);
|
401 |
+
document.getElementById('tensor-util').textContent = Math.round(tensorUtil);
|
402 |
+
document.getElementById('gpu-temp').textContent = Math.round(temp);
|
403 |
+
document.getElementById('power-draw').textContent = Math.round(power);
|
404 |
+
document.getElementById('fp32-perf').textContent = fp32.toFixed(1);
|
405 |
+
document.getElementById('vram-usage').textContent = vram.toFixed(1);
|
406 |
+
document.getElementById('mem-bandwidth').textContent = Math.round(bandwidth);
|
407 |
+
|
408 |
+
// Update visualizations
|
409 |
+
updateCoreActivity();
|
410 |
+
updateFanSpeed();
|
411 |
+
|
412 |
+
// Update sliders to match
|
413 |
+
document.getElementById('cuda-slider').value = Math.round(cudaUtil);
|
414 |
+
document.getElementById('rt-slider').value = Math.round(rtUtil);
|
415 |
+
document.getElementById('tensor-slider').value = Math.round(tensorUtil);
|
416 |
+
document.getElementById('vram-slider').value = vram.toFixed(1);
|
417 |
+
|
418 |
+
document.getElementById('cuda-slider-value').textContent = Math.round(cudaUtil) + '%';
|
419 |
+
document.getElementById('rt-slider-value').textContent = Math.round(rtUtil) + '%';
|
420 |
+
document.getElementById('tensor-slider-value').textContent = Math.round(tensorUtil) + '%';
|
421 |
+
document.getElementById('vram-slider-value').textContent = vram.toFixed(1) + 'GB';
|
422 |
+
|
423 |
+
// Add random log entries occasionally
|
424 |
+
if (Math.random() > 0.7) {
|
425 |
+
addRandomLogEntry();
|
426 |
+
}
|
427 |
+
}
|
428 |
+
|
429 |
+
// Add random log entries
|
430 |
+
function addRandomLogEntry() {
|
431 |
+
const logEntries = [
|
432 |
+
{text: "[PERF] Adjusting CUDA core allocation", color: "text-green-400"},
|
433 |
+
{text: "[RT] Processing ray tracing workload", color: "text-blue-400"},
|
434 |
+
{text: "[TENSOR] AI upscaling frame", color: "text-pink-400"},
|
435 |
+
{text: "[MEM] Transferring assets to VRAM", color: "text-blue-300"},
|
436 |
+
{text: "[DLSS] Analyzing frame with neural network", color: "text-yellow-400"},
|
437 |
+
{text: "[THERM] Adjusting fan curve", color: "text-orange-400"},
|
438 |
+
{text: "[SYSTEM] Emulation stable", color: "text-green-400"}
|
439 |
+
];
|
440 |
+
|
441 |
+
const entry = logEntries[Math.floor(Math.random() * logEntries.length)];
|
442 |
+
const logElement = document.createElement('div');
|
443 |
+
logElement.className = entry.color;
|
444 |
+
logElement.textContent = entry.text;
|
445 |
+
|
446 |
+
const logContainer = document.getElementById('emulation-log');
|
447 |
+
logContainer.appendChild(logElement);
|
448 |
+
logContainer.scrollTop = logContainer.scrollHeight;
|
449 |
+
}
|
450 |
+
|
451 |
+
// Initialize sliders
|
452 |
+
function initSliders() {
|
453 |
+
document.getElementById('cuda-slider').addEventListener('input', function() {
|
454 |
+
document.getElementById('cuda-util').textContent = this.value;
|
455 |
+
document.getElementById('cuda-slider-value').textContent = this.value + '%';
|
456 |
+
updateCoreActivity();
|
457 |
+
});
|
458 |
+
|
459 |
+
document.getElementById('rt-slider').addEventListener('input', function() {
|
460 |
+
document.getElementById('rt-util').textContent = this.value;
|
461 |
+
document.getElementById('rt-slider-value').textContent = this.value + '%';
|
462 |
+
updateCoreActivity();
|
463 |
+
});
|
464 |
+
|
465 |
+
document.getElementById('tensor-slider').addEventListener('input', function() {
|
466 |
+
document.getElementById('tensor-util').textContent = this.value;
|
467 |
+
document.getElementById('tensor-slider-value').textContent = this.value + '%';
|
468 |
+
updateCoreActivity();
|
469 |
+
});
|
470 |
+
|
471 |
+
document.getElementById('vram-slider').addEventListener('input', function() {
|
472 |
+
document.getElementById('vram-usage').textContent = this.value;
|
473 |
+
document.getElementById('vram-slider-value').textContent = this.value + 'GB';
|
474 |
+
});
|
475 |
+
}
|
476 |
+
|
477 |
+
// Initialize everything
|
478 |
+
document.addEventListener('DOMContentLoaded', function() {
|
479 |
+
initCoreVisualization();
|
480 |
+
initSliders();
|
481 |
+
updateCoreActivity();
|
482 |
+
updateFanSpeed();
|
483 |
+
|
484 |
+
// Start randomizing metrics periodically
|
485 |
+
setInterval(randomizeMetrics, 1500);
|
486 |
+
|
487 |
+
// Add some initial log entries
|
488 |
+
setTimeout(() => {
|
489 |
+
addRandomLogEntry();
|
490 |
+
setTimeout(() => {
|
491 |
+
addRandomLogEntry();
|
492 |
+
setTimeout(() => {
|
493 |
+
addRandomLogEntry();
|
494 |
+
}, 1000);
|
495 |
+
}, 800);
|
496 |
+
}, 500);
|
497 |
+
});
|
498 |
+
</script>
|
499 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=PrinzPesia/rtx-5080-ti-emulator" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
500 |
+
</html>
|
prompts.txt
ADDED
@@ -0,0 +1 @@
|
|
|
|
|
1 |
+
Erstelle eine Nvidia RTX 5080 Emulator. Also dass der CPU alles für RTX 5080 Ti Emuliert, so dass diese Programm denkt es läuft RTX 5080. Sprich: die ganze Grafik berechnung, SSE Also ganze: CUDA-Kerne ~15.000+ Raytracing-Cores Gen 4 RT Cores Tensor-Cores Gen 5 Tensor Cores (für DLSS 4.0?) Speicher 16–24 GB GDDR7 (oder schnellerer GDDR6X) Speicherinterface 256–320 Bit Rechenleistung FP32 60–70 TFLOPS (geschätzt, realistisch höher als RTX 4080) DLSS-Technik DLSS 4.0 (möglicherweise KI-basiert mit Video-Input). Soll der CPU übernehmen. Und als VRAM wird der RAM benutzt. Viel spaß.
|