Preloader, como hacerlo « Aumentality Foro

Aumentality Foro » Preguntas Generales

Preloader, como hacerlo

31 mensajes from 11 participantes

Iniciado hace 2 años por onodo
Última Respuesta por ZoiX
Este hilo está resuelto

Etiquetas:

12…4 Siguiente »

onodo

Usuario Preferido
Desde: Nov '09
Posts: 106

¿Como hacer un preloader para que te cargue la animación en AR?

Ryo007 comentó que este fin de semana pasado miraría de hacer algo y colgar-lo en el foro.

¿Has podido averiguar algo Ryo007?

Publicado hace 2 años #
ZoiX

Administrador
Desde: Sep '09
Posts: 1.133
onodo, haz de cuenta que el foro anterior no existe, edito tu mensaje
Actionscript:

var mcRequ:URLRequest = new URLRequest("tu_swf_de_RA.swf");

var mcLoad:Loader = new Loader();

mcLoad.load(mcRequ);

mcLoad.contentLoaderInfo.addEventListener(Event.OPEN, onOpen);

mcLoad.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);

mcLoad.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);

function onOpen(event:Event):void {

txtload.text = "0%";

}

function onProgress(event:ProgressEvent):void {

var bLoaded = event.bytesLoaded;

var bTotal = event.bytesTotal;

txtload.text = Math.round(100*bLoaded/bTotal)+"%";

}

function onComplete(event:Event):void {

txtload.text = "";

addChild(mcLoad);

removeChild(mc_cargando);

}
txtload es un campo de texto dinámico.
mc_cargando es un movieClip que tiene dentro un circulito de carga, como por ejemplo este.

Esto en AS3.

PD: Perdona que las comillas se transformen en &quot, aún no soluciono eso.

Sugerencias y Aclaraciones sobre el foro
@inkframe
If you can imagine, we can make it | ZoiXLand
Publicado hace 2 años #
Ryo007

Moderador
Desde: Oct '09
Posts: 422
mmm estuve casi todo el día domingo trtando de hacer el loader, pero no me resulto para nada... mas o menos era algo parecido a lo que posteo zoix.

Una consulta Zoix, como creo el campo de texto dinamico? eso me freno el dia domingo, y lo otro, como tendría que pasar desde la parte de estar cargando al script del RA? yo estaba probando esto por si interesa:
Actionscript:

var loader:Loader = new Loader();

var info:LoaderInfo = loader.contentLoaderInfo;

info.addEventListener(Event.COMPLETE, onComplete);

info.addEventListener(IOErrorEvent.IO_ERROR, onIOError);

info.addEventListener(ProgressEvent.PROGRESS, onProgress);

loader.load(new URLRequest("ejemplo.swf"));

function onProgress(evt:ProgressEvent):void {

var percentage:int = Math.round(evt.bytesLoaded * 100 / evt.bytesTotal);

trace(percentage);

}

function onComplete(evt:Event):void {

trace("Carga completada");

}

function onIOError(evt:IOErrorEvent):void {

trace(evt.text);

}
Y en vez de "ejemplo.swf" ahi ponia el dae. La idea era que cuando llegara a "oncomplete" ejecutar el codigo de la RA ahi... pero nunca supe como... y ademas, como hacer que en pantalla saliero eso en un texto dinamico, que lo habia visto en otro lado, pero nunca supe como crearlo por codigo.

Sitio Web con Demostraciones y Codigos Fuentes para mi Trabajo de Titulación (o Tesis):
http://ra-utem.uphero.com
Publicado hace 2 años #
ZoiX

Administrador
Desde: Sep '09
Posts: 1.133

Para el campo de texto dinámico sólo tienes que crear un texto y en las propiedades le das "Dynamic Text":

En realidad puedes poner el SWF resultante de Flex/Flash con tu proyecto de RA

Publicado hace 2 años #
onodo

Usuario Preferido
Desde: Nov '09
Posts: 106

OK!

Pero yo tengo alguna duda.
¿este codigo donde lo metes?

No entiendo... ¿tienes que hacer un archivo exterior al del AR y que llame al SWF del AR? ¿Con que lo haces este archivo con flash? Y para acabar, el html que se crea para llamar el swf del AR tienes que ponerle el archivo que creas con el loader? ¿en que formato? Porfavor si pudieras explicar un poco como aplicarlo para una aplicación AR lo agradeceríamos.

¡Muchas Gracias!

Publicado hace 2 años #
ZoiX

Administrador
Desde: Sep '09
Posts: 1.133

Pero yo tengo alguna duda.
¿este codigo donde lo metes?

En el primer frame de un archivo en Flash.

No entiendo... ¿tienes que hacer un archivo exterior al del AR y que llame al SWF del AR? ¿Con que lo haces este archivo con flash?

Sí. Al menos es como yo lo hago

