Add instruction to click on page to enable keyboard controls
Browse files- static/index.html +3 -0
static/index.html
CHANGED
|
@@ -59,6 +59,9 @@
|
|
| 59 |
<div id="waitingMessage" style="margin-top: 12px; padding: 8px; background: #333; border-radius: 4px; display: none; color: #ffa500;">
|
| 60 |
⏳ Another player is currently using the stream. Please wait for them to finish.
|
| 61 |
</div>
|
|
|
|
|
|
|
|
|
|
| 62 |
<div style="margin-top: 12px; font-size: 14px; color: #aaa; line-height: 1.5;">
|
| 63 |
This demo uses a small transformer model trained with rectified flow matching to simulate Pong game frames conditioned on user inputs. The model generates 24×24 pixel frames in real-time using diffusion sampling with configurable steps. Performance targets ~16 FPS with 4 diffusion steps on GPU hardware.
|
| 64 |
</div>
|
|
|
|
| 59 |
<div id="waitingMessage" style="margin-top: 12px; padding: 8px; background: #333; border-radius: 4px; display: none; color: #ffa500;">
|
| 60 |
⏳ Another player is currently using the stream. Please wait for them to finish.
|
| 61 |
</div>
|
| 62 |
+
<div style="margin-top: 12px; padding: 8px; background: #222; border-radius: 4px; border-left: 3px solid #09f; color: #ccc; font-size: 13px;">
|
| 63 |
+
💡 <strong>Tip:</strong> Click anywhere on this page to enable keyboard controls. Use <strong>Arrow Keys</strong> or <strong>WASD</strong> to control the paddle.
|
| 64 |
+
</div>
|
| 65 |
<div style="margin-top: 12px; font-size: 14px; color: #aaa; line-height: 1.5;">
|
| 66 |
This demo uses a small transformer model trained with rectified flow matching to simulate Pong game frames conditioned on user inputs. The model generates 24×24 pixel frames in real-time using diffusion sampling with configurable steps. Performance targets ~16 FPS with 4 diffusion steps on GPU hardware.
|
| 67 |
</div>
|