Portada
Hace 13 años | Por tarkovsky a spielzeugz.de
Publicado hace 13 años por tarkovsky a spielzeugz.de

Partículas líquidas con HTML5

 spielzeugz.de

Experimento de programación con 500 partículas utilizando javascript, html5 y la etiqueta canvas

Etiquetas

DE3C548D-E347-406A-A60F-E6BBD322CAB7 479 65

Comentarios

tchaikovsky
editado

NUnca me cansaré de repetirlo. Por favor, dejad las cosas claras:

Javascript no es HTML5.

V 26
K 218
tarkovsky
autor
editado

#20 ¿Te has leído la entradilla?

V 3
K 39
tchaikovsky
editado

#25 ¿Te has leído mi comentario?
#28 #32 #37 El uso de canvas pertenece a HTML5, pero lo que se presenta aquí se puede hacer sin necesidad de esa etiqueta. Es decir, que no hace falta la existencia del HTML5 para hacer cosas así.

No hay que confundir una versión de un lenguaje de marcado semántico con un plugin (porque Javascript es un plugin) para hacer efectos. Y de esta última forma es como se pretende vender HTML5.

V 1
K -1
jazzman
editado

#20, pero canvas es una etiqueta bajo la especificación de HTML5, no?

V 2
K 25
D
editado

#28 Cierto y cierto #20, hasta donde yo se, html5 no puede hacerlo solico y necesita js, pero vaya lo importante es el uso de canvas

V 0
K 11
D
editado

#20 Pero canvas si.

V 0
K 9
D
editado

Conclusión: Se pueden hacer cosas que se pueden hacer con cualquier otro lenguaje de proposito generál, pero gastando muchisima más cpu y con 800 capas de abstacción más.

Muy bonito esto del HTML5, pero personalmente creo que habria sido mejor hacer borrón y cuenta nueva en lo que a tecnología para aplicaciones web se refiere, y dejar de arrastrar el lenguaje de finales de los 80 que usamos, que se creó para mostrar documentos.
Ahora un programador web que se precie 'deberia' conocer (y dominar al menos 5 cosas de la lista): HTML + javascript + lenguaje en el lado servidor (por ejemplo PHP o Java) + 1 framework del lenguaje de servidor (p. ej. Spring) + 1 framework de javascript (p. ej JQuery) + SQL + SOAP + XMLRPC + librerias para OpenID/Facebook/Mindongas + Flash + JSON + XML + XPath + DOM....
Un caos vamos

V 20
K 162
D
editado

#31 Totalmente de acuerdo.
La programación web hoy en día es un puto batiburrillo de tecnologías que hacen lo mismo que se hacía hace 10 años en un equipo de manera nativa.

V 2
K 25
tarkovsky
autor
editado

#31 por tu culpa voy a tener pesadillas esta noche cry

V 4
K 62
D
editado

#31 nadie dijo que fuera fácil. Siguiendo lo que entiendes tu por programador web "decente" desarrollar cualquier aplicación es un caos. Si quiero desarrollar una aplicación de escritorio también te pasa lo mismo (un monton de tecnologías y cosas).

De todas formas a mi el html+javascript me parece el mejor invento del mundo. No hay nada más potente y sencillo para interfaces gráficas. Con un editor de texto puedes crear interfaces mucho más complejas y precisas y en menos tiempo que con cualquier herramienta de java o .net.
El resto es programación "estandar" sin mayor dificultad.

Sinceramente, yo no lo cambiaría por nada.

V 2
K 24
D
editado

#49 Claro que nadie dijo que fuera fácil. Pero yo, y muchos, creemos que puede ser más fácil.
No puedo estar en desacuerdo sobre que html + javascript,sin nada más, sean lo 'más potente y sencillo'. Obviamente, como en todos los lenguajes, son susceptibles de ser escritos con un simple bloc de notas. Y obviamente, como todos los lenguajes turing-completo, se pueden hacer cualquier virguería con ellos. Pero, usando solo html +js a secas, controlar la simple entrada de usuario por formularios medianamente complejos ya es un calvario, del cual seguro que te dejas mil agujeros de seguridad por el camino, que una interfaz de usuario no son solo dibujitos...

V 2
K 26
estoyausente
editado

#31 así salen las webs que salen ^^

Luego ves eso en una oferta de empleo para que te paguen 1000€ y hechas a llorar

La verdad es que se podría crear una tecnología lo suficientemente potente para controlar todo eso.. a ver si Google se anima que parece que es el único que se mueve un poco.

V 0
K 10
D
editado

#31 Invoquemos a los muertos:

