Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Riki_89D en 21 Diciembre 2010, 18:55 pm



Título: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 21 Diciembre 2010, 18:55 pm
Hola que tal?¿

Veran necsito hacer un cuadrado que se mueva horizontalmente en JS,lo que pasa es que nose como hacer que se mueva de forma suave,nod e golpe,si lo ago usando setInterval y incrementando su posicion X me lo hace pero demasiado depresia,y si le pongo al intervala un o dos segundos lo hace a trompicones,necesito algo mas suave pero no tan rapido tipo flash y no puedo usar ningun tipo de Framework :S he visto algunos menus asin pero ni idea de como lo hacen,alguna sugerencia?¿



saludos


Título: Re: Efecto slide o Easyng en javascript
Publicado por: seele en 21 Diciembre 2010, 20:14 pm
pues tan solo deberias hacer que se mueva menos cantidad de pixels por segundo con eso lograras lo que necesitas, jquery tambien tiene opciones de movimiento de facil manejo

saludos


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Nakp en 21 Diciembre 2010, 20:23 pm
talvez este articulo te ayuda a comprenderlo :P

http://shiriru.blogspot.com/2007/09/javascript-animation-simple-easing.html

y aqui estan las ecuaciones con el demo de cada una de ellas :P en AS pero puedes traducirlas a javascript facilmente ;)

http://robertpenner.com/easing/

pues tan solo deberias hacer que se mueva menos cantidad de pixels por segundo con eso lograras lo que necesitas, jquery tambien tiene opciones de movimiento de facil manejo

saludos

que no man, que no!


Título: Re: Efecto slide o Easyng en javascript
Publicado por: seele en 21 Diciembre 2010, 20:26 pm
que cosa no, y porque no? asi me entero mejor

saludos


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 21 Diciembre 2010, 20:42 pm
No me dejan usar frameworks...xd por eso dice que no imagino,bueno en AS lo se hacer osea que intentare aplicarlo a JS,solo queria mas que nada la seguridad de sis e puede hacer en JS

muy buenos los enlaces Nakp


GRACIAS A TODOS!


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 21 Diciembre 2010, 20:52 pm
y por cierto aprovechando este POST,imagino que estas cosas siempre son mejor en AS que no en JS no?¿ la otra vez estuve hablando con un amigo y me comento que Flash esta al borde de desaparecer :S yo le pregunte que por que y me dijo (la verdad una absurdidez desde mi punto de vista) que es por que el robot de google no es capaz de leer los SWF (que yo sepa si que lee esos archivos,no completamente pero si una parte no?¿)

que opinan?¿


saludos


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Spider-Net en 21 Diciembre 2010, 23:16 pm
El flash yo también pienso que tiene poco futuro pero no porque el robot de google no los lea. Aunque es muy cierto que el SEO de una web flash es mucho más complicado que el de una web con texto plano. Siempre se indexará mejor el html.

El hecho de que flash creo que va a desaparecer es por la aparición de HTML5, pronto se podrán crear todo tipo de animaciones con HTML5, sin necesidad de ningún plugin adicional. Por ese motivo ya Apple no da soporte para flash en sus nuevos dispositivos, porque son compatibles con HTML5 y a su vez también youtube está ya implementando una versión Beta de HTML5 ( www.youtube.com/html5 ).
A mí flash nunca me ha gustado más que para hacer pequeños efectos de movimiento en banners o cabeceras, así que tampoco me apena que acabe desapareciendo xD


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 22 Diciembre 2010, 00:43 am
Imaginaba esa respuesta,el HTML5 lleva la etiqueta CANVAS su gran novedad para podewr dibujar atraves de JavaScriipt no?¿


