Les vencimos

1º Bachillerato · TIC I

Lección 17 · B · Entorno personal

Gráficos 3D: conceptos

1º Bachillerato · TIC I · Decreto 40/2022 CyL

Objetivos

  1. Nombrar vértice, cara, arista y extrusión.
  2. Leer ancho, fondo y alto en una vista isométrica.
  3. Aplicar un motivo a una cara sin tapar las aristas.
  4. No llamar 3D a una sombra.
  5. Anotar los tres números en la nota.

Explicación

Un objeto 3D, en lo que esta lección necesita, es un conjunto de caras que encierran un volumen. Cada cara es un polígono. Cada vértice es un punto con tres coordenadas: X, Y y Z. No hace falta un motor de videojuego para leer eso. Hace falta no llamar «3D» a una sombra de Photoshop.

La extrusión es el gesto más claro: una forma plana gana altura. Un rectángulo en el suelo, empujado en Y, se vuelve un prisma. Se ven, como mucho, tres caras a la vez en una vista isométrica. Esas tres caras bastan para entender ancho, fondo y alto. La isométrica no es la perspectiva de una foto: no hay punto de fuga. Las aristas paralelas siguen paralelas. Por eso mide mejor y miente menos sobre el tamaño.

Una textura es una imagen o un motivo aplicado a una cara. No cambia el volumen. Una raya o un punto en la cara frontal dicen «esta superficie es distinta»; no convierten el prisma en madera real. Material, luz y cámara son el paso siguiente, el del paseo. Aquí se nombran y no se simula un render. Si la extrusión es 0, no hay volumen: hay un dibujo plano con pretensiones.

Ejes y cubo X Y Z
Gráficos 3D: conceptos. Encargo del aula taller, capa de esta lección.

Decisión de esta lección. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

El encargo que recorre el bloque

El aula taller del IES Duero, en Aranda de Duero, quiere enseñar el proyecto del curso sin depender de una plataforma. El encargo del bloque B es el entorno donde vive ese proyecto: la imagen de la marca, el espacio donde se cuenta y las condiciones con las que se comparte. No es un dibujo suelto ni una cuenta en una red social. Es una carpeta que otra persona del centro puede abrir.

La marca no es el escudo oficial del instituto. Es el signo del proyecto, con iniciales reconocibles, tres variantes y un original en vector. La foto del patio, si hace falta, va aparte, en PNG, y no se calca para «hacerla logo». El plano de mesas y la lámpara de la maqueta son piezas del espacio, no adornos del cartel. El paseo es una lista de cámaras para quien no pueda entrar al aula ese día. La ficha de micromecenazgo, si se escribe, no cobra dinero: deja por escrito la meta, las recompensas y qué pasa si no se llega. La licencia dice qué puede hacer el siguiente grupo con los archivos. El portfolio reúne las tres piezas con una nota de proceso en cada carpeta.

Cada lección decide una capa y deja quietas las demás. Si en la lección del logo cambias el plano, o en la de la licencia redibujas el signo, mezclas entregas y no se sabe qué estás demostrando. El criterio 2.1 mira el logotipo en 2D. El 2.2 mira el espacio en 3D, aunque aquí el 3D sea una extrusión y una planta, no un parque de atracciones. El 2.3 mira el micromecenazgo como proceso, no como una campaña colgada de verdad. Licencias y EPA no son un criterio aparte en el resumen del curso, pero sin ellos el portfolio miente: o no se puede reutilizar, o no se encuentra.

Materiales que no entran: bancos de iconos «gratis» sin leer la licencia, el escudo del centro calcado, música, caras de compañeros, y cualquier botón que prometa publicar o cobrar. Lo que sí entra es tu trazo, tu planta, tu ficha y tu atribución. Si una pieza está en borrador, se dice. Un portfolio honesto con una planta incompleta vale más que una carpeta de PNG ajenos renombrados.

