Vous êtes sur la page 1sur 10

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

Introduccin a la GUI de Unity3D 1. Objetivos Este tema es lo primero que debes leer si es la primera ve que usas Unity3D. !qu" e#plicaremos cu$les son las secciones clave de la GUI %Inter&a 'r$&ica de usuario( de Unity3D y describiremos la &orma de crear nuevos elementos y posicionarlos en nuestro videojue'o. )ara demostrar los aspectos esenciales del inter&a de Unity vamos a crear una escena 3D muy sencilla que permitir$ a un personaje caminar sobre una super&icie. )ara &acilitarte las cosas* usaremos un 'uin %+( para pre&ijar todas las acciones que requieran tu intervencin directa con el pro'rama. ,. Inter&a !unque e#isten otros modos de visuali ar la inter&a * vamos a empe ar con el m$s sencillo. !se'-rate que el inter&a se encuentra en modo ., by 3/. )ara 0acerlo* 0a clic en las pesta1as superiores2 3indo4 5ayout , by 3

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. 1

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

6er$s que el inter&a est$ a0ora dividido en estas 7 re'iones principales que puedes contrastar con la captura a pie de p$'ina2 1. 8cene 6ie4 9 Es la vista de la escena de tu videojue'o* y permite a1adir nuevos objetos en ella. En adelante la denominaremos 6ista de Escena. ,. Game 6ie4 9 Es la vista del videojue'o y muestra cmo se ver$ tu videojue'o al ejecutarse. En adelante la llamaremos 6ista de 6ideojue'o. 3. :ierarc0y 6ie4 9 Es la vista de jerarqu"a y muestra la lista de todos los objetos que 0ay a0ora mismo en la escena. En adelante la llamaremos 6ista de ;erarqu"a. <. )roject 6ie4 9 Es la vista del proyecto y muestra la lista de todos los assets %=ecursos( que 0ay disponibles para usar en tu videojue'o. Es como una paleta. En adelante la llamaremos 6ista de )royecto. 7. Inspector 6ie4 9 Es la vista de inspeccin y muestra una lista con todas las propiedades del objeto de tu videojue'o que tienes seleccionado. 8i no tienes nin'-n objeto seleccionado no mostrar$ nada. En adelante la llamaremos 6ista de Inspector.

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. ,

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

3. 5ocali ar objetos en el espacio 3D !ntes de continuar* vamos a reiniciar Unity3D para crear un nuevo proyecto con el que empe ar desde cero. =einicia Unity3D %>ierra el pro'rama y vu?lvelo a abrir(. >rea un nuevo proyecto 0aciendo clic en las pesta1as superiores2 @ile Ae4 )roject... Escribe un nombre para el proyecto* el que t- quieras* y 0a clic en >reate )roject para continuar. En este momento Unity3D comen ar$ a car'ar todos los recursos que incluye por de&ecto %Te#turas* modelos* e&ectos de sonido* scripts* etc.( para que se encuentren disponibles en tu nuevo proyecto. Una ve &inalice la car'a de recursos podr$s ver el mundo de tu videojue'o. )or de&ecto slo 0abr$ en ?l una c$mara principal* la podr$s ver como el -nico elemento en la lista de la 6ista de ;erarqu"a* su nombre es Bain >amera y en adelante nos re&eriremos a ella como >$mara )rincipal. 8i no puedes ver la c$mara en la 6ista de Escena* puedes 0acer clic en ella en la 6ista de ;erarqu"a. Una ve 0ec0o eso* si mueves el cursor dentro de la 6ista de Escena* pulsando la tecla @ reali ar$s la opcin de 8eleccionar el @rame %@rame 8elect(* que se encar'a de centrar en la escena el objeto seleccionado. Esta es la t?cnica que debemos se'uir siempre que queramos locali ar un objeto en la escena. Todos los objetos pueden ser seleccionados tanto 0aciendo clic sobre ellos en la 6ista de Escena como en la 6ista de ;erarqu"a. 8i seleccionas un objeto en la 6ista de Escena podr$s comprobar si 0as seleccionado el objeto correcto porque se mostrar$ iluminado tambi?n en la 6ista de ;erarqu"a. <. >reando objetos en el videojue'o ! continuacin vamos a a1adir unos cuantos objetos en el mundo de nuestro videojue'o. 8elecciona la pesta1a superior2 Game Object >reate Ot0er )lane. Esto crear$ una super&icie bidimensional %Un plano( sobre el cu$l podr$ moverse nuestro personaje principal. !1ade un cubo al mundo del videojue'o seleccionando2 Game Object >reate Ot0er >ube !1ade una lu puntual seleccionando2 Game Object >reate Ot0er )oint 5i'0t

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. 3

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

7. Aave'ando por la 6ista de Escena !unque los controles son muy intuitivos y ser$s capa de aprenderlos con la simple pr$ctica* a continuacin detallamos cmo puedes recorrer el mundo de tu videojue'o en la 6ista de Escena y mirarlo desde cualquier $n'ulo utili ando los si'uientes controles2 1. =otacin 9 !lt C >lic I quierdo ,. Despla amiento 9 !lt C >lic >entral 3. Doom 9 !lt C >lic Derec0o Aota2 En caso de utili ar un ordenador Bacintos0* la tecla !lt se sustituye por la tecla junto a la del lo'o de !pple %>omando(. 8i tu ratn es de un slo botn* est$s usando un touc0 pad o simplemente te resulta m$s &$cil* tambi?n puedes utili ar los si'uientes controles alternativos siempre y cuando ten'as seleccionada la 0erramienta con icono en &orma de mano que ver$s en la parte superior i quierda* justo debajo de las pesta1as superiores2 1. =otacin 9 !lt C >lic I quierdo ,. Doom 9 >ontrol C !lt C >lic I quierdo )rueba los controles anteriores 0asta que te &amiliarices con ellos. E. Bover los objetos del videojue'o )uedes modi&icar la posicin de cualquier objeto en el espacio 3D usando cualquiera de las si'uientes opciones2 1. 5a 0erramienta Bover2 8eleccionable con la tecla 3. 8i la pulsamos mientras tenemos un objeto seleccionado* se mostrar$n 3 &lec0as* una para cada eje en el espacio 3D. 5os colores rojo* verda y a ul se corresponden con los ejes #* y* * respectivamente. )ara mover un objeto 0a clic i quierdo en la &lec0a que represente el eje en el que quieres mover el objeto y mueve el ratn para modi&icar su posicin 0asta el punto que desees. Observa que al mismo tiempo que mueves el objeto* los valores de su posicin tambi?n cambian en el panel de la 6ista de Inspector. Tambi?n puedes introducir directamente los valores num?ricos en ese panel. Tutorial de Unity 3D Introduccin a la GUI de Unity3D )$'. <

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

