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.

[#13 --99674--]

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

[#3 --494665--]

Pero qué puta barbaridad es esta??

[#5 U221E__]

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

[#20 omegapoint]

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

[#9 --209417--]

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

[#18 alexwing]

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

[#25 facelessVoid]

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

[#11 BastardWolf]

#2 pues casi casi es eso

[#14 --178580--]

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

[#21 omegapoint]

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

[#24 --178580--]

#21 Me lo tomaré como un cumplido

[#2 SirMcLouis]

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

[#15 Pepintre]

#6 flex

[#17 Endor_Fino]

OH MAI GOZ!! Me he quedado ojiplático

[#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/

[#8 --76770--]

#5 O overkill

[#12 mickeymouse]

tiene años esa web

[#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/

[#30 U221E__]

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

Te sobran las comillas. Es arte.

[#33 arn01d]

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

[#4 BastardWolf]

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

[#26 eltoloco]

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

[#28 omegapoint]

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

y construir el modelo.

casi nada

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

[#7 --590763--]

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

[#23 --584615--]

But why?  

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

[#31 piticlibonito]

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

[#34 piticlibonito]

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

[#10 --602071--]

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

[#19 GameLover54]

#5 A mi "arte"

[#35 U221E__]

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

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

[#32 U221E__]

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