salduos


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Nakp en 22 Diciembre 2010, 01:42 am
lo dudo, flash no desaparece pero sera desplazado en el desarrollo web :P creo que sera enfocado mas a otro tipo de aplicaciones :xD talvez juegos (html5 y webgl siguen en desarrollo)


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 22 Diciembre 2010, 02:37 am
Ni idea:S cntando que webs como YouTube Facebook i demas ya cuentan con HTML5 i dejan de lado al Flash tiende as pensar que va a desaparecer,pero no creo que desaparezca,sino lo que dice Nakp,sera orientado a otro tipo de aplicaciones


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Spider-Net en 22 Diciembre 2010, 04:18 am
Hombre, una tecnología no desaparece así xD, los vídeos VHS tampoco han desaparecido, todavía hay mucha gente que los tiene, pero qué porcentaje de población los usa hoy en día? Casi nadie. Yo pienso que con flash en un futuro pasará igual, quedará prácticamente desplazado por completo por HTML5.

El tema de los juegos tampoco creo que sea el futuro de Flash, los juegos en HTML5 le dan chorrocientas mil vueltas a las posibilidades de flash. Y sino mira esto, y eso que a HTML5 aún le queda bastante por evolucionar:

Citar
Es curioso, hasta el momento en el que no se supo que el iPad no reproduciría Flash nadie tenía nada en particular contra el vídeo en Flash, pero fue saber esto y que el iPad no podría reproducir todos esos vídeos que hay por internet y que todo el mundo se ponga en contra del vídeo en Flash. Seguramente muchos durían que “no sabían que estaban en contra del vídeo Flash hasta que Apple se lo recordó”, seguro…

Este vídeo publicado en el blog de Google sobre Web Toolkit muestra como han logrado portar Quake II a HTML5, es decir, un juego que usa tecnología HTML, javascript y WebGL para funcionar en un navegador. Ningún plugin de Flash necesario, sólo puro HTML5. En realidad, para ser algo más técnicos, se basaron en un proyecto que pasó Quake II a Java y de ahí, lo portaron a javascript para que un navegador lo pueda interpretar. Incluso Google ha publicado el resultado en Google Code para que cualquiera lo descargue y modifique.

Entonces, ¿qué quiere decir esto? Para una persona normal nada, pero como nosotros no somos personas normales, significa bastante. Significa que si se puede portar un juego a Java y de ahí a javascript… esta es otra patada en el estomago a Adobe y a la tecnología Flash. Porque hasta ahora los minijuegos se hacen en Flash por la facilidad de usarse en casi cualquier ordenador, pero cuando ahora mismo tenemos tantísimos dispositivos en nuestras manos que “no son capaces” de tener Flash o una velocidad digna, pero si compatibilidad con tecnologías HTML5… en fin, que si el 90% de los sitios de vídeos online se están pasando a HTML5, ¿cuanto falta para que también lo hagan los pequeños juegos?

XhMN0wlITLk

Fuente: http://gizmologia.com/2010/04/quake-ii-funcionando-en-un-navegador-con-html5


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Riki_89D en 22 Diciembre 2010, 11:18 am
Realmmente estoy asombradisimo con HTML5,y con una de sus venatjas como el canvas creo que es un grandisimo paso para el mundo d ela programacion web,conclusion con javascript+HTML5 creo que se pueden hacer maravills :)


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Nakp en 22 Diciembre 2010, 22:22 pm
no solo el canvas :xD algo que sin duda alguna tiene mucha importancia pero no se le da la debida son los websockets :P sin eso creo que html5 tendria un futuro opaco :xD no todo es video y audio en este mundo :P


Título: Re: Efecto slide o Easyng en javascript
Publicado por: Spider-Net en 23 Diciembre 2010, 15:58 pm
Los websockets son algo sumamente importante en html5. De hecho creo que la empresa de videojuegos que sepa aprovechar bien HTML5 va a tener mucho éxito. Imagínate un juego por navegador con infinitamente más posibilidades que los juegos actuales en cuanto a gráficos, sonido y jugabilidad, además multijugador y sin necesidad de instalar nada para jugarlo. Creo que puede ser todo un éxito.