Tambi?n puedes modi&icar la posicin de un objeto del videojue'o 0aciendo clic sobre ?l para seleccionarlo* y a continuacin moviendo la c$mara de manera que mire 0acia la direccin en la que queremos mover el objeto. 8i 0acemos clic en las pesta1as superiores y seleccionamos2 Game Object !li'n 4it0 6ie4* el objeto se mover$ en la direccin a la que mira la c$mara actualmente. ,. 5a 0erramienta =otar2 8eleccionable con la tecla E. 8i seleccionamos un objeto del videojue'o y a continuacin pulsamos esta tecla se mostrar$ la 0erramienta de rotacin. )ara rotar el objeto sobre cualquiera de sus ejes* mant?n presionado clic i quierdo sobre el eje que quieres rotar y mueve el ratn. De la misma manera* el panel de la 6ista de Inspector tambi?n cambiar$ sus valores al mismo tiempo que rotas el objeto* y podr$s introducirlos en ?l manualmente si lo deseas. 6amos a 0acer un peque1o ejercicio. Bueve el cubo con la 0erramienta Bover de manera que quede &uera de la 6ista de Escena. Usa la opcin de 8eleccionar el @rame 0aciendo clic sobre el cubo en la jerarqu"a y pulsando la tecla @ para volverlo a locali ar. @inalmente mueve el cubo de nuevo 0asta dejarlo cerca del plano. Bueve a0ora tambi?n la lu puntual de manera que se encuentre sobre el cubo y el plano.

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. 7

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

