asd

27

Abr

Carga secuencial de imagenes con cargador – Random posición _X and _Y + _rotation

Publicado por: LeoBaraldi

Bueno esto es el el génesis de mi nuevo porfolio que la idea es que cargue las miniaturas y las desordene en las coordenadas x & y de mi escenario, también le sumamos un efecto de rotación.

Este es solo la idea principal sin nada mas pero me pareció interezante el modo de gestionar la carga de cada película y una vez cargada desencadenar un evento, se los dejo porque puede ser muy útil para otras cosas mas creo.

Mas adelante les dejo el codigo completo cuando este listo el portfolio.

Clic para ver Texto Plano
Actionscript:
  1. //
  2. MovieClip.prototype.easing = function(Xfin, Yfin, velocidad) {
  3. // Efectos: Regular Bounce Elastic Strong Back None
  4. // Tipos: easeIn easeOut easeInOut
  5. efecto = mx.transitions.easing.Regular.easeOut;
  6. this.mi_TweenX = new mx.transitions.Tween(this, '_x', efecto, this._x, Xfin, velocidad, false);
  7. this.mi_TweenY = new mx.transitions.Tween(this, '_y', efecto, this._y, Yfin, velocidad, false);
  8. };
  9. MovieClip.prototype.rotar = function(Xfin, velocidad) {
  10. efecto = mx.transitions.easing.Strong.easeOut;
  11. this.mi_TweenX = new mx.transitions.Tween(this, '_rotation', efecto, this._x, Xfin, velocidad, false);
  12. };
  13. //
  14. function numeroAleatorio(desde, hasta) {
  15. return desde+Math.round(Math.random()*(hasta-desde));
  16. }
  17. //
  18. var ImagenesTotal = 5;
  19. var contador = 1;
  20. var mi_ClipLoades = new MovieClipLoader();
  21. mi_ClipLoades.onLoadProgress = function(targetMC, loadedBytes, totalBytes) {
  22. var porcentaje = Math.round((loadedBytes/totalBytes)*100)+"%";
  23. //trace(porcentaje);
  24. _root.porcentaje_mc.porcentaje_txt.text = porcentaje;
  25. };
  26. //
  27. mi_ClipLoades.onLoadInit = function(target:MovieClip) {
  28. };
  29. //
  30. mi_ClipLoades.onLoadStart = function(target:MovieClip) {
  31. porcentaje_mc._visible = true;
  32. };
  33. //
  34. this.attachMovie("porcentaje", "porcentaje_mc", 999);
  35. porcentaje_mc._x = Stage.width/2-(porcentaje_mc._width/2);
  36. porcentaje_mc._y = Stage.height/2-(porcentaje_mc._height/2);
  37. //
  38. mi_ClipLoades.onLoadComplete = function(targetMC) {
  39. _root.porcentaje_mc._visible = false;
  40. _root["cont"+contador].my_txt.text = contador;
  41. _root["cont"+contador].easing(numeroAleatorio(50, 500), numeroAleatorio(50, 350), 20);
  42. _root["cont"+contador].rotar(numeroAleatorio(0, 180), 20);
  43. contador++;
  44. cargarFoto();
  45. };
  46. cargarFoto = function () {
  47. if (contador<=ImagenesTotal) {
  48. this.attachMovie("cont", "cont"+contador, this.getNextHighestDepth());
  49. _root["cont"+contador]._x = Stage.width/2-(_root["cont"+contador]._width/2);
  50. _root["cont"+contador]._y = Stage.height/2-(_root["cont"+contador]._height/2);
  51. mi_ClipLoades.loadClip(contador+".jpg", _root["cont"+contador].conIn);
  52. }
  53. };
  54. cargarFoto();
  55. stop();

ver ejemplodescargar archivos
categorias: ActionScript 2 Coment.: 2

19

Abr

Generador de fondos rallados

Publicado por: LeoBaraldi

Una característica común que comparten los sitios creados en CSS es que tienen en algún lugar, mucho o poco algún detalle o fondo con rallas diagonales. Esta característica es sin dudas una firma del CSS en el mundo de los que diseñan, como muchos sabes y mas aquellos que usamos Firewoks es muy fácil hacerlos pero para los que son mas del PhotoShop se les complica la cosa un poco, bueno acá la solución para ellos!!! un generador de rallitas con todas las posibilidades que puedas imaginar!

http://www.stripegenerator.com/index.php?page=index

categorias: Diseño Web , Recursos Coment.: -

19

Abr

Logos y marcas en vectores para diseño

Publicado por: LeoBaraldi

Este sitio recompila todo un set de logos y marcas mas famosas en diferentes formatos pero lo mas importante es que son todos en formato de vectores asi que puedes editarlos u adaptarlos a tus diseños.

http://www.brandsoftheworld.com/

categorias: Diseño Coment.: -

19

Abr

Iconos para diseño web

Publicado por: LeoBaraldi

No hay mucho para esplicar, le paso la lista nomas:

http://somerandomdude.net/srd-projects/sanscons/ - iconos
http://gtmcknight.com/buttons/hosts.php - pastillas
http://www.antipixel.com/blog/archives/2002/10/22/steal_these_buttons.html - generador de pastillas
http://kalsey.com/tools/buttonmaker/ - generador de pastillas
http://www.famfamfam.com/lab/icons/mini/ - iconos
http://www.lighttek.com/themes/themes.php?D1=Icon%20Sets&D5=Date - iconos
http://www.ndesign-studio.com/resources/mini-pixel-icons/ - y mas iconos

categorias: Diseño Web , Recursos Coment.: -

19

Abr

Estilizar formularios con css

Publicado por: LeoBaraldi

Esta es una excelente aplicasion realizada por badboy para estilizar o adornar mejor nuestros formularios usando CSS y Java el resultado son formularios muy agradables a la vista y personalizables si es que nos animamos a modificar un poquito el código y las imagenes, muy recomensable si queres despedirte de los habituales y aburridos formulario.

http://www.badboy.ro/articles/2005-07-23/niceforms_preview/

categorias: CSS , Diseño Web , HTML - XHTM , Recursos Coment.: -

19

Abr

Generador de cajas con bordes redondeados

Publicado por: LeoBaraldi

Bueno como el titulo lo dice es tal cual, solo elegimos los colores que vamos a usar y listo nos regala la div con los bordes redondeados listos para usar en nuestra web, muy interezante para aquellos que comienzan y pueden de esta manera viendo el codigo entender como se hace ;)

http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=FFFFFF&fondo=F2F2F2

categorias: CSS , Diseño Web , Recursos Coment.: -

Leonardo David Baraldi

Leonardo Baraldi

Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.

ultimos post

Usa Firefox es mejor che!!!
Copyright © 2008 LeoBaraldi. Todos los derechos reservados.
Designed by LeoBaraldi and powered by Wordpress | RSS Feed
Love WordPress
Manifesto
Manifesto solutions
Sponsort Oficial de LeoBaraldi