Configuración de parámetros para la casa (3 / 6 paso)

Paso 3: Definición de los parámetros

La siguiente sección de código pre-polulated es un ejemplo de cómo crear parámetros que pueden utilizarse para el control de sus diseños con deslizadores o campos comunes. En este ejemplo se utilizará controles deslizantes con un valores de rango para controlar el tamaño de nuestra casa. El código de plantilla de parámetros temporalmente es comentado y se utilizará a medida que avanzamos a lo largo de en el proceso de codificación.

En este punto, es importante considerar cómo tienes que ser capaz de cambiar tu casa una vez terminado el código porque estos parámetros controlan eso.

Instrucciones

1. Hay varias maneras generales que podría cambiar de una casa, pero aquí están cuatro ejemplos que vamos a utilizar en este escenario:
   -Casa la longitud (L)
   -Casa ancho (W)
   -Pared altura (H)
   -Altura techo (RH)
2. Estos serán los parámetros definidos para controlar la casa con los cursores. No tenemos que usar los parámetros en la redacción inicial del código, pero es fundamental que definimos los parámetros temprano y mantenerlas en mente a lo largo de este proceso.
3. Como usted puede ver en el código de la plantilla anterior, los parámetros se define como una serie de nombre y valor de pares. Estos parámetros utilizan la sintaxis JSON para definir una matriz (o lista) de los objetos y ahora podemos definir estos parámetros.
4. Para empezar, cambiar el código de plantilla mediante la eliminación de todo el texto naranja excepto la línea que define los parámetros. Cambie el código de plantilla que se muestra arriba para que coincida con la imagen que se muestra a continuación. Nota: La siguiente instrucción incluye todo el texto por lo que fácilmente puede copiar y pegar en la interfaz.
   
5. Código de plantilla:

   params = [
   {"id": "House_Length",
   "displayName": "Casa de longitud",
   "tipo": "longitud",
   "rangeMin": 10,
   "rangeMax": 100,
   "default": 10
   },
   {"id": "House_Width",
   "displayName": "Casa de anchura",
   "tipo": "longitud",
   "rangeMin": 10,
   "rangeMax": 100,
   "default": 10
   },
   {"id": "Wall_Height",
   "displayName": "Altura de la pared",
   "tipo": "longitud",
   "rangeMin": 1,
   "rangeMax": 30,
   "default": 10
   },
   {"id": "Roof_Height",
   "displayName": "Techo de altura",
   "tipo": "longitud",
   "rangeMin": 2,
   "rangeMax": 6,
   "default": 4
   }
   ];

6. Params = []; (líneas 20 y 49) es la definición de la matriz de parámetros. Anidado dentro de los soportes de la Plaza de la matriz son conjuntos de llaves {} separados por comas, que definen cada objeto en el array.
   
7. En cada juego de llaves son los pares de nombre y valor que definen cada parámetro. Cada uno de los parámetros mostrados utilizará la funcionalidad de control deslizante para controlar el tamaño de los objetos creados en el código.
8. Continuar al paso siguiente.