Y para acabar, el html que se crea para llamar el swf del AR tienes que ponerle el archivo que creas con el loader? ¿en que formato?

Flash te exporta el HTML que necesitas, sólo habría que editar el HTML para que se vea más bonito, una alternativa es usar CSS y otra es usar el mismo Flash para hacer algo más agradable.

Publicado hace 2 años #
onodo

Usuario Preferido
Desde: Nov '09
Posts: 106

Pruebo y digo si funciona. A ver si lo hecho palante!

Por cierto! cuando publico el .fla con el codigo que nos has proporcionado me sale el siguiente error:
-----------------------------------------------------------------------------------
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 1: No se ha podido cargar la clase 'URLRequest'.
var mcRequ:URLRequest = new URLRequest(";miar1.swf";);

Total de errores de ActionScript: 1 Errores comunicados: 1
-----------------------------------------------------------------------------------

¿Que estoy haciendo mal?

El archivo miar1.swf esta en el mismo nivel de ruta que el html, creado con flash para hacer el preloader.

Publicado hace 2 años #
carlosreinamcr

Moderador
Desde: Nov '09
Posts: 110
Yo lo hice con dreamweaver, pero pues este es el codigo que utilize para pasarlo a html, abri un .txt escribi este codigo y luego lo guarde como .html
HTML:

< style="color: #ddbb00;">< html< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< title< style="color: #ddbb00;"> >nombre de la pagina< style="color: #ddbb00;">< /title< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< head< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< object

type=< style="color: #ddbb00;">"application/x-shockwave-flash< style="color: #ddbb00;">" data=< style="color: #ddbb00;">"movie.swf< style="color: #ddbb00;">"

width=< style="color: #ddbb00;">"200< style="color: #ddbb00;">" height=< style="color: #ddbb00;">"150< style="color: #ddbb00;">"< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< param name=< style="color: #ddbb00;">"movie< style="color: #ddbb00;">" value=< style="color: #ddbb00;">"nombre del.swf< style="color: #ddbb00;">" /< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< /object< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< /head< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< body< style="color: #ddbb00;"> >

< style="color: #009900;"><center>

< style="color: #ddbb00;">< object classid=< style="color: #ddbb00;">"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000< style="color: #ddbb00;">" codebase=< style="color: #ddbb00;">"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0< style="color: #ddbb00;">" width=< style="color: #ddbb00;">"954< style="color: #ddbb00;">" height=< style="color: #ddbb00;">"597< style="color: #ddbb00;">" title=< style="color: #ddbb00;">"de la pagina< style="color: #ddbb00;">"< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< param name=< style="color: #ddbb00;">"movie< style="color: #ddbb00;">" value=< style="color: #ddbb00;">"nombre del .swf< style="color: #ddbb00;">"< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< param name=< style="color: #ddbb00;">"quality< style="color: #ddbb00;">" value=< style="color: #ddbb00;">"high< style="color: #ddbb00;">"< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< embed src=< style="color: #ddbb00;">"nombre del.swf< style="color: #ddbb00;">" quality=< style="color: #ddbb00;">"high< style="color: #ddbb00;">" pluginspage=< style="color: #ddbb00;">"http://www.macromedia.com/go/getflashplayer< style="color: #ddbb00;">" type=< style="color: #ddbb00;">"application/x-shockwave-flash< style="color: #ddbb00;">" width=< style="color: #ddbb00;">"954< style="color: #ddbb00;">" height=< style="color: #ddbb00;">"597< style="color: #ddbb00;">"< style="color: #ddbb00;"> >< style="color: #ddbb00;">< /embed< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< /object< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< /body< style="color: #ddbb00;"> >

< style="color: #ddbb00;">< /html< style="color: #ddbb00;"> >
espero sirva, cualquier duda, me puedes preguntar.

visita mi canal de youtube "videotutoriales y realidad aumentada"
http://www.youtube.com/carlosreinamcr
http://www.ingcarlosreina.inkframe.com
Publicado hace 2 años #
Ryo007

Moderador
Desde: Oct '09
Posts: 422

@Zoix
mmm yo pensaba que habia que solo hacer todo en Flex XD bueno ya veo porque no me salia... a ver si el fin de semana sigo probando esto.

Publicado hace 2 años #
onodo

Usuario Preferido
Desde: Nov '09
Posts: 106

carlosreinamcr

El codigo que utilizas no te crea un preloader... lo he probado y nada... se me queda la pantalla con la camara... le pongo el marker delante de la cámara y tarda un rato hasta que aparece el 3D... (tarda el rato que se està cargando...) lo ideal es que saliera un preloader. Algo indicandote que el archivo se esta cargando, y debes esperar.

Publicado hace 2 años #

Canal RSS de este hilo

12…4 Siguiente »

Responder »

Debes Identificarte para publicar.