Chisme 161 del Lince: formas 3D y mundo virtual con A-Frame

Qué vas a hacer

Probador: elige una forma y un color. La página escribe la línea de código y dibuja la forma.
Mundo completo: las diez formas en círculo a tu alrededor. Pulsa una línea del código y esa forma se agita.

No tienes que cambiar el código: tienes que saber leerlo. Mira la pantalla de abajo: arrastra con el dedo o el ratón para mirar alrededor.

1 · Probador de formas

1. Elige una forma

2. Elige un color

Esta es la línea de código que has escrito:

Lee la línea, trozo a trozo:

Trozo de código	Qué significa

Lee y predice

1. En la línea aparece position="0 0.6 -3". Si el segundo número fuese 3 en lugar de 0.6, ¿dónde aparecería la figura?

Respuesta: flotando a 3 metros del suelo. El segundo número es la altura (y).

2. ¿Por qué el último número es negativo (-3)?

Respuesta: en A-Frame, "hacia delante" es el sentido negativo de z. La figura está a 3 m delante de ti.

3. ¿Qué dos trozos de código tienen la palabra a- delante del nombre de la forma?

Respuesta: la etiqueta de apertura y la de cierre. Siempre se abre y se cierra.

2 · El mundo completo, línea a línea

Esto es el código del mundo. Pulsa una fila y la forma correspondiente se agita en la pantalla.

Los puntos suspensivos en animation="…" son el giro, igual que en el cubo (se lee en la fila del cubo). En el programa real va escrito entero.

Línea de código	Qué significa

Lee y predice

1. Cada forma está a 4,5 m de ti, pero todas en un sitio distinto. ¿Qué dos números de position cambian de una forma a otra?

Respuesta: el primero (x) y el tercero (z). El segundo (y, la altura) casi no cambia: todas están en el suelo.

2. ¿Qué pasaría si borras la línea de a-light?

Respuesta: el programa seguiría funcionando, pero las formas se verían sin sombreado, casi planas.

3. ¿Cuántas líneas de código hacen falta para una forma con su cartel?

Respuesta: dos. Una para la forma y otra para el texto.

¿Quieres verlo solo, a pantalla completa y sin código? Abre el mundo de las formas. En unas gafas, ábrelo en su navegador y pulsa el icono de las gafas, abajo a la derecha.

Qué son estas formas

Un cubo y una esfera parecen distintos, pero el ordenador los dibuja igual: con puntos y triángulos. Cuando programes tus propios mundos, empezarás por estas diez piezas.