La carpeta, al final del bloque, se llama epa/. Dentro, index.html enlaza tres notas. Esas notas no repiten el archivo: dicen qué decidiste (vector y no foto, todo o nada y no una meta absurda, CC BY y no un «libre» sin apellido). Quien lea solo el index tiene que entender el proyecto. Quien abra la subcarpeta tiene que poder seguir el proceso. Las dos lecturas se escriben. No se espera a tener el dibujo perfecto para crear la carpeta: la carpeta existe desde esta lección y se va llenando.

Glosas de esta lección

Vértice. Punto con X, Y y Z.

Cara. Polígono que limita el volumen.

Extrusión. Dar altura a una base plana.

Isométrica. Vista sin punto de fuga: las paralelas siguen paralelas.

Eje Y. En esta práctica, la altura de la extrusión.

Textura. Motivo aplicado a una cara. No cambia la forma.

Arista. Corte entre dos caras. Si la textura la borra, sobra textura.

Render. Imagen calculada con luz y cámara. No es el modelo.

Ejemplos resueltos

Ejemplo 1

Se llama 3D a un rectángulo con sombra y no hay ni una coordenada Z. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

Ejemplo 2

La extrusión es 0 y se discute la textura. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

Ejemplo 3

Se usan cinco colores de cara y no se distingue el suelo del frente. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

Fichas para decidir

En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

Ficha 1

Situación. Se llama 3D a un rectángulo con sombra y no hay ni una coordenada Z.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 2

Situación. La extrusión es 0 y se discute la textura.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 3

Situación. Se usan cinco colores de cara y no se distingue el suelo del frente.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 4

Situación. La perspectiva con punto de fuga se mezcla con la isométrica y las medidas dejan de leerse.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 5

Situación. La textura de rayas tapa la arista y ya no se ve el volumen.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 6

Situación. Se exporta un render realista sin haber decidido ancho, fondo y alto.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 7

Situación. El eje Y se usa como ancho porque «en la pantalla Y es horizontal».

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 8

Situación. Una foto del prisma se entrega como modelo editable.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 9

Situación. Se añaden luces y cámara antes de cerrar la forma.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 10

Situación. El prisma se estira en una sola vista y las otras dos caras quedan incoherentes.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 11

Situación. La textura es una foto de internet pegada en la cara, sin licencia.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 12

Situación. Se quiere un edificio entero cuando el encargo es un mostrador extruido.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 13

Situación. No se nombra qué cara es la frontal y la textura cae en el suelo.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 14

Situación. El laboratorio se usa una vez y no se anotan los tres números.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 15

Situación. Se confunde vértice con píxel.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Ficha 16

Situación. La isométrica se presenta como «lo que vería una persona», que es la perspectiva, no esta vista.

Criterio. En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.

Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.

Decisiones de aula

1. La perspectiva con punto de fuga se mezcla con l

Situación. La perspectiva con punto de fuga se mezcla con la isométrica y las medidas dejan de leerse.

No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.

Decisión. Aplicar el criterio de la lección y escribirlo en la nota.

Por qué: Mezclar el punto de fuga con la isométrica hace que las aristas paralelas dejen de leerse como medidas. El paseo con cámara puede usar fuga; esta ficha no. Si las cotas ya no se pueden copiar del dibujo, el sistema de vista está mal elegido.

2. La textura de rayas tapa la arista y ya no se ve

Situación. La textura de rayas tapa la arista y ya no se ve el volumen.

No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.

Decisión. Aplicar el criterio de la lección y escribirlo en la nota.

Por qué: Cuando las rayas tapan la arista, el volumen desaparece aunque la textura «se vea». La textura dice que una cara es distinta; no sustituye al canto que separa frente y lado. Se baja el contraste del motivo hasta que la arista vuelva a verse.

3. Se exporta un render realista sin haber decidido

Situación. Se exporta un render realista sin haber decidido ancho, fondo y alto.

No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.

Decisión. Aplicar el criterio de la lección y escribirlo en la nota.

