Portátil 3D — Remake (WebGL)

Arrastra para orbitar · rueda para acercar · doble clic para abrir o cerrar la tapa · pulsa teclas de tu teclado

Controles

Tapa 105° Giro automático Retroiluminación

Mismos datos que el CSS: Las 104 teclas salen de src/keyboard-layout.js, las coordenadas exactas del stylePc.css original. Sólo cambia el renderizador.
Una sola llamada de dibujo: Las 104 teclas son un InstancedMesh. Cada etiqueta viaja con su tecla gracias a un atlas indexado por instancia, así que al pulsar se hunde con el texto incluido.
Metal con reflejos: Mapa de entorno PMREM generado a partir de RoomEnvironment. Aluminio que refleja un plató sin descargar ningún HDRI.
La pantalla ilumina: Un RectAreaLight en el plano del panel. Va dentro del grupo de la tapa, así que al cerrarla el teclado se apaga solo.
Render bajo demanda: Si nada se mueve no hay requestAnimationFrame en marcha, y la GPU queda a cero.