2.4: Dibujos y formas usando el lápiz

 https://www.youtube.com/watch?v=3Dls2oQ4cOM&list=PL5tA44GpyFntFHtHd6Zxb2xQZpxwOfeu3&index=14

2.4: Dibujos y formas usando el lápiz

🎯 Objetivo de este tutorial

Vamos a explorar a fondo la extensión Lápiz de Scratch. Aprenderemos a:

  • Usar los bloques básicos del lápiz (subir, bajar, color, tamaño).

  • Dibujar figuras geométricas como cuadrados y triángulos.

  • Entender la diferencia entre mover (movimiento relativo) y deslizar (coordenadas absolutas).

  • Crear nuestras propias funciones (Mis Bloques) para modularizar el código.

  • Utilizar la recursividad para dibujar fractales (la curva de Koch).


🐢 Paso 1: El origen del lápiz (herencia del Logo)

El bloque de lápiz en Scratch es una herencia directa del lenguaje educativo Logo, famoso por su "tortuga" que dejaba un rastro al moverse. En Scratch, cada personaje (sprite) tiene un lápiz escondido que podemos controlar.

Controles básicos del lápiz:

  • borrar: Limpia todos los dibujos de la pantalla.

  • subir lápiz: El personaje se mueve sin pintar.

  • bajar lápiz: El personaje deja un rastro al moverse.

  • fijar color del lápiz a [...]: Cambia el color de la línea.

  • fijar tamaño del lápiz a [...]: Cambia el grosor.

  • sellar: Deja una copia estática del personaje.


⬜ Paso 2: Dibujar un cuadrado (Movimiento relativo)

La forma más intuitiva de dibujar es usando mover y girar, que son movimientos relativos (dependen de la dirección actual del personaje).

  1. Asegúrate de tener el lápiz bajado.

  2. Repite 4 veces:

    • Mover 150 pasos.

    • Girar 90 grados.

Código:

text
al presionar [espacio]
borrar
fijar color del lápiz a [verde]
bajar lápiz
repetir 4 veces
    mover 150 pasos
    girar 90 grados

El cuadrado se dibuja instantáneamente. Si quieres ver el trazado, puedes usar deslizar en lugar de mover (lo veremos en el siguiente paso).


🗺️ Paso 3: Dibujar usando coordenadas (Deslizar)

A diferencia de mover, el bloque deslizar en ... segs a x: ... y: ... usa coordenadas absolutas (el punto exacto de la pantalla). Es ideal para trabajar conceptos matemáticos de ejes cartesianos.

  • Centro de la pantalla: (x: 0, y: 0).

  • Eje X: Positivo a la derecha, negativo a la izquierda.

  • Eje Y: Positivo hacia arriba, negativo hacia abajo.

Vamos a dibujar un cuadrado usando coordenadas exactas:

  1. Subimos el lápiz (para no pintar mientras nos movemos).

  2. Vamos al punto superior izquierdo (por ejemplo, x: -90, y: 90).

  3. Bajamos el lápiz.

  4. Nos deslizamos a la derecha (x: 90, y: 90).

  5. Nos deslizamos abajo (x: 90, y: -90).

  6. Nos deslizamos a la izquierda (x: -90, y: -90).

  7. Nos deslizamos arriba (x: -90, y: 90) para cerrar.

Ventaja: Este método es más lento y visual, perfecto para entender cómo se construye la figura paso a paso.


🔺 Paso 4: Dibujar un triángulo equilátero

Recordemos que la suma de los ángulos exteriores de cualquier polígono es 360 grados.
Para un triángulo equilátero, giramos 120 grados (360 / 3) en cada esquina.

Código:

text
al presionar [espacio]
borrar
bajar lápiz
repetir 3 veces
    mover 150 pasos
    girar 120 grados

Al ejecutarlo, el gato dibujará un triángulo perfecto.


❄️ Paso 5: Dibujar la curva de Koch (Versión básica)

La curva de Koch es un fractal clásico. Empezamos dibujando una línea recta, pero la dividimos en tres partes y levantamos un "pico" en el tercio central.

Para dibujar la base de la curva (sin recursividad), haremos:

  1. Mover (tamaño / 3).

  2. Girar -60 grados (izquierda).

  3. Mover (tamaño / 3).

  4. Girar 120 grados (derecha).

  5. Mover (tamaño / 3).

  6. Girar -60 grados (izquierda).

  7. Mover (tamaño / 3).

Si nuestro tamaño es 480 (ancho de la pantalla):

text
mover (480 / 3) pasos
girar -60 grados
mover (480 / 3) pasos
girar 120 grados
mover (480 / 3) pasos
girar -60 grados
mover (480 / 3) pasos

🧩 Paso 6: Modularizar con "Mis Bloques" (Crear función)

Para no repetir código y poder hacer el fractal, vamos a crear nuestra propia función.

  1. Ve a la categoría Mis Bloques y haz clic en "Crear un bloque".

  2. Nómbralo Koch.

  3. Añade un parámetro numérico llamado tamaño.

  4. Dentro de este bloque, pega el código del Paso 5, pero reemplaza 480 por el parámetro tamaño.

  5. Ahora, desde el evento principal, solo llamamos a Koch (480).

Beneficio: El código queda mucho más limpio y reutilizable.


♻️ Paso 7: La magia de la recursividad (Fractal de verdad)

Ahora viene la parte más impresionante. Vamos a modificar el bloque Koch para que se llame a sí mismo (recursividad).

  1. Añade un segundo parámetro al bloque Koch: iteracion.

  2. Dentro del bloque, usamos un condicional:

    • Caso base: Si iteracion = 1, entonces hacemos el movimiento simple (mover tamaño).

    • Caso recursivo: Si iteracion > 1, en lugar de mover, llamamos a Koch con tamaño / 3 y iteracion - 1, intercalando los giros.

Estructura lógica del bloque "Koch":

text
definir Koch (tamaño) (iteracion)
si <(iteracion) = [1]> entonces
    mover (tamaño) pasos
sino
    Koch (tamaño / 3) (iteracion - 1)
    girar -60 grados
    Koch (tamaño / 3) (iteracion - 1)
    girar 120 grados
    Koch (tamaño / 3) (iteracion - 1)
    girar -60 grados
    Koch (tamaño / 3) (iteracion - 1)
  1. Desde el programa principal, llamamos a Koch (480) (1) para la curva simple, o Koch (480) (4) para obtener el famoso copo de nieve de Koch.

Al aumentar el número de iteraciones (1, 2, 3, 4...), verás cómo la curva se vuelve más compleja y detallada, formando un hermoso fractal.


📚 Resumen del tutorial 2.4

ConceptoAplicación
LápizHerramienta que deja rastro al moverse. Controles: subir, bajar, borrar, color, tamaño.
Movimiento relativomover y girar (dependen de la dirección actual). Útil para polígonos.
Coordenadas absolutasdeslizar a x: y: (usa el sistema cartesiano). Útil para funciones exactas.
ModularizaciónCrear "Mis Bloques" para organizar el código y reutilizar lógica.
RecursividadUna función que se llama a sí misma. Esencial para crear fractales y formas complejas con pocas líneas.

Con estas herramientas, el lápiz de Scratch se convierte en una poderosa calculadora gráfica. ¡Anímate a experimentar con otros polígonos o a combinar colores para crear tus propios fractales

Comentarios

Entradas más populares de este blog

1.4 - Interfaz de usuario-Xnergic TCM

1.7 - Bloques de uso más común-Xnergic TCM

1.5 - Personajes-Xnergic