Patrones islámicos

Need to rebuild images with plain prototype labels. --MF, 9/26/18

PG: Islamic art is a great candidate for computer drawing, and the samples in TiF B seem like good ones. I'd prefer to have some good /real/ illustrations. I don't see how the top stuff (everything before TiF B) is Egyptian. Feels like another bow to "some culture" without being genuine. But the project is pretty, so can we give it a learning purpose?

BH: The obvious way to draw the picture in the pink box is as a decorated hexagon.

MF: I want to revise this page. Some suggestions added to the page.

Diseño hexagonal Diseño hexagonal en color

Gran parte del arte islámico aplica principios de geometría y repite patrones simples para formar formas complejas. Por ejemplo, el motivo egipcio de arriba tiene seis rectángulos superpuestos.

En este proyecto, aprenderás a extender tu código molinete de la Unidad 1 para crear patrones más complejos.

Why are we giving them the code for these blocks instead of asking that they build and/or import them? I suggest cutting #1 and #2 and merging the first part of #3 into the pink box (I like the #3 images better than those in the pink box anyway). The work starts halfway through problem #3. I want to revise this page, but for now I just moved #10 from a solo FYTD into the ITIT box. --MF, 9/26/18

  1. En este proyecto, utilizarás rectángulos una y otra vez, así que primero recuerda cómo crear un bloque rectángulo.
    rectángulo, ancho:(ancho) longitud:(longitud){bajar lápiz; repetir (2) {mover (ancho) pasos; girar (90) grados; mover (longitud) pasos; girar (90) grados};bolígrafo hacia arriba}
    Ten en cuenta el uso de los bloques lápiz abajo y lápiz arriba dentro de la definición del rectángulo. Normalmente no hacemos esto, pero aquí se hace para simplificar el código más complejo que se avecina. Esto asegurará que una vez que se dibuje un rectángulo, la pluma esté levantada y no tengas que preocuparte por los garabatos no deseados mientras tu objeto para dibujar continúa moviéndose para ejecutar el resto del código.
  2. Recuerda también el código molinete que escribiste en la Unidad 1.
    molinete, ramas:(número de ramas) tamaño:(tamaño) copia de seguridad:(copia de seguridad){repetir(número de ramas){mover(tamaño) pasos; mover (-1Xbackup) pasos; girar (360/número de ramas) grados}}
  3. En este proyecto, reemplazarás las ramas de molinete con rectángulos como se muestra a continuación. Ten en cuenta que el uso del color es opcional y aquí se usa para mayor claridad.
    molinete multicolormolinete multicolor con rectángulos
    Ahora crea un bloque molinete con rectángulos. Tendrá dos entradas más ancho y longitud para el ancho y largo de los rectángulos.
    molinete con rectángulos, ramas:(número de ramas) tamaño:(tamaño) respaldo:(respaldo) ancho:(ancho) longitud:(longitud)
    Su código será idéntico al código molinete excepto que tiene el bloque rectángulo insertado entre los dos bloques mover que crearon las ramas del molinete.
    mover (tamaño) pasos; rectángulo, ancho:(ancho) longitud:(longitud); mover (-1Xrespaldo) pasos
  4. Ahora, usa el menú "Variables" para crear variables que te permitirán variar todos los aspectos de los diseños que crees y no olvides inicializar estas variables justo después del bloque cuando se pulse la bandera verde.
    Hacer variables: longitud, ancho, respaldo, tamaño, número de ramasInicializar variables
  5. Puedes convertir estas variables en controles deslizantes modificables haciendo clic con el botón derecho en el icono de la variable que se muestra en el escenario y eligiendo la opción "control deslizante". Y luego puedes establecer los valores mínimo y máximo de un control deslizante como se muestra.
    Convierte las variables en controles deslizantesControl deslizante máximoAjuste del control deslizante máximo
    Los siguientes deben ser valores razonables para el mínimo y el máximo de cada variable:
    Puedes cambiar estos valores mínimos y máximos a medida que generas y exploras nuevos diseños.
    VariableMínimoMáximo
    numero de ramas 3 36
    tamaño 0 100
    respaldo 0 100
    ancho 0 150
    longitud 0 150
  6. Haz clic en la animación a continuación para ver un ejemplo de cómo puedes usar la función de control deslizante en Snap! para generar y explorar una gran cantidad de variaciones de tus diseños.
    Demostración de animación deslizante
  7. Tu código debe asegurarse de que la computadora esté atenta en caso de que el usuario cambie alguna de las variables a través de los controles deslizantes. Puedes hacerlo con un bloque siempre.
    repetir y repetir{unificar{borrar; molinete con rectángulos, ramas:(número de ramas) tamaño:(tamaño) respaldo:(respaldo) ancho:(ancho) longitud:(longitud) }}
    El bloque unificar se asegura de que el molinete con rectángulos se dibuje todo a la vez en lugar de hacerlo paso a paso.
  8. Una vez que el código esté escrito, verifica que todo funcione según lo previsto. Es posible que debas colocar el objeto que dibuja de una manera adecuada para aprovechar al máximo el escenario. Ahora mueve cada uno de tus controles deslizantes para generar y explorar una gran variedad de diseños inspirados en el arte islámico.
    Usa estos botones para maximizar el escenario y dar suficiente espacio para tus controles deslizantes.
    Botones de maximización de escenario
  1. Agrega color a sus rectángulos insertandofijar color del lápiz a (rojo) en el inicio del bloque unificar en el bucle por siempre siempre e insertandocambiar el color del lápiz por (10) en el código molinete con rectángulos.
  2. Toma capturas de pantalla de tus creaciones y compártelas con la clase. Ponlas en una página web de la clase si la tienen. A continuación se muestran algunos ejemplos de los tipos de variaciones que puedes generar.
    Es posible que desees esconder el objeto para dibujar (puntero) antes de tomar las capturas de pantalla de tus diseños.
    Diseño multicolor ADiseño multicolor BDiseño multicolor C
    Diseño multicolor DDiseño multicolor EDiseño multicolor F
  1. Repite todos los pasos de este proyecto pero, en lugar de usar rectángulos, usa otros polígonos.
    Molinete triángulo Molinete hexagonalMolinete dodecagonal
  2. Lee más sobre el arte islámico y encuentra otros patrones que se presten a la exploración con programación.
    Patrón islámico 1 Patrón islámico 2