Motor grafico 3D usando HTML y CSS (ENG)

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.

[#2 SirMcLouis]

Había leído motor de grafeno... usando html y css... WTF!

[#3 --494665--]

Pero qué puta barbaridad es esta??

[#4 BastardWolf]

Y yo rompiendome los cuernos con Unity3D... me acabo de quedar con el culo roto

[#5 U221E__]

La primera palabra que se me viene a la cabeza es "ineficiencia"

[#7 --590763--]

#5 Bueno, pues ya sabes donde está el tajo...

[#8 --76770--]

#5 O overkill

[#9 --209417--]

#1 y se ha estado moviendo estos días por Twitter, sí. Yo tampoco lo conocía de antes. Es un currazo.

[#10 --602071--]

Puta aberración, dejad a los muertos en paz!

[#11 BastardWolf]

#2 pues casi casi es eso

[#12 mickeymouse]

tiene años esa web

[#13 --99674--]

Hay que ver lo que llegan a hacer los maquetadores de html para que les reconozcamos que lo que hacen es programar.

[#14 --178580--]

Visto desde fuera del mundo de la programación: estaría bien como juego en 1997.

[#15 Pepintre]

#6 flex

[#16 borrico]

Muaravilloso y flipante a parte iguales. No lo conocía, gracias por el meneo.

EDIT. Joder que me he metido en la portada y también ha hecho VR y juegos con CSS, HTML y Javascript
keithclark.co.uk/

[#17 Endor_Fino]

OH MAI GOZ!! Me he quedado ojiplático

[#18 alexwing]

Un poco como funcionaba el motor 3d de la Sega Saturn www.youtube.com/watch?v=FM3cQt-3kGM

[#19 GameLover54]

#5 A mi "arte"

[#20 omegapoint]

#6 bueno, tiene gran cantidad de javascript. no solo marcado y estilo.
cc #13

[#21 omegapoint]

#14 como se nota que no eres del mundo de la programación

[#22 arturios]

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.

keithclark.co.uk/labs/css-fps/nojs/

[#23 --584615--]

But why?  

[#24 --178580--]

#21 Me lo tomaré como un cumplido

[#25 facelessVoid]

#23 Aquí está la respuesta por el mismo creador del demo:
twitter.com/keithclarkcouk/status/1099694066739089408

[#26 eltoloco]

#20 si, pero el JS se limita a modificar las propiedades CSS, no hay canvas ni nada por el estilo.

[#27 piticlibonito]

#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.

[#28 omegapoint]

#26 pero el JS se limita a modificar las propiedades CSS

y construir el modelo.

casi nada

[#29 U221E__]

#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.

[#30 U221E__]

#19 Bueno, si, arte indiscutiblemente. Pero arte ineficiente al fin y al cabo.

Te sobran las comillas. Es arte.

[#31 piticlibonito]

#29 Es que nadie lo pone en duda. La cosa es que para decir obviedades pues tú dirás.

[#32 U221E__]

#31 Te compro ya la buambulancia ? o todavía no ?

[#33 arn01d]

#1 25 JANUARY 2013
*_{buenos artículos en su blog}

[#34 piticlibonito]

#32 Te puedes pedir una para ti, que no me da que ni siquiera tienes claro el concepto de la buambulancia

[#35 U221E__]

#34 Eres tu el que has empezado a llorar cuando ni siquiera te han llamado.

[#36 eltoloco]

#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.

[#37 omegapoint]

entonces no me digáis que no ha programado o que solo usa marcado y estilo, porque es rotundamente falso.