9. Descartes con javascript

Observa la escena de Descartes creada con el programa incluido a continuación.


Al repetir el ejercicio salen otras imágenes a arrastrar. Se han introducido 20 imágenes pero se podrían haber puesto más.
Las distintas franjas o cajas donde colocar las imágenes también se barajan.

PROGRAMA

Bastará completar los recuadros y hacer clic en los botones 1, 2 y 3, para tener la escena.
El nombre de la carpeta que contiene las imágenes a arrastrar, en este caso, es images.

Escribe el número de cajas 6 Pregunta Texto1 Título de la caja 1   Texto2 Título de la caja 2 Texto3 Título de la caja 3   Texto4 Título de la caja 4 Texto5 Título de la caja 5   Texto6 Título de la caja 6   El cuadro siguiente asocia a cada imagen su caja. Si a la imagen i1.png le corresponde la caja 3, en la primera línea escribiremos i1.png @3.  Solo hay que cambiar los números que en cada línea van junto a la @. i1.png @1 i2.png @1 i3.png @1 i4.png @1 i5.png @1 i6.png @1 i7.png @2 i8.png @2 i9.png @2 i10.png @2 i11.png @2 i12.png @2 i13.png @2 i14.png @3 i15.png @3 i16.png @3 i17.png @3 i18.png @3 i19.png @3 i20.png @3   Nombre de la carpeta que contenga las imágenes  sin_espacios_ni_acentos   Pulsa estos tres botones en orden, de izquierda a derecha

     <applet name="media" code="Descartes.class" codebase="http://descartes.cnice.mec.es/grupodescartes/solin/" archive="Descartes3.jar" MAYSCRIPT width=100% height=97%> <param name="nombre" value="media"> <param name="Versión" value="3.913, 2008-02-15"> <param name="Idioma" value="español"> <param name="Botones" value="créditos=no config=no inicio=no limpiar=no"> <param name="E_00" value="fijo='si' escala='38' O.x='-90' despl_imagen='arr-izq' fondo='eeeeff' red='no' red10='no' ejes='no' texto='no'"> <param name="E_01" value="id='E2' fijo='si' ancho='50%' alto='50' despl_imagen='arr-izq' fondo='fff7d7' red='no' red10='no' ejes='no' texto='no' dibujar-si='ver1=0'"> <param name="E_02" value="id='controles' fijo='si' escala='38' O.x='-90' despl_imagen='arr-izq' fondo='ffeeeeff' red='no' red10='no' ejes='no' texto='no'"> <param name="C_00" value="tipo='gráfico' id='g1' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(1),go(1))' tamaño='30'"> <param name="C_01" value="tipo='gráfico' id='g2' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(2),go(2))' tamaño='30'"> <param name="C_02" value="tipo='gráfico' id='g3' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(3),go(3))' tamaño='30'"> <param name="C_03" value="tipo='gráfico' id='g4' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(4),go(4))' tamaño='30'"> <param name="C_04" value="tipo='gráfico' id='g5' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(5),go(5))' tamaño='30'"> <param name="C_05" value="tipo='gráfico' id='g6' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(6),go(6))' tamaño='30'"> <param name="C_06" value="tipo='gráfico' id='g7' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(7),go(7))' tamaño='30'"> <param name="C_07" value="tipo='gráfico' id='g8' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(8),go(8))' tamaño='30'"> <param name="C_08" value="tipo='gráfico' id='g9' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(9),go(9))' tamaño='30'"> <param name="C_09" value="tipo='gráfico' id='g10' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(10),go(10))' tamaño='30'"> <param name="C_10" value="tipo='gráfico' id='g11' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(11),go(11))' tamaño='30'"> <param name="C_11" value="tipo='gráfico' id='g12' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(12),go(12))' tamaño='30'"> <param name="C_12" value="tipo='gráfico' id='g13' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(13),go(13))' tamaño='30'"> <param name="C_13" value="tipo='gráfico' id='g14' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(14),go(14))' tamaño='30'"> <param name="C_14" value="tipo='gráfico' id='g15' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(15),go(15))' tamaño='30'"> <param name="C_15" value="tipo='gráfico' id='g16' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(16),go(16))' tamaño='30'"> <param name="C_16" value="tipo='gráfico' id='g17' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(17),go(17))' tamaño='30'"> <param name="C_17" value="tipo='gráfico' id='g18' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(18),go(18))' tamaño='30'"> <param name="C_18" value="tipo='gráfico' id='g19' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(19),go(19))' tamaño='30'"> <param name="C_19" value="tipo='gráfico' id='g20' espacio='controles' color='ff0000ff' color-int='ffff0000' expresión='(ga(20),go(20))' tamaño='30'"> <param name="C_20" value="tipo='numérico' id='n11' interfaz='botón' región='interior' espacio='controles' expresión='(_w/4-100,_h/2-20,240,40)' nombre='Evaluar' visible='si' dibujar-si='(respu>=N)&(ver=0)' acción='calcular' parámetro='ver=1' pos_mensajes='centro'"> <param name="C_21" value="tipo='numérico' id='n12' interfaz='botón' región='exterior' espacio='controles' expresión='(_w/4-100,_h/2-20,200,40)' nombre='ordenar cajas' visible='si' acción='calcular' parámetro='aleac1=0\naleac2=1\n\n' pos_mensajes='centro'"> <param name="C_22" value="id='N' espacio='controles' tipo='numérico' región='interior' expresión='(_w/2-37,28,15,22)' valor='N0' decimales='0' nombre='N' incr='2' min='2' max='10' discreto='si' visible='si' dibujar-si='ver=0' activo-si='ver=0' acción='calcular' parámetro='Nactivo=1' parámetro.fuente='Monospaced,PLAIN,12' pos_mensajes='centro' tooltip.fuente='Monospaced,PLAIN,12' Explicación.fuente='Monospaced,PLAIN,12'"> <param name="C_23" value="id='N' espacio='controles' tipo='numérico' interfaz='campo de texto' región='interior' expresión='(_w/2-22,28,22,22)' valor='N0' decimales='0' incr='2' min='2' max='10' discreto='si' visible='si' dibujar-si='ver=0' activo-si='ver=0' acción='calcular' parámetro='Nactivo=1' parámetro.fuente='Monospaced,PLAIN,12' pos_mensajes='centro' tooltip.fuente='Monospaced,PLAIN,12' Explicación.fuente='Monospaced,PLAIN,12'"> <param name="C_24" value="tipo='numérico' id='n14' interfaz='botón' región='interior' espacio='controles' expresión='(_w/4-100,_h/2-20,200,40)' nombre='Otro ejercicio' visible='si' dibujar-si='(respu>=N)&(ver=1)&(bien=N)' acción='inicio' pos_mensajes='centro'"> <param name="A_00" value="id='cajas' expresión='@c' evaluar='una-sola-vez' constante='si'"> <param name="A_01" value="id='aleatorio' hacer='escala=38;Ox=-90;Oy=0;N=min(10,2*ent((_h-50)/120));alea1=ent((20-0.1)*rnd);rn=rnd;alea2=rn<1/4?11:(rn<1/2?3:(rn<3/4?7:9));;aleac1=ent((cajas-0.1)*rnd);sn=rnd;aleac2=(sn<1/2)&(cajas%2#0)?2:((sn<1/2)&(cajas#6)?3:1);;;;;;' evaluar='una-sola-vez' algoritmo='si'"> <param name="A_02" value="id='laN' hacer='ev=(_h-50)/(N/2);;;;' evaluar='siempre' algoritmo='si'"> <param name="A_03" value="id='alea(x)' expresión='ent(alea1+alea2*x)%20'"> <param name="A_04" value="id='aleac(x)' expresión='(x<cajas)?ent(aleac1+aleac2*x)%cajas:1000'"> <param name="A_05" value="id='ga(x)' expresión='(-3*_w/8+_w/4*(ent(alea(x)/(N/2))%2)-Ox)/escala'"> <param name="A_06" value="id='go(x)' expresión='(50+(_h-50)/(N/2)/2+ev*ent(alea(x)%(N/2))+2*_h*ent(alea(x)/N)-Oy-_h/2)/-escala'"> <param name="A_07" value="id='losg' hacer='g1.y=(Nactivo=1)?go(1):g1.y;g2.y=(Nactivo=1)?go(2):g2.y;g3.y=(Nactivo=1)?go(3):g3.y;g4.y=(Nactivo=1)?go(4):g4.y;g5.y=(Nactivo=1)?go(5):g5.y;g6.y=(Nactivo=1)?go(6):g6.y;g7.y=(Nactivo=1)?go(7):g7.y;g8.y=(Nactivo=1)?go(8):g8.y;g9.y=(Nactivo=1)?go(9):g9.y;g10.y=(Nactivo=1)?go(10):g10.y;g11.y=(Nactivo=1)?go(11):g11.y;g12.y=(Nactivo=1)?go(12):g12.y;g13.y=(Nactivo=1)?go(13):g13.y;g14.y=(Nactivo=1)?go(14):g14.y;g15.y=(Nactivo=1)?go(15):g15.y;g16.y=(Nactivo=1)?go(16):g16.y;g17.y=(Nactivo=1)?go(17):g17.y;g18.y=(Nactivo=1)?go(18):g18.y;g19.y=(Nactivo=1)?go(19):g19.y;g20.y=(Nactivo=1)?go(20):g20.y;g1.x=(Nactivo=1)?ga(1):g1.x;g2.x=(Nactivo=1)?ga(2):g2.x;g3.x=(Nactivo=1)?ga(3):g3.x;g4.x=(Nactivo=1)?ga(4):g4.x;g5.x=(Nactivo=1)?ga(5):g5.x;g6.x=(Nactivo=1)?ga(6):g6.x;g7.x=(Nactivo=1)?ga(7):g7.x;g8.x=(Nactivo=1)?ga(8):g8.x;g9.x=(Nactivo=1)?ga(9):g9.x;g10.x=(Nactivo=1)?ga(10):g10.x;g11.x=(Nactivo=1)?ga(11):g11.x;g12.x=(Nactivo=1)?ga(12):g12.x;g13.x=(Nactivo=1)?ga(13):g13.x;g14.x=(Nactivo=1)?ga(14):g14.x;g15.x=(Nactivo=1)?ga(15):g15.x;g16.x=(Nactivo=1)?ga(16):g16.x;g17.x=(Nactivo=1)?ga(17):g17.x;g18.x=(Nactivo=1)?ga(18):g18.x;g19.x=(Nactivo=1)?ga(19):g19.x;g20.x=(Nactivo=1)?ga(20):g20.x;Nactivo=0;;' mientras='Nactivo=1' evaluar='siempre' algoritmo='si'"> <param name="A_08" value="id='V1' tamaño='21' evaluar='siempre' expresión='V1[1]=aleac(@s01-1)+1;V1[2]=aleac(@s02-1)+1;V1[3]=aleac(@s03-1)+1;V1[4]=aleac(@s04-1)+1;V1[5]=aleac(@s05-1)+1;V1[6]=aleac(@s06-1)+1;V1[7]=aleac(@s07-1)+1;V1[8]=aleac(@s08-1)+1;V1[9]=aleac(@s09-1)+1;V1[10]=aleac(@s10-1)+1;V1[11]=aleac(@s11-1)+1;V1[12]=aleac(@s12-1)+1;V1[13]=aleac(@s13-1)+1;V1[14]=aleac(@s14-1)+1;V1[15]=aleac(@s15-1)+1;V1[16]=aleac(@s16-1)+1;V1[17]=aleac(@s17-1)+1;V1[18]=aleac(@s18-1)+1;V1[19]=aleac(@s19-1)+1;V1[20]=aleac(@s20-1)+1;' vector='si'"> <param name="A_09" value="id='a2' inicio='respu=0;n=0' hacer='respu=(g1.x>-Ox/escala)?respu+1:respu;respu=(g2.x>-Ox/escala)?respu+1:respu;respu=(g3.x>-Ox/escala)?respu+1:respu;respu=(g4.x>-Ox/escala)?respu+1:respu;respu=(g5.x>-Ox/escala)?respu+1:respu;respu=(g6.x>-Ox/escala)?respu+1:respu;respu=(g7.x>-Ox/escala)?respu+1:respu;respu=(g8.x>-Ox/escala)?respu+1:respu;respu=(g9.x>-Ox/escala)?respu+1:respu;respu=(g10.x>-Ox/escala)?respu+1:respu;respu=(g11.x>-Ox/escala)?respu+1:respu;respu=(g12.x>-Ox/escala)?respu+1:respu;respu=(g13.x>-Ox/escala)?respu+1:respu;respu=(g14.x>-Ox/escala)?respu+1:respu;respu=(g15.x>-Ox/escala)?respu+1:respu;respu=(g16.x>-Ox/escala)?respu+1:respu;respu=(g17.x>-Ox/escala)?respu+1:respu;respu=(g18.x>-Ox/escala)?respu+1:respu;respu=(g19.x>-Ox/escala)?respu+1:respu;respu=(g20.x>-Ox/escala)?respu+1:respu;;n=n+1;' mientras='n=0' evaluar='siempre' algoritmo='si'"> <param name="A_10" value="id='V2' tamaño='21' evaluar='siempre' expresión='V2[1]=g1.y;V2[2]=g2.y;V2[3]=g3.y;V2[4]=g4.y;V2[5]=g5.y;V2[6]=g6.y;V2[7]=g7.y;V2[8]=g8.y;V2[9]=g9.y;V2[10]=g10.y;V2[11]=g11.y;V2[12]=g12.y;V2[13]=g13.y;V2[14]=g14.y;V2[15]=g15.y;V2[16]=g16.y;V2[17]=g17.y;V2[18]=g18.y;V2[19]=g19.y;V2[20]=g20.y;;;;;' vector='si'"> <param name="A_11" value="id='V3' tamaño='21' evaluar='una-sola-vez' expresión='V3[1]=0;V3[2]=0;V3[3]=0;;' vector='si'"> <param name="A_12" value="id='a4' inicio='m=0' hacer=';m=m+1;V3[m]=ent((Oy+_h/2-V2[m]*escala)/(_h/cajas))+1;' mientras='m<21' evaluar='siempre' algoritmo='si'"> <param name="A_13" value="id='bien' inicio='bien=0' hacer='bien=0;bien=(V3[1]=V1[1])?bien+1:bien;;bien=(V3[2]=V1[2])?bien+1:bien;;bien=(V3[3]=V1[3])?bien+1:bien;;bien=(V3[4]=V1[4])?bien+1:bien;;bien=(V3[5]=V1[5])?bien+1:bien;;bien=(V3[6]=V1[6])?bien+1:bien;;bien=(V3[7]=V1[7])?bien+1:bien;;bien=(V3[8]=V1[8])?bien+1:bien;;bien=(V3[9]=V1[9])?bien+1:bien;;bien=(V3[10]=V1[10])?bien+1:bien;;bien=(V3[11]=V1[11])?bien+1:bien;;bien=(V3[12]=V1[12])?bien+1:bien;;bien=(V3[13]=V1[13])?bien+1:bien;;bien=(V3[14]=V1[14])?bien+1:bien;;bien=(V3[15]=V1[15])?bien+1:bien;;bien=(V3[16]=V1[16])?bien+1:bien;;bien=(V3[17]=V1[17])?bien+1:bien;;bien=(V3[18]=V1[18])?bien+1:bien;;bien=(V3[19]=V1[19])?bien+1:bien;;bien=(V3[20]=V1[20])?bien+1:bien;mal=N-bien;;' evaluar='siempre' algoritmo='si'"> <param name="A_14" value="id='g_sin_escapar' hacer='g1.y=(g1.y<(_h-Oy-_h/2)/-escala)&(g1.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g1.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g1.y);g2.y=(g2.y<(_h-Oy-_h/2)/-escala)&(g2.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g2.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g2.y);g3.y=(g3.y<(_h-Oy-_h/2)/-escala)&(g3.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g3.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g3.y);g4.y=(g4.y<(_h-Oy-_h/2)/-escala)&(g4.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g4.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g4.y);g5.y=(g5.y<(_h-Oy-_h/2)/-escala)&(g5.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g5.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g5.y);g6.y=(g6.y<(_h-Oy-_h/2)/-escala)&(g6.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g6.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g6.y);g7.y=(g7.y<(_h-Oy-_h/2)/-escala)&(g7.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g7.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g7.y);g8.y=(g8.y<(_h-Oy-_h/2)/-escala)&(g8.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g8.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g8.y);g9.y=(g9.y<(_h-Oy-_h/2)/-escala)&(g9.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g9.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g9.y);g10.y=(g10.y<(_h-Oy-_h/2)/-escala)&(g10.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g10.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g10.y);g11.y=(g11.y<(_h-Oy-_h/2)/-escala)&(g11.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g11.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g11.y);g12.y=(g12.y<(_h-Oy-_h/2)/-escala)&(g12.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g12.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g12.y);g13.y=(g13.y<(_h-Oy-_h/2)/-escala)&(g13.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g13.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g13.y);g14.y=(g14.y<(_h-Oy-_h/2)/-escala)&(g14.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g14.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g14.y);g15.y=(g15.y<(_h-Oy-_h/2)/-escala)&(g15.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g15.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g15.y);g16.y=(g16.y<(_h-Oy-_h/2)/-escala)&(g16.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g16.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g16.y);g17.y=(g17.y<(_h-Oy-_h/2)/-escala)&(g17.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g17.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g17.y);g18.y=(g18.y<(_h-Oy-_h/2)/-escala)&(g18.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g18.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g18.y);g19.y=(g19.y<(_h-Oy-_h/2)/-escala)&(g19.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g19.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g19.y);g20.y=(g20.y<(_h-Oy-_h/2)/-escala)&(g20.y>(2*_h-Oy-_h/2)/-escala)?(_h-Oy-_h/2)/-escala:((g20.y>(-Oy-_h/2)/-escala)?(-Oy-_h/2)/-escala:g20.y);g1.x=(g1.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g1.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g1.x);g2.x=(g2.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g2.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g2.x);g3.x=(g3.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g3.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g3.x);g4.x=(g4.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g4.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g4.x);g5.x=(g5.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g5.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g5.x);g6.x=(g6.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g6.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g6.x);g7.x=(g7.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g7.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g7.x);g8.x=(g8.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g8.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g8.x);g9.x=(g9.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g9.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g9.x);g10.x=(g10.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g10.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g10.x);g11.x=(g11.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g11.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g11.x);g12.x=(g12.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g12.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g12.x);g13.x=(g13.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g13.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g13.x);g14.x=(g14.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g14.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g14.x);g15.x=(g15.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g15.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g15.x);g16.x=(g16.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g16.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g16.x);g17.x=(g17.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g17.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g17.x);g18.x=(g18.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g18.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g18.x);g19.x=(g19.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g19.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g19.x);g20.x=(g20.x>(_w-Ox-_w/2)/escala)?(_w-Ox-_w/2)/escala:((g20.x<(-Ox-_w/2)/escala)?(-Ox-_w/2)/escala:g20.x);' evaluar='siempre' algoritmo='si'"> <param name="A_19" value="id='N0' expresión='min(10,2*ent((_h-50)/120))' evaluar='una-sola-vez' constante='si'"> <param name="G_00" value="tipo='polígono' color='gris' expresión='(_w/2,(s-1)*_h/cajas)(_w,(s-1)*_h/cajas)(_w,(s)*_h/cajas)(_w/2,(s)*_h/cajas)(_w/2,(s-1)*_h/cajas)' familia='s' s.intervalo='[1,cajas]' s.pasos='cajas-1' relleno='(s/s,0.5+s/(cajas)*0.5,0,0.4)' ancho='0' coord_abs='si'"> <param name="G_01" value="tipo='texto' color='990000' expresión='[_w/2,2+aleac(0)*_h/cajas]' texto='@t1' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_02" value="tipo='texto' color='990000' expresión='[_w/2,2+aleac(1)*_h/cajas]' texto='@t2' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_03" value="tipo='texto' color='990000' expresión='[_w/2,2+aleac(2)*_h/cajas]' texto='@t3' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_04" value="tipo='texto' color='990000' expresión='[_w/2,0+aleac(3)*_h/cajas]' texto='@t4' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_05" value="tipo='texto' color='990000' expresión='[_w/2,0+aleac(4)*_h/cajas]' texto='@t5' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_06" value="tipo='texto' color='990000' expresión='[_w/2,2+aleac(5)*_h/cajas]' texto='@t6' fuente='SansSerif,BOLD,16' fijo='no'"> <param name="G_07" value="espacio='E2' tipo='texto' color='8e0000' expresión='[2,2]' texto='{\rtf1\uc0{\fonttbl\f0\fcharset0 Times New Roman;\f1\fcharset0 Arial;\f2\fcharset0 Courier New;}\f1\fs32\b @a1 \f2\fs24\b0\par}' fuente='SansSerif,BOLD,16' decimales='0'"> <param name="G_08" value="espacio='E2' tipo='texto' color='negro' dibujar-si='ver=0' expresión='[_w/2-107,33]' texto='{\rtf1\uc0{\fonttbl\f0\fcharset0 Times New Roman;\f1\fcharset0 Arial;\f2\fcharset0 Courier New;}\f1\fs24 Elementos\f2\fs24\par}' fuente='Arial,PLAIN,12'"> <param name="G_09" value="tipo='texto' dibujar-si='(respu>=N)&(ver=1)' color='azul' expresión='[_w/4-100,_h/2+100]' texto='{\rtf1\uc0{\fonttbl\f0\fcharset0 Times New Roman;\f1\fcharset0 Arial;\f2\fcharset0 Courier New;}{\colortbl\red0\green171\blue0;\red255\green0\blue0;\red0\green0\blue255;}\cf0\f1\fs64\b Bien={\*\mjaformula{\expr bien}}\cf1\par Mal={\*\mjaformula{\expr mal}}\cf2\f2\fs24\b0\par}' fuente='SansSerif,BOLD,32' decimales='0'"> <param name="G_10" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g1.x*escala-40,Oy+_h/2-g1.y*escala-40]' archivo='@im/i1.png'"> <param name="G_11" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g2.x*escala-40,Oy+_h/2-g2.y*escala-40]' archivo='@im/i2.png'"> <param name="G_12" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g3.x*escala-40,Oy+_h/2-g3.y*escala-40]' archivo='@im/i3.png'"> <param name="G_13" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g4.x*escala-40,Oy+_h/2-g4.y*escala-40]' archivo='@im/i4.png'"> <param name="G_14" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g5.x*escala-40,Oy+_h/2-g5.y*escala-40]' archivo='@im/i5.png'"> <param name="G_15" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g6.x*escala-40,Oy+_h/2-g6.y*escala-40]' archivo='@im/i6.png'"> <param name="G_16" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g7.x*escala-40,Oy+_h/2-g7.y*escala-40]' archivo='@im/i7.png'"> <param name="G_17" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g8.x*escala-40,Oy+_h/2-g8.y*escala-40]' archivo='@im/i8.png'"> <param name="G_18" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g9.x*escala-40,Oy+_h/2-g9.y*escala-40]' archivo='@im/i9.png'"> <param name="G_19" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g10.x*escala-40,Oy+_h/2-g10.y*escala-40]' archivo='@im/i10.png'"> <param name="G_20" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g11.x*escala-40,Oy+_h/2-g11.y*escala-40]' archivo='@im/i11.png'"> <param name="G_21" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g12.x*escala-40,Oy+_h/2-g12.y*escala-40]' archivo='@im/i12.png'"> <param name="G_22" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g13.x*escala-40,Oy+_h/2-g13.y*escala-40]' archivo='@im/i13.png'"> <param name="G_23" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g14.x*escala-40,Oy+_h/2-g14.y*escala-40]' archivo='@im/i14.png'"> <param name="G_24" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g15.x*escala-40,Oy+_h/2-g15.y*escala-40]' archivo='@im/i15.png'"> <param name="G_25" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g16.x*escala-40,Oy+_h/2-g16.y*escala-40]' archivo='@im/i16.png'"> <param name="G_26" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g17.x*escala-40,Oy+_h/2-g17.y*escala-40]' archivo='@im/i17.png'"> <param name="G_27" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g18.x*escala-40,Oy+_h/2-g18.y*escala-40]' archivo='@im/i18.png'"> <param name="G_28" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g19.x*escala-40,Oy+_h/2-g19.y*escala-40]' archivo='@im/i19.png'"> <param name="G_29" value="tipo='imagen' coord_abs='si' expresión='[Ox+_w/2+g20.x*escala-40,Oy+_h/2-g20.y*escala-40]' archivo='@im/i20.png'"> <param name="G_30" value="tipo='imagen' dibujar-si='(ver=1)&(V3[1]#V1[1])' coord_abs='si' expresión='[Ox+_w/2+g1.x*escala-10,Oy+_h/2-g1.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_31" value="tipo='imagen' dibujar-si='(ver=1)&(V3[2]#V1[2])' coord_abs='si' expresión='[Ox+_w/2+g2.x*escala-10,Oy+_h/2-g2.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_32" value="tipo='imagen' dibujar-si='(ver=1)&(V3[3]#V1[3])' coord_abs='si' expresión='[Ox+_w/2+g3.x*escala-10,Oy+_h/2-g3.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_33" value="tipo='imagen' dibujar-si='(ver=1)&(V3[4]#V1[4])' coord_abs='si' expresión='[Ox+_w/2+g4.x*escala-10,Oy+_h/2-g4.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_34" value="tipo='imagen' dibujar-si='(ver=1)&(V3[5]#V1[5])' coord_abs='si' expresión='[Ox+_w/2+g5.x*escala-10,Oy+_h/2-g5.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_35" value="tipo='imagen' dibujar-si='(ver=1)&(V3[6]#V1[6])' coord_abs='si' expresión='[Ox+_w/2+g6.x*escala-10,Oy+_h/2-g6.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_36" value="tipo='imagen' dibujar-si='(ver=1)&(V3[7]#V1[7])' coord_abs='si' expresión='[Ox+_w/2+g7.x*escala-10,Oy+_h/2-g7.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_37" value="tipo='imagen' dibujar-si='(ver=1)&(V3[8]#V1[8])' coord_abs='si' expresión='[Ox+_w/2+g8.x*escala-10,Oy+_h/2-g8.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_38" value="tipo='imagen' dibujar-si='(ver=1)&(V3[9]#V1[9])' coord_abs='si' expresión='[Ox+_w/2+g9.x*escala-10,Oy+_h/2-g9.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_39" value="tipo='imagen' dibujar-si='(ver=1)&(V3[10]#V1[10])' coord_abs='si' expresión='[Ox+_w/2+g10.x*escala-10,Oy+_h/2-g10.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_40" value="tipo='imagen' dibujar-si='(ver=1)&(V3[11]#V1[11])' coord_abs='si' expresión='[Ox+_w/2+g11.x*escala-10,Oy+_h/2-g11.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_41" value="tipo='imagen' dibujar-si='(ver=1)&(V3[12]#V1[12])' coord_abs='si' expresión='[Ox+_w/2+g12.x*escala-10,Oy+_h/2-g12.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_42" value="tipo='imagen' dibujar-si='(ver=1)&(V3[13]#V1[13])' coord_abs='si' expresión='[Ox+_w/2+g13.x*escala-10,Oy+_h/2-g13.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_43" value="tipo='imagen' dibujar-si='(ver=1)&(V3[14]#V1[14])' coord_abs='si' expresión='[Ox+_w/2+g14.x*escala-10,Oy+_h/2-g14.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_44" value="tipo='imagen' dibujar-si='(ver=1)&(V3[15]#V1[15])' coord_abs='si' expresión='[Ox+_w/2+g15.x*escala-10,Oy+_h/2-g15.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_45" value="tipo='imagen' dibujar-si='(ver=1)&(V3[16]#V1[16])' coord_abs='si' expresión='[Ox+_w/2+g16.x*escala-10,Oy+_h/2-g16.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_46" value="tipo='imagen' dibujar-si='(ver=1)&(V3[17]#V1[17])' coord_abs='si' expresión='[Ox+_w/2+g17.x*escala-10,Oy+_h/2-g17.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_47" value="tipo='imagen' dibujar-si='(ver=1)&(V3[18]#V1[18])' coord_abs='si' expresión='[Ox+_w/2+g18.x*escala-10,Oy+_h/2-g18.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_48" value="tipo='imagen' dibujar-si='(ver=1)&(V3[19]#V1[19])' coord_abs='si' expresión='[Ox+_w/2+g19.x*escala-10,Oy+_h/2-g19.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_49" value="tipo='imagen' dibujar-si='(ver=1)&(V3[20]#V1[20])' coord_abs='si' expresión='[Ox+_w/2+g20.x*escala-10,Oy+_h/2-g20.y*escala-10]' archivo='blog/js/mal.png'"> <param name="G_50" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(0)*_h/cajas]' archivo='@im/e1.png'"> <param name="G_51" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(1)*_h/cajas]' archivo='@im/e2.png'"> <param name="G_52" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(2)*_h/cajas]' archivo='@im/e3.png'"> <param name="G_53" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(3)*_h/cajas]' archivo='@im/e4.png'"> <param name="G_54" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(4)*_h/cajas]' archivo='@im/e5.png'"> <param name="G_55" value="tipo='imagen' dibujar-si='respu=0' coord_abs='si' expresión='[_w-130,aleac(5)*_h/cajas]' archivo='@im/e6.png'">

 

En la próxima entrega aprenderemos a guardar la escena construida así en nuestro ordenador

Los siguientes enlaces son ejemplos de escenas de arrastre
1. Música
2. Triángulos, según ángulos
3. Números
4. Funciones

10. Crear escena de arrastre en local

Descarga este archivo para realizar la práctica siguiente que consiste en:

• Construir las imágenes a arrastrar
• Crear la escena
• Guardar la escena

Los tres pasos se explican a continuación. Una vez descargado el archivo anterior puedes imprimir este documento y crear la escena desde tu ordenador.

Pantalla completa