{"id":902,"date":"2014-03-25T01:48:50","date_gmt":"2014-03-24T23:48:50","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=902"},"modified":"2021-08-06T18:07:25","modified_gmt":"2021-08-06T17:07:25","slug":"graficos-3d-relaciones-espaciales","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/graficos-3d-relaciones-espaciales\/","title":{"rendered":"Ejercicios con gr\u00e1ficos 3D – Relaciones espaciales"},"content":{"rendered":"

Descripci\u00f3n del ejercicio<\/strong><\/h2>\n

En este apartado, construiremos una escena que muestre un cubo compuesto por varios bloques generados aleatoriamente. Debemos incluir un texto que pregunte por el n\u00famero de bloques y otro texto que muestre \u201ccorrecto\u201d o \u201cincorrecto\u201d, seg\u00fan la respuesta.<\/p>\n

Tama\u00f1o de la escena.<\/strong>\u00a0 Debemos cambiar las dimensiones de la escena a 600×400.<\/p>\n

Espacio de trabajo<\/b>. Insertaremos un espacio 3D con las caracter\u00edsticas que\u00a0 se observan en la imagen de abajo. Asignamos 50 al desplazamiento en y (0.y = 50), -100 al desplazamiento en x (O.x = -100), escala de 90, despliegue pintor y una imagen de fondo.<\/p>\n

\"rel1\"<\/p>\n

Controles.<\/b> Usaremos tres controles.<\/p>\n

Control de escala. <\/b>El programa Descartes trae un control de escala que usaremos en otra sesi\u00f3n. Por ahora a\u00f1adimos, al interior de la escena, un control num\u00e9rico tipo barra identificado por la letra a <\/b>(id) <\/b>y de nombre Escala<\/b>. El valor inicial es de 1.5, incremento de 0.1, m\u00ednimo 1.5 y m\u00e1ximo 3, con posici\u00f3n en el sur<\/strong> (parte inferior de la escena).<\/p>\n

Control de inicio.<\/b> A\u00f1adimos un control num\u00e9rico tipo bot\u00f3n con el siguiente nombre \u201cOtro ejercicio\u201d, con posici\u00f3n y tama\u00f1o definidos por (E1._w-125, 10, 120,30) y cuya acci\u00f3n ser\u00e1 similar a la de inicio; sin embargo, el efecto es recalcular las variables usadas en la escena, de tal forma que se reinicie.<\/p>\n

\"rel1b\"<\/p>\n

\u00a0Control para pregunta. <\/b>\u00a0Insertamos un control num\u00e9rico tipo campo de texto<\/b> cuya posici\u00f3n, como en el primer control, ser\u00e1 en el sur<\/strong> de la escena. El nombre de este control es \u201c\u00bfcu\u00e1ntos bloques hay?\u201d Su identificaci\u00f3n (id) ser\u00e1 n3 (ver imagen siguiente).<\/p>\n

\"rel2\"<\/p>\n

Es importante modificar el alto de los controles que se ubican en la parte inferior de la escena, para facilitar la interacci\u00f3n en dispositivos m\u00f3viles. Para ello, en la opci\u00f3n botones, hacemos el cambio como se indica en la siguiente imagen:<\/p>\n

\"rel2b\"<\/p>\n

Algoritmo de inicio<\/strong>. <\/b>Usaremos cinco variablesr, cuyos valores iniciales son n\u00fameros aleatorios. Si bien el cubo es un paralelep\u00edpedo que tiene sus tres dimensiones iguales, generaremos tres variables que har\u00e1n variar las divisiones en cada uno de los lados del cubo. Para este efecto, hablaremos de largo, ancho y alto.<\/p>\n