JavaScript! HTML! XML! DOM! XPath! (se escucha un trueno lejano y el viento se levanta)
JQuery! Flash! ActionScript! PHP! (empieza a llover y unas nubes negras ocultan la luna)
JSON! MySQL! Oracle! (la tierra se quebranta y se escuchan lamentos lejanos en la oscuridad)
J2EE! J2EE! J2EE! (acabamos de invocar a los muertos)

V 2
K 20
dogday
editado

Jeje ... llevo casi dos horas y media con ello ... lol

V 10
K 92
D
editado

#11 se ve que #1 se te ha adelantado lol

V 3
K 30
D
editado

70ºC alcanzados en 20''. Es un Pentium 4. ¿Alguien se atreve a superar mi récord de temperatura?

#1: Me temo que debes tener el procesador complétamente derretido. lol ¿No es así?

V 0
K 9
p
editado

Estas cosas siempre salen en examenes... mañana tengo uno y yo aquí jugando con bolitas... roll

V 9
K 91
D
editado

#13 Seguro que en mis exámenes del lunes en Física entra, ¿A que velocidad, con que aceleración iban las bolitas si les aplicamos una fuerza.. blablabla...? Y en estadísticas... ¿Qué probabilidad hay de que entre todas las bolitas de colores saquemos una verde? Seguro seguro que caen, así que yo estoy estudiando... lol

V 1
K 16
o
editado

¡Esta página y un porrito y ya tengo entretenimiento para una par de horas!

V 7
K 63
D
editado

#11 ¿Tú no deberías llamarte ocb mejor?

V 1
K 13
Stash
editado

Lo más gracioso es que aunque la ventana del navegador no tenga el foco, detecta el "mouseover" sin necesidad de hacer clic en la ventana

V 5
K 53
joshendrix
editado

¡Y mi navegador no se resiente!

V 4
K 41
almoss
editado

#3 pues mi ordenador no puede con todas, se resiente y mucho...

Cuando han salido solo 4 bien, pero las 500... a saltos, y gracias

Si, tengo que cambiarlo, pero es que son muchos años y le he cogido cariño

V 6
K 54
e
editado

#6 Yo a los ordenadores les tengo cariño cuando son nuevos, con los años acabo despreciándolos por completo.

V 0
K 7
Neofito
editado

#3 no se si viste una comparativa, era un efecto de particulas en un nexus one, entre html5 canvas vs flash. Flash le daba mil patadas en rendimiento (sacaba el doble si no recuerdo mal de fps).

V 0
K 8
D
editado

#43 En cuanto Flash haga el mismo recorrido que Java (de usarse para todo a no encontrar casi nunca un solo applet) verás que rápido optimizan todo el JavaScript lol

V 0
K 6
joshendrix
editado

#43 Sí lo vi, sí. Pero creo recordar que era una comparativa de móviles, ¿verdad?.

A mí la verdad me va muy fluído...

V 0
K 10
D
editado

OMG. It's full of stars.

V 3
K 33
Vauldon
editado

Mierda, es la sopa de letras mas dificil que he hecho jamás!

V 3
K 32
juanmix
editado

No son 500, yo solo he contado 173

V 3
K 29
m
editado

#26 ¿¿¿Como cojines las has contado?????!!

V 0
K 6
Garav
editado

¿Por curiosidad, no es lo mismo que un HTML normal? Quiero decir, que mirando el código fuente lo único destacable que veo es:

Parece que todo el efecto de la página sea Javascript.
Pregunta humilde y desde el desconocimiento.

V 3
K 27
D
editado

#42 Javascript contendra el algoritmo que mueve las partículas, qué aceleración, qué dirección, etc... pero todo eso se dibuja con canvas, que forma parte de la especificación HTML5. Prueba con IE6...

V 1
K 18
luzem
editado

pues tira del procesador de cojones. Y en un Phenom eso si, carga todo de un puto núcleo

V 2
K 25
T
editado

Que pena, uso explorer, no me deja verla... (aargg, 500 negativos por usar explorer).

En fin, un comentario estupido menos (aargg, otros 500 por insinuar que vuestros comentarios cada vez son mas estupidos).

V 5
K 23
D
editado