F. 5a 6ista de 6ideojue'o 5a 6ista de 6ideojue'o nos muestra cmo se ver"a el videojue'o en ejecucin* con te#turas* iluminacin* etc. 8i no puedes ver el mundo de tu videojue'o en la 6ista de 6ideojue'o es porque tu c$mara no est$ mirando en la direccin correcta. :a clic en la c$mara principal. 6er$s que una malla piramidal amarilla sale desde ella. 8e denomina campo de visin de la c$mara y representa lo que puede ver. 8i el campo de visin no apunta directamente a los objetos de tu videojue'o* nave'a por al escena 0asta locali arlos* una ve 0ec0o esto* vuelve a seleccionar la c$mara en la jerarqu"a y 0a clic en la pesta1a superior2 Game Object !li'n 4it0 6ie4. De esta manera la c$mara del videojue'o se colocar$ e#actamente en esa posicin y la 6ista de 6ideojue'o coincidir$ con la 6ista de Escena. Tambi?n puedes ajustar manualmente la con&i'uracin de la c$mara usando las 0erramientas de Bover y =otar* o cambiando sus valores directamente en el panel del 6ista de Inspector. Gui $s tambi?n desees mover la lu puntual para conse'uir un e&ecto m$s est?tico.

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. E

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

H. =edimensionando objetos del videojue'o )ara redimensionar un objeto seleccinalo en primer lu'ar y pulsa = %:erramienta de redimensionado(. )odr$s escalar visualmente cualquier objeto 0aciendo clic en el bloque con &orma de cubo que aparece en el e#tremo de cada eje* o bien usando la 6ista de Inspector para teclear un valor preciso en ?l. !0ora vamos a reescalar al'unos objetos de nuestro videojue'o2 8elecciona el plano y pon a 1I los valores de escala tanto en el eje J como en el D usando la 6ista de Inspector. 8er$n el primer y el tercer valor de la escala* ya que el se'undo corresponder"a al eje K. 8elecciona el cubo y redimensinalo visualmente a lo lar'o del eje K subiendo 0acia arriba el bloque con &orma de cubo en ese eje de &orma que el cubo termine pareci?ndose a un pilar. =enombra el cubo como .)ilar/. )uedes 0acer esto seleccion$ndolo en la 6ista de ;erarqu"a* 0aciendo clic derec0o sobre ?l y seleccionando la opcin =ename %=enombrar(. Tras escribir el nombre que desees* pulsa Enter para 'uardarlo. =ecuerda que es recomendable que los nombres de los objetos del videojue'o comiencen con letra may-scula. L. Utili ando los =ecursos Un videojue'o est$ compuesto por modelos 3D* te#turas* arc0ivos de sonido* cdi'o &uente* etc. Estos elementos se denominan =ecursos %!ssets(. Unity3D viene con muc0os recursos de serie* incluso m$s en la versin pro. !0ora vamos a a1adir a nuestro videojue'o uno de los personajes pre&abricados que podemos encontrar en los =ecursos. En la 6ista de )royecto e#pande el directorio llamado 8tandard !ssets %=ecursos Est$ndar( y a continuacin e#pande el subdirectorio )re&abs %)re&abricados(. 5os )re&abricados &orman parte de una coleccin de objetos de videojue'o que 0an sido previamente ensamblados entre ellos con una a'rupacin l'ica. 6er$s el controlador de primera persona %@)8 >ontroller( dentro del directorio )re&abs. !rrastra el @)8 >ontroller en la 6ista de Escena. Observa como la 6ista de 6ideojue'o cambia* esto es porque el @)8 >ontroller pre&abricado viene con su propia c$mara* la cual toma precedencia &rente la >$mara )rincipal que e#ist"a desde un principio. !se'-rate de que el @)8 >ontroller no est$ atrapado dentro del plano* para ello mu?velo de &orma que quede sobre el plano. Morra la >$mara )rincipal %Bain >amera( ya que no la vamos a volver a necesitar* puedes 0acerlo Tutorial de Unity 3D Introduccin a la GUI de Unity3D )$'. F

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

