Ambient CSS v3: física de la luz para CSS, como Blender en la web
Ambient CSS v3 – Blender meets CSS
Ambient CSS v3 lleva la iluminación basada en física a CSS, permitiendo que cada escena se re-ilumine en vivo. Incluye luces globales y personalizadas, materiales como mate, brillante, vidrio, cepillado, girado y granallado, acabados de superficie (cóncava, convexa, plana) y tratamientos de bordes. Además, ofrece componentes React y control interactivo de dirección de luz con el puntero.
Cada escena se re-ilumina en vivo con luz ambiental basada en física.
- CSSer
Realmente me desagrada cómo el estilo de dribbble/envato de alguna manera escapó del confinamiento hacia Claude y ahora lo veo por todas partes mezclado con diseños mediocres. Pienso para mí mismo que quizás cosas como esto ayudarán a contrarrestar eso, pero luego lo veo en uso con tipografía de 12px (el tablero 3D de kubernetes) y retrocedo horrorizado. Por favor, consideren esto un aviso público: Claude no entiende UX ni buenos principios de diseño de fábrica. Por favor, ve a abrazar a un diseñador.
- graypegg
Queja menor, pero la elevación tendría mucho más sentido si asumieras un plano base + establecieras una perspectiva, y luego hicieras translate3d hacia arriba en el eje Z. Eso también aumentaría el tamaño del elemento.
Dicho esto, probablemente sea molesto trabajar con nodos DOM transformados, pero que el fondo sea lo único que se mueve en el ejemplo de 'rebote' simplemente me pareció extraño.
Además, las texturas parecen ser solo degradados o datos de textura incrustados. Pensaba que esto usaría https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V... y recurriría a degradados/imágenes predefinidas para Firefox.
- alexaholic
Solíamos hacer esto durante la era de la Web 2.0 con PNGs, GIFs y `progid:DXImageTransform` porque en ese entonces no podías hacerlo solo con CSS estándar. Luego, a medida que CSS (¡y MS!) evolucionaron para permitirlo, el mundo pasó a las interfaces planas. Es irónico, ¿no?
- mminer237
Idea interesante, pero se siente muy mal hecha.
La dirección de la luz gobierna toda la cuadrícula por alguna razón, pero se detiene fuera de un div arbitrario y a menudo simplemente deja de funcionar, además de sentirse lenta para un efecto tan simple.
Los canales están desordenados. El ejemplo no parece funcionar, mientras que en el video simplemente hace dos bordes blancos por alguna razón.
Las opciones de color y texturas son un poco feas. Los colores de vidrio claramente no funcionan. 'Brass' se convierte en 'Olive' en el último sin razón alguna.
Los botones de radio son una mala idea para una interfaz digital, implementados de manera completamente inconsistente(‽), y el del medio simplemente no funciona en absoluto.
Los botones prácticamente no tienen retroalimentación si se presionan o no.
Me recuerda mucho al material design de Google, al menos a las versiones anteriores, solo que mucho más descuidado, menos usable y menos colorido.
- charlesrice
Mi favorito son las perillas donde algunas puedes agarrarlas y girarlas como si fueran físicas, pero otras solo reaccionan a la posición vertical del cursor, así que te sientes como un loco tratando de usarlas.