Por qué: Exportar un render realista sin ancho, fondo y alto deja una imagen que no se puede rehacer. El prisma de esta lección son tres números y qué cara lleva textura. Sin esos datos, el render es un póster, no un modelo.

4. El eje Y se usa como ancho porque «en la pantall

Situación. El eje Y se usa como ancho porque «en la pantalla Y es horizontal».

No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.

Decisión. Aplicar el criterio de la lección y escribirlo en la nota.

Por qué: En la pantalla la Y puede ir horizontal, pero en el modelo el eje Y es la altura que acordamos en el aula, no el ancho. Usarlo como ancho cambia todas las cotas al pasar el archivo a otra persona. Se anota qué eje es ancho, cuál es fondo y cuál es alto, y no se improvisa por la vista.

Errores que se repiten

Lista de comprobación de la entrega

Rúbrica de esta lección

CriterioAún noEn procesoConseguidoNotable
ConceptoSe nombra malSe dudaSe usa el término de la lecciónSe explica con un caso del aula
LaboratorioNo se abreSe abre y no se decideHay un resultado en la páginaOtra persona puede repetirlo
NotaNo hayRepite el nombre del archivoDice la decisiónCabe en la carpeta epa/
LímitesSe finge publicación o hardwareSe dudaSe dice que es localNo hay datos de pago ni obra ajena sin licencia
OriginalSolo una captura opacaFalta variante o leyendaSe guarda lo editableEl PNG, si existe, es prueba y está nombrado

Mini cierre

En esta lección la nota guarda ancho, fondo, altura y qué cara lleva textura. Sin los tres números, el prisma no se puede rehacer.

Comprueba

Responde en el cuaderno y abre después. El párrafo «Por qué» es lo que se estudia.

1. ¿Una sombra convierte un cuadrado en 3D?

Respuesta. No. Hace falta volumen: vértices con tres coordenadas o una extrusión con altura.

Por qué: Una sombra no convierte un cuadrado en 3D: es un efecto de la vista plana. Hace falta volumen, con vértices de tres coordenadas o una extrusión con altura. Si la altura es 0, no hay prisma, y llamarlo 3D en la portada sería falso.

2. ¿La textura cambia el modelo?

Respuesta. Cambia la cara, no las medidas.

Por qué: La textura cambia la cara, no las medidas. Rayas o puntos dicen que esa superficie es distinta y no sustituyen a ancho, fondo y alto. Se puede discutir el motivo solo después de haber escrito los tres números.

3. ¿Por qué isométrica y no un render con punto de fuga?

Respuesta. Porque aquí hay que leer medidas, y la isométrica no encoge las aristas paralelas.

Por qué: La isométrica no encoge las aristas paralelas, y por eso aquí se pueden leer las medidas. El punto de fuga sirve para un paseo con cámara, no para anotar el prisma. Mezclarlos ahora impide copiar el ancho del dibujo.

En la vida real

El mostrador, no el rascacielos

  • Explicar un expositor del aula con tres medidas basta para encargar el cartón.
  • Una textura de rayas puede marcar la cara que mira al pasillo.
  • El render bonito sin medidas no sirve para repetir la pieza en otro grupo.
  • Isométrica en el cuaderno de tecnología: la misma idea que en la pantalla.
Laboratorio · en esta página Abrir en pestaña →

Extrusión simplificada: una base y una altura. Las tres caras visibles bastan para leer el volumen. La «textura» es un motivo, no un material de motor de juego.

Editas y dibujas aquí. No hay salto a otro módulo. La misma herramienta está en l17-graficos-3d-conceptos.html y, debajo, en un marco.

Reto Profesor

Anota el prisma

Extruye un prisma con tres números que quepan en una frase. Cambia la textura y comprueba que se sigue viendo la arista. Una buena entrega no llama render a la isométrica ni deja la altura en blanco.

reto_id: bach1-tic-L17