Test

Prompt

I need you to write a "Single-File Artifact" using HTML5, CSS3, and Vanilla JavaScript. The goal is to create a digital curiosity that I can leave on a desktop to surprise a bored student. It needs to be visually stunning, highly optimized, and completely self-contained (no external assets, images, or libraries). Please use your "Thinking" process to plan the architecture first, ensuring the code is clean and bug-free. Here are the specifications for the file: 1. THE "HOOK" (The Terminal): - When the file opens, the screen should be black. - Render a retro, CRT-style "boot sequence" using green or amber text. - It should log fake system processes like "Initializing Neural Link...", "Bypassing Security Node...", "Loading Geometry Engine...". - Make it look authentic (cursor blinking, varying typing speeds). 2. THE "PAYLOAD" (The Visualizer): - After the boot sequence finishes (approx 5-8 seconds), the terminal should "glitch" out and transition smoothly into a high-performance interactive canvas element. - Create a "Particle Life Simulation" or a "3D Raycasting Maze" or a "Procedural Terrain Flyover." Choose whichever you think will be most visually impressive to a student. - It must react to mouse movements (e.g., particles fleeing the cursor, or rotating the camera). 3. TECHNICAL CONSTRAINTS: - EVERYTHING must be in a single index.html file. - Use distinct classes for CSS. - Use efficient JavaScript (requestAnimationFrame) so it doesn't lag on school hardware. - Add a subtle "hidden" feature: if the user presses the 'H' key, bring up a small overlay text that says "Project: OPUS // Created by Anonymous". Write the full, functional code block now.

A system prompt was added to support web rendering