CSS FPS es un experimento que recrea un entorno interactivo en 3D. La geometria es creada usando elementos HTML y transformaciones CSS. Las texturas y los mapas de luz se generan sobreponiendo background-images (propiedad CSS) y el color se aplica usando la propiedad blend-mode.
Soy consciente que este enlace tiene ya su tiempo, sin embargo, es de una calidad que le permie ser admirable todavia a fecha de hoy. Por otro lado, nunca llego a Meneame.
#6:
#4 Hay dos tipos de personas en este mundo: quienes sangran hasta conseguir un centrado vertical de un elemento, mediante CSS, y luego esta este tio, que te pare un motor grafico con lenguajes de marcado y estilo
No somos nada
#13:
Hay que ver lo que llegan a hacer los maquetadores de html para que les reconozcamos que lo que hacen es programar.
Soy consciente que este enlace tiene ya su tiempo, sin embargo, es de una calidad que le permie ser admirable todavia a fecha de hoy. Por otro lado, nunca llego a Meneame.
#28 es que no hay otra forma de modificar el DOM que no sea mediante JS. Dicho de otra forma, una web sin JS es una web estática, y por lo tanto es imposible hacer nada parecido a esto sin JS.
#5 mimimimi
Gracias Sara.
¿Te crees que el que se ha picado el motor este no es consciente de las limitaciones y que aparte de reinventar la rueda(hola threejs), lo está haciendo "mal"?
Es un simple demostración de "porque se puede" sin mayores pretensiones. Algunos os la tenéis que coger con papel de fumar, de verdad.
#27 Todo eso me importa una mierda. Pero es obvio que es ineficiente. Y es la palabra que me viene a la cabeza. Si no te gusta si quieres te compro una buambulancia.
#4 Hay dos tipos de personas en este mundo: quienes sangran hasta conseguir un centrado vertical de un elemento, mediante CSS, y luego esta este tio, que te pare un motor grafico con lenguajes de marcado y estilo
Comentarios
Detalles tecnicos de la implementacion :
https://keithclark.co.uk/articles/creating-3d-worlds-with-html-and-css/
Soy consciente que este enlace tiene ya su tiempo, sin embargo, es de una calidad que le permie ser admirable todavia a fecha de hoy. Por otro lado, nunca llego a Meneame.
#1 y se ha estado moviendo estos días por Twitter, sí. Yo tampoco lo conocía de antes. Es un currazo.
#1 25 JANUARY 2013
*buenos artículos en su blog
Hay que ver lo que llegan a hacer los maquetadores de html para que les reconozcamos que lo que hacen es programar.
#6 bueno, tiene gran cantidad de javascript. no solo marcado y estilo.
cc #13
#20 si, pero el JS se limita a modificar las propiedades CSS, no hay canvas ni nada por el estilo.
#26 pero el JS se limita a modificar las propiedades CSS
y construir el modelo.
casi nada
#28 es que no hay otra forma de modificar el DOM que no sea mediante JS. Dicho de otra forma, una web sin JS es una web estática, y por lo tanto es imposible hacer nada parecido a esto sin JS.
Pero qué puta barbaridad es esta??
La primera palabra que se me viene a la cabeza es "ineficiencia"
#5 Bueno, pues ya sabes donde está el tajo...
#5 O overkill
#5 A mi "arte"
#19 Bueno, si, arte indiscutiblemente. Pero arte ineficiente al fin y al cabo.
Te sobran las comillas. Es arte.
#5 mimimimi
Gracias Sara.
¿Te crees que el que se ha picado el motor este no es consciente de las limitaciones y que aparte de reinventar la rueda(hola threejs), lo está haciendo "mal"?
Es un simple demostración de "porque se puede" sin mayores pretensiones. Algunos os la tenéis que coger con papel de fumar, de verdad.
#27 Todo eso me importa una mierda. Pero es obvio que es ineficiente. Y es la palabra que me viene a la cabeza. Si no te gusta si quieres te compro una buambulancia.
#29 Es que nadie lo pone en duda. La cosa es que para decir obviedades pues tú dirás.
#31 Te compro ya la buambulancia ? o todavía no ?
#32 Te puedes pedir una para ti, que no me da que ni siquiera tienes claro el concepto de la buambulancia
#34 Eres tu el que has empezado a llorar cuando ni siquiera te han llamado.
Un poco como funcionaba el motor 3d de la Sega Saturn
#21 Me lo tomaré como un cumplido
Visto desde fuera del mundo de la programación: estaría bien como juego en 1997.
#14 como se nota que no eres del mundo de la programación
OH MAI GOZ!! Me he quedado ojiplático
Si la primera demo es alucinante, la que NO usa javascript, aun siendo limitada por que no se puede hacer ná, lo es más aun si eso es posible.
https://keithclark.co.uk/labs/css-fps/nojs/
Había leído motor de grafeno... usando html y css... WTF!
#2 pues casi casi es eso
tiene años esa web
Muaravilloso y flipante a parte iguales. No lo conocía, gracias por el meneo.
https://keithclark.co.uk/
entonces no me digáis que no ha programado o que solo usa marcado y estilo, porque es rotundamente falso.
Y yo rompiendome los cuernos con Unity3D... me acabo de quedar con el culo roto
#4 Hay dos tipos de personas en este mundo: quienes sangran hasta conseguir un centrado vertical de un elemento, mediante CSS, y luego esta este tio, que te pare un motor grafico con lenguajes de marcado y estilo
No somos nada
#6 flex
But why?
#23 Aquí está la respuesta por el mismo creador del demo:
Puta aberración, dejad a los muertos en paz!