pulsando la tecla 8upr con ella seleccionada. 5a 6ista de 6idejue'o a partir de a0ora ser$ lo que el ju'ador puede ver dentro del jue'o. !rranca el videojue'o clicando el botn )lay que puedes ver abajo a la i quierda de la GUI de Unity. Observa que la pantalla permanece i'ual* de &orma que puedes ver el videojue'o dentro de la 6ista de Escena y la 6ista de 6ideojue'o. Usa las teclas cursor para mover a tu personaje por el entorno %Tambi?n puedes usar !*8*D*3(* usa el ratn para mirar a tu alrededor y la tecla espacio para saltar. )uedes detener la ejecucin del videojue'o en cualquier momento pulsando nuevamente el botn )lay. En este punto es interesante que sepas que pulsando la barra espaciadora mientras el cursor se encuentra dentro de cualquiera de las distintas 6istas de Unity3D %6ideojue'o* Escena* etc.(* dic0a 6ista pasar$ a modo pantalla completa. Esto resulta -til cuando se est$n 0aciendo ajustes en la 6ista de Escena* o cuando se est$ probando el jue'o desde la 6ista de 6ideojue'o. )ulsando el espacio de nuevo dentro de la pantalla completa* ?sta volver$ a su modo normal de visuali acin. Esta caracter"stica est$ desactivada mientras el videojue'o se encuentra en ejecucin* en ese caso debes detener o simplemente pausar el videojue'o primero. 1I. !1adiendo componentes 5os objetos de tu videojue'o pueden tener cierto n-mero de componentes %Tambi?n llamados comportamientos( asociados. !l 0acer clic en un objeto del videojue'o* puedes ver los componentes asociados en la 6ista de Inspector %p.ej. Tras&ormaciones* cajas de colisin* etc.(. :a clic en el )ilar y mira sus componentes asociados en la 6ista de Inspector. 6amos a a1adir otro cubo m$s a la escena y a1adir un componente adicional. !1ade otro cubo a la escena %Game Object >reate Ot0er >ube(. =enmbralo como )0ysics>ube en la 6ista de ;erarqu"a. !0ora vamos a a1adir un =i'idbody %>uerpo r"'ido( al cubo. Este tipo de componente permite al objeto del videojue'o comportarse como si estuviese dentro de un mundo con 'ravedad. )or ejemplo* el objeto caer$ 0acia abajo 0asta que 'olpee una super&icie con un componente asociado de tipo >ollider. !se'-rate de que tienes el )0ysics>ube seleccionado* selecciona entonces >omponent )0ysics =i'idbody. Esto a1adir$ el componente =i'idbody al objeto del videojue'o que ten'as seleccionado. Tutorial de Unity 3D Introduccin a la GUI de Unity3D )$'. H

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

Observa que en la 6ista de Inspector el componente tambi?n aparecer$ a1adido. Bueve el )0ysics>ube de &orma que se encuentre sobre el )ilar* a una poca distancia sobre ?l. Gueremos con&i'urar la escena de &orma que* cuando pulsemos )lay* El )0ysics>ube colisione con el )ilar y despu?s cai'a al suelo. )ulsa a0ora el botn )lay* el )0ysics>ube deber"a colisionar contra el )ilar y a continuacin caer sobre el plano comport$ndose como si 0ubiese 'ravedad. 11. Duplicar Duplicar un objeto del videojue'o es la caracter"stica m$s potente de Unity. >uando duplicamos un objeto* todas las caracter"sticas y comportamientos del objeto son a su ve copiados. Es una &orma muy r$pida de crear escenas complejas con multitud de objetos. !0ora vamos a a1adir m$s )0ysics>ubes a nuestra escena. :a clic en el )0ysics>ube para ase'urarte de que lo tienes seleccionado. !se'-rate de que no manten'as activa nin'una de las opciones de mover* rotar o escalar. )ulsa >trlCD %Tambi?n puedes 0acerlo desde el men- Edit* o simplemente 0aciendo clic derec0o sobre ?l en la 6ista de ;erarqu"a y seleccionando la opcin Duplicate(. Observa cmo aparece una nueva entrada con un )0ysics>ube adicional en la 6ista de ;erarqu"a. Observa que sin embar'o* no puedes verlo* ya que 0a sido creado e#actamente sobre la misma posicin que el anterior. Bueve el nuevo )0ysics>ube seleccionando la 0erramienta mover %Tecla 3( y mu?velo 0acia arriba en el eje K. =epite este proceso de &orma que 0aya varios )0ysics>ubes en la escena* unos sobre otros. Ejecuta a0ora el videojue'o y los )0ysics>ubes interactuar$n entre ellos comport$ndose con total naturalidad.

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. L

Tutorial de Unity 3D Tema 1 Introduccin a la GUI de Unity3D

Tutorial de Unity 3D Introduccin a la GUI de Unity3D

)$'. 1I