Mi ordenador con chrome y 5 pestañas abiertas (algunas con algo de Flash 5% CPU, abro esta pestaña muevo las boltias 45% de CPU.

Es un C2Duo a 2Ghz con 2GB de RAM

V 2
K 21
J
editado

50% de procesador (un P4 HT) corriendo en Opera 10.53, En Firefox consume lo mismo, pero va mucho más fluído en Opera.

V 2
K 21
D
editado

Bua, acabo de tocar el .jr añadiendole 1000 puntos, el core i7 no tiene cohones a moverlo bien

V 1
K 20
D
editado

HTML5, el geocities del futuro

V 1
K 17
pirulotropical
editado

Pufff... se me ha puesto a 100 el ordenador

V 1
K 17
okus
editado

Se siente como dios jugando al Big Bang...

V 1
K 17
F
editado

Paranoico total. Arrinconadlas!!!

V 1
K 16
Nadrops
editado

Lo acabo de probar con Firefox, Chrome y Opera. Por curiosidad me dio por mirar el consumo de recursos y acabo de decidir que me despido de mi zorro de fuego para usar Chrome.

V 1
K 16
Candidatas
38
meneos
actualidad DW - Rusia: ¿a punto de tomar Jarkov?
53
meneos
actualidad Toneladas de radiografías del Archivo del Hospital Valdecilla fueron recicladas en Alemania y la plata obtenida se la quedó el gestor privado
18
meneos
cultura ¿Quién puede matar a un niño? Hitchcock a la española
29
meneos
actualidad Japón cambiará ley para proteger a los trabajadores de los clientes
42
meneos
mnm Conservar el suelo, uno de los grandes retos de la ciencia y de la humanidad
39
meneos
cultura La siniestra casa amarilla en los Alpes austríacos donde una doctora experimentó cruelmente con niños
31
meneos
actualidad UB, UAB, Complutense de Madrid y la de Valencia, entre las 300 mejores universidades del mundo según el ranking CWUR
18
meneos
actualidad Sandy Hook, InfoWars y el caso de difamación más atroz de la historia en nuevo documental
33
meneos
actualidad Rusia descubre las mayores reservas de petróleo del mundo en un lugar casi imposible de explotar
29
meneos
actualidad Canadá practica la eutanasia a los pobres y discapacitados
24
meneos
actualidad La parálisis de la educación pública española: faltan 43.000 docentes y los interinos triplican el porcentaje recomendado
56
meneos
actualidad El último graduado de la Universidad de Texas iza la bandera palestina y un funcionario le pide que se vaya, pero él se niega
elsusto
editado

Si no mueve el ratón y dejas que todo se concentran , puede hacer el big bang .

V 1
K 16
M
editado

Esto va a ser peor que el efecto Pacman de Google ya vereis, es que da un gustazo jugar con esto, y no hay puntuacion ni ganador ni na, un pozo sin fonde de tiempo.

V 1
K 12
D
editado

Madre mia, que pasada!!! quiero poner 5.000!!!

V 0
K 10
reddo
editado

Creo que segun el codigo de ese script son 550 particulas en total

V 0
K 8
ThEInSaNE
editado

Triposssoo

V 0
K 8
D
editado

Joder con el HTML 5... habrá que aprenderlo ¿no? Si alguien sabe ya de un curso online o algo que lo diga.

V 0
K 8
Infra_Red
editado

Muy bonito, pero FAIL en ipad, no se puede interactuar y el principio va mega-lento...

V 0
K 7
D
editado

Mi PC no se resiente. Esta bastante guapo en general.
Quien no se va a una esquina junta todas las bolitas y hace click... BOOOOOOOOOOOOOM.

V 0
K 7
D
editado

Tras dejar el cursor quieto y hacer un clic, me recuerda mucho al Big Bang, hasta cuando las partículas vuelven...oh wait!

V 0
K 7
D
editado

#0 mete por ahí el iconillo ese de gráfico

V 0
K 7
tarkovsky
autor
editado

Ya no me deja #7 .. aunque el icono para mí es de fotografía, y esto no es una foto

V 0
K 14
D
editado

#9 Ya lo hago yo

Por cierto, me encanta!!

V 0
K 7
k
editado

esto....¿Categoría HTML5 ya?

V 0
K 6
p
editado

LIQUID WAR!!

V 0
K 6
C
editado

A mí el de las letras me peta, pero el de bolitas no

V 0
K 6
Ajusticiator
editado

¡¡¡¡¡¡¡¡¡¡¡Cómo molaaaaaaaa!!!!!!!!!!!!!!!!

V 0
K 6
ajaxman_1
editado

En Opera no funciona

V 0
K 6
Melirka
editado

Dioss!!!!! esto es tremendamente adictivo, llevo como 10 minutos, no puedo parar!! lol

V 0
K 6
selcycer
editado

Ponle Velcro!!

V 0
K 6
fires
editado

nuy bueno realmente.. cada vez se demuestra mas que se puede hacer de todo con el html5

V 0
K 6
b
editado

joder, si dice steve jobs que en su aparatito nunca habra flash, todos tratando de a ver como utilizar otras tecnologias para olvidarnos ya de flash...

no se, siento que algo anda mal...el se deberia adaptar, no los demas...porque desde que jobs lo odia todos ahora quieren coronar a HTML5 de rey definitivo, cuando aun esta en pañales a comparacion de flash...

V 0
K 6
B
editado

#53 ¿quien ha dicho que esto sea por steve jobs? ¿no tendra mas que ver con que flash sea cerrado y html5 no?

V 0
K 6