Traducido por Javiusdey de desarrollodejuegos.com.es y Marta Villaescusa 1. Instalación En esta sección conseguiremos configurar Construct 2 (C2 en adelante) para hacerlo funcionar. Nos centraremos en la descarga y actualización de C2, después en el proceso de instalación, como usar tú licencia si la has comprado, y un recordatorio de los requisitos del sistema. 1.1 Conseguir Construct 2 Descargarlo de la web Para descargar la última versión de C2 puedes visitar: http://www.scirra.com/construct2/releases/new ⇗ Esta URL siempre te indicará la última versión. Te recomendamos siempre mantenerte actualizado y usar la última versión de C2. Esto prevendrá encontrarse con problemas que ya han sido resueltos. Hay 3 formas de ser notificado acerca de las nuevas versiones: Notificaciones por email Si quieres que se te notifique cuando se publique una nueva versión puedes inscribirte en nuestra lista de mailing. Para hacerlo, inicia sesión en tu cuenta y visita tu página Yo (Me): http://www.scirra.com/me ⇗ Marca la casilla Nuevas versiones de C2 (Construct 2 new releases) debajo de tus subscripciones (Your subscriptions). Automáticamente te enviaremos un email cuando una nueva versión sea publicada. No te enviaremos ningún otro mail distinto al de las notificaciones de nueva versión si sólo has marcado esa casilla, y puedes cancelar la inscripción en cualquier momento demarcando la misma casilla en tu perfil. ¡Nosotros también odiamos el spam! Alerta de actualizaciones en Construct 2 Si usas C2 en un ordenador conectado a internet, el propio C2 te avisará si hay alguna actualización disponible. Normalmente esto es un poco lento –puede notificar unos cuantos días después de la salida de la actualización. Puede cambiar tus preferencias en notificación de actualizaciones en el diálogo de preferencias (Preferences dialog). Actualizaciones en las redes sociales Tenemos una página de Facebook, una cuenta de Twitter y una página de Google+. Si usas alguna de estas redes puedes seguirnos o agregarnos. Publicamos actualizaciones en estas páginas en cuanto salen, al igual que otras noticias que pueden interesarte. Actualizaciones Beta Los lanzamientos Beta de C2 no están muy preparados para el uso continuado, pero son lanzados más pronto y con más regularidad que las actualizaciones estables. Si quieres ayudar a probar estos lanzamientos Beta, bajo el riesgo de posibles virus o cuelgues, puedes encontrarlos en la lista de lanzamientos (releases list ⇗) o configurar C2 para que te avise de las actualizaciones Beta en el diálogo de preferencias (Preferences dialog) 1.2 Instalando Construct 2 Una vez descargado C2, la Configuración (Setup) empezará a instalarlo en tu ordenador. Clica Siguiente (Next>) para seguir los pasos. Tu navegador o Windows puede mostrar una advertencia de seguridad antes de comenzar la Configuración (Setup). Debes comprobar si el editor está en la lista de Scirra Ltd antes de hacerlo funcionar. Esto ayudará a asegurar que la configuración es la genuina de Scirra y no algo maligno editado por terceras personas. Instalación Portátil Construct 2 puede usarse como software portátil. En otras palabras, puedes instalarlo en un disco externo (como una memoria USB) y usarlo en cualquier ordenador. Si quieres hacer esto, coloca la carpeta de instalación (Install) en tu disco externo. Versiones de 32-bit y 64-bit Hay dos versiones de C2, una de 32-bit (para ordenadores antiguos) y otra de 64-bit (para ordenadores nuevos). Si no estás seguro de cual instalar puedes dejar que la configuración lo detecte (auto-detect). Aunque, si lo has instalado en un disco externo, puedes querer instalar la de 32-bit, ya que esta versión funcionará en ordenadores de cualquier tipo, no como la de 64-bit. Cuentas de usuario limitadas C2 todavía puede ser instalado en cuentas de usuario limitadas sin acceso administrativo. Esto es común en lugares de trabajo, escuelas, universidades, bibliotecas y otros lugares de acceso público. Podrás descargarlo e instalarlo con una cuenta limitada mientras no haya otras restricciones en el lugar. En este caso la configuración (Setup) no podrá acceder a al directorio de archivos de programa. En cambio, se instalará en una carpeta en tu cuenta de usuario. Otros usuarios quizás tengan que instalar el software manualmente. Algunos sistemas incluso desinstalarán el software cuando cierres sesión y tendrás que volver a instalarlo cada vez que inicies sesión. Si la configuración (Setup) falla debido a otras limitaciones (por ejemplo, no poder descargar EXEs de internet) prueba con una instalación portátil. Instala C2 en un disco externo en un ordenador donde puedas hacer funcionar la configuración (Setup) y prueba a hacerla funcionar en el ordenador con limitaciones desde el disco. Actualizaciones Si ya tienes C2 instalado e intentas instalar una actualización, la configuración (setup) te ofrecerá eliminar la última copia instalada de C2. Siempre debes eliminar la versión vieja a menos que hayas instalado el programa dos veces (por ejemplo, en el ordenador y en el disco externo, en cual caso la desinstalación podría eliminar la instalación portátil). Desinstalación C2 puede ser desinstalado a través de Añadir/Quitar programas (Windows XP) o Programas y características (Windows Vista y nuevas versiones) en el Panel de Control Instalaciones masivas Si estás instalando C2 en muchos ordenadores, recuerda que la instalación es portátil. Esto significa que no hay dependencia fuera de la Carpeta Archivos de Programa de C2. Puedes instalarlo en varios ordenadores instalándolo en uno y copiando la carpeta de instalación (y cualquier acceso directo que quieras) en otros ordenadores. Puedes usar también los siguientes modificadores de línea de comando (command-line switches) para hacer funcionar la configuración de forma automática: construct2-setup.exe /SP- /SILENT /SUPPRESSMSGBOXES Por defecto, también se añadirá un icono en el Menú de inicio. 1.3 Usar una licencia Ver también: Tutorial de cómo funcionan las licencias de C2 How Construct 2 Licenses Work ⇗ Versión Gratuita de Construct 2 C2 puede ser descargado e instalado en cualquier ordenador de forma gratuita, incluyendo aquellos de uso público y no comercial. Sin una licencia funciona como una versión gratuita. Esta tiene las siguientes limitaciones: Un máximo de 100 eventos (events) en un proyecto (project) Un máximo de 4 capas (layers) en un plano (layout) Un máximo de 2 efectos (effects) en un proyecto (project) No hay organización en la carpeta de la barra del proyecto (Project bar) No hay búsqueda de acontecimientos (events) No hay Familias (families) No hay vista previa de LAN Preview on LAN ⇗ No está permitido su uso con propósitos comerciales (aunque sí puede ser usado con fines educativos y otras organizaciones sin ánimo de lucro) Comprando la licencia eliminas todos estos límites. Las licencias pueden comprarse en Scirra.com. Ambas licencias, la Standard y la Business quitan todas las restricciones anteriores. La licencia personal (Personal license) Todos los límites de la versión gratuita se eliminan con la Licencia Personal. De todas formas, las reglas de usos comerciales son distintas para personas individuales y organizaciones. Las personas individuales pueden usar una licencia Standard para usos comerciales hasta un límite de 5000$. Si las ganancias asociadas a creaciones hechas con C2 superan los 5000$ (incluyendo publicidad/promoción asociada) se debe comprar una licencia Business, aunque no es necesario comprarla hasta entonces. Organizaciones sin ánimo de lucro, como escuelas, bibliotecas y universidades pueden usar Licencias personales para eliminar las restricciones de la versión gratuita. Hay disponibles descuentos para compras al por mayor. Las Organizaciones Comerciales no pueden usar licencias Standard: deben comprar la Business. La licencia Business (Business license) La mayoría de las personas individuales no necesitan esta licencia. Sólo es necesario para: Personas individuales que ya han ganado 5000$ por creaciones hechas con C2 y Organizaciones comerciales y de negocios. Las organizaciones sin ánimo de lucro nunca necesitan una licencia Business, sólo la Standard. El archivo de la Licencia (License file): c2license.txt Una vez has hecho la compra, te enviaran una clave (redeem key) por email. Esta es un código especial con el que poder entrar a la tienda de Scirra y conseguir la licencia. Si quieres comprar una licencia para alguien más, puedes darle la clave y esa persona podrá conseguir otra licencia de la tienda con su propio nombre y dirección de email. Esto también funciona si quieres comprar licencias para un número indeterminado de personas, por ejemplo tus empleados o compañeros: puedes recibir cierto número de claves, que puedes dar de forma individual. Una vez has usado tu clave en la tienda de Scirra, puedes descargar tu licencia de C2, que es un archivo llamado c2license.txt. Solamente necesitas copiar esta carpeta en el directorio de instalación (install directory) o en mis documentos. Reinicia C2 y funcionará como la versión licenciada: el nombre del comprador debe aparecer en la página de inicio y en el diálogo “Sobre” (About), la versión gratuita debe desaparecer de la barra del título, y los límites deben desaparecer. Así mismo, puedes colocar tu archivo de licencia donde quieras y localizarlo clicando cargar el archivo de licencia (Load license file) en el diálogo “sobre” (About). A menos que la licencia sea comprada por una organización, la licencia es para la persona y no para el ordenador. Esto quiere decir que puedes usar tu copia licenciada de C2 en todos los ordenadores que quieras, por lo que debes ser el único que lo utiliza. Otras personas deben comprar su propia licencia. Recuerda que C2 puede ser usado como software portátil (ver Instalando C2). Puedes poner tu archivo de licencia en un disco externo e instalar tu copia licenciada en cualquier ordenador. No debes modificar el archivo de licencia. Está protegido por un resumen criptográfico hash y cualquier modificación podría causar que C2 rechace la licencia y vuelva a la versión gratuita. ¡No debes compartir tu archivo de licencia! Guárdala al igual que haces con el número de serie para otros programas. Además el archivo de licencia contiene información personal, así que es aconsejable mantenerlo en privado. 1.4 Requisitos del Sistema C2 actualmente solo funciona en Windows. Por favor, ve a FAQ ⇗ para otros sistemas. A pesar de que sólo funciona en Windows, el programa realiza juegos en HTML5 que pueden funcionar en una gran variedad de ordenadores y dispositivos. Ve a la sección de Tecnología (Technology) para más información. Requisitos mínimos del sistema Windows XP Service Pack 3 o superior 512MB RAM Procesador de 1GHz Un navegador compatible con HTML5 (ver abajo) La última versión de tu tarjeta gráfica (drivers) Requisitos del sistema recomendados Windows 7 o superior 2GB RAM Procesador 2GHz dual-core Una tarjeta gráfica nVidia o AMD con los últimos controladores (drivers). Te recomendamos evitar el uso de hardware gráfico Intel debido a la pésima actuación, estabilidad y características. Los requisitos de sistema ideales Puedes conseguir buenos resultados sin ellos, pero si puedes tenerlos sería lo mejor. Solid State drive (SSD) para el sistema operativo y el software Versión de 64-bit de Windows 7 o superior 4GB RAM o más Una pantalla grande o configuración de monitor dual Una tarjeta gráfica nVidia o AMD con los últimos drivers, al menos 512MB de memoria para video y soporte para OpenGL 2.0+ Una conexión a internet de banda ancha Navegadores compatibles con HTML5 Para previsualizar tus juegos en HTML5 necesitas un navegador compatible con HTML5. Los navegadores se pueden descargar e instalar gratuitamente. HTML5 es una nueva tecnología, así que es importante mantener tu navegador actualizado a la última versión. Los navegadores compatibles son: Internet Explorer 9+ (sólo para Windows Vista o superior – Windows XP deben usar otro) Mozilla Firefox Google Chrome Opera Scirra recomienda Google Chrome o Mozilla Firefox. 2. Resumen En esta sección ofrecemos un resumen de C2, incluyendo la página de inicio (start page), interfaz (interface), estructura del proyecto, los dos formatos de guardado, exportación y publicación, la tecnología de tus juegos y algunas buenas prácticas y consejos de actuación al usar C2. 2.1 Página de inicio La primera vez que inicies C2 debes ver la Página de Inicio (Start page) que es algo parecido a esto: Esta te da un punto de partida útil siempre que inicies C2. Tiene algunos enlaces útiles como Crear un nuevo proyecto, Nuevos tutoriales en la web, tus proyectos abiertos recientemente, enlace a nuestro Facebook, Twitter y Google+ y demás. Tutorial para principiantes Si eres nuevo, quizás quieras echar un vistazo al enlace al Tutorial C2, Guía para principiantes Beginner's Guide to Construct 2 tutorial ⇗. Este es una guía paso a paso para ayudarte a crear tu primer juego. Ejemplos Si quieres examinar proyectos existentes para ver cómo funciona C2, puedes abrir las demos de Space Blaster y Ghost Shooter. Estos son ejemplos avanzados así que no te agobies por sus matemáticas o su complejidad. Sólo sirven para enseñar lo que C2 puede hacer en las manos de un usuario avanzado. Hay muchos ejemplos más simples en el directorio de ejemplos de C2. Clica Mostrar todos los ejemplos (Browse all examples) para verlos. Hay más de 40 que muestran cómo hacer plataformas simples y demos físicas. Es altamente recomendable ver todos los ejemplos. Hay varios ejemplos de soluciones a preguntas frecuentes como “¿Cómo configuro los controles comunes?” en la carpeta de ejemplos. Configuración Puedes cambiar Mostrar la página de inicio cuando enciendas el ordenador Show (Start page on startup) y Cerrar la página de inicio cuando cliques en algo (Close the start page when I click on something) en el diálogo de preferencias (Preferences dialog). 2.2 La interfaz El siguiente gráfico resalta las partes importantes de la interfaz de usuario de C2. También se muestra un resumen de cada parte abajo, y más adelante el manual explica cada sección con mayor detalle. 1: Menú de archivos (File Menu) y barra de herramientas (Ribbon Tabs) C2 utiliza una barra de herramientas, similar a la Microsoft office 2007 o superior. El botón azul con la flecha para clicar hacia abajo es el menú de archivos, y a su derecha hay una barra de herramientas que se despliega con varios botones y opciones. También hay una barra de acceso rápido con los cuatro comandos más usados: Guardar (Save), Deshacer (Undo), Rehacer (Redo) y Vista previa (Preview). Puedes añadir o quitar botones de esta barra: clicando la flecha hacia abajo pequeña que hay a la derecha. Si quieres tener muchos comandos en esa barra puedes optar por mantenerla visible debajo de la barra de herramientas. 2: La vista del Plano Es un editor visual donde puedes colocar objetos para diseñar niveles, pantallas de menú y demás. Mira The Layout View. 3: Vista de pestañas Estas pestañas permiten usar diferentes planos y hojas de actividades, para definir la secuencia de actividades en las que se basa el juego. Puedes clicar y arrastrar una pestaña para ver una al lado de otra en la misma pantalla. 4: La barra de propiedades En esta barra puedes ver una lista de propiedades en las cuales ya has clicado. Puedes ver y cambiar las propiedades de las cosas como planos, objetos, capas y demás. Mira The Properties Bar. 5: La barra del proyecto y la barra de capa Por defecto, la barra de proyecto y la de capa están etiquetadas aquí. La barra de proyecto contiene un resumen de todo tu proyecto. La de capa puede usarse para añadir capas a un plano. 6: Pestañas de la Barra de proyecto/Barra de capa Esta te permite alternar entre la barra de proyecto y la de capa. 7: Barra de objetos Contiene una lista de objetos de tu juego. Puedes arrastrar y soltar objetos desde aquí para colocarlos en el plano. El menú del botón derecho tiene varias opciones para filtrar o mostrar diferentes objetos. Mira The Object Bar. 8: Barra de estado En la parte de abajo de la ventana se encuentra la Barra de estado. Esta muestra: Qué está haciendo C2 durante una tarea de larga duración, como exportar o guardar un proyecto. Cuantas actividades hay en el proyecto y su tamaño aproximado La capa activa en ese momento, que es la capa donde se colocaran los objetos La posición del ratón en planos combinados El nivel de zoom actual 9: Botones de la parte de arriba a la derecha Al igual que los botones minimizar, maximizar y cerrar de Windows existe Fijar Barra (Pin Ribbon) para mantener la barra siempre a la vista, y el botón “sobre” (About) para abrir el diálogo About con información y los créditos de C2. Personalización Puedes personalizar la interfaz a tu gusto. Algunas de las barras pueden ser arrastradas y soltadas en diferentes posiciones de la ventana. También puedes esconder barras para ahorrar espacio: clica el icono de fijar (pin) de una barra y se convertirá en una simple pestaña. Puedes volver a convertirla en barra. Las barras se pueden esconder y mostrar en la pestaña Vista (View) de la barra de herramientas. Puedes crear una pantalla dividida clicando y arrastrando uno de los planos u pestaña de hoja de actividades en la vista principal. Esto es útil en monitores grandes. 2.3 Estructura del proyecto Los proyectos de C2 consisten en los siguientes elementos. Se pueden acceder a ellos vía la Barra del proyecto (Project Bar), que contiene un esquema de todos los elementos del proyecto. Los elementos de la barra del proyecto se pueden organizar en subcarpetas (sólo la versión con licencia) algo muy importante en medianos y grandes proyectos. Para más información, mira la sección Proyectos Primitivos (Primitive Projects). Planos (Layouts) Niveles, menús, los títulos de las pantallas y otros planos de objetos predefinidos. En otras herramientas Layout puede referirse a escenas, habitaciones, marcos o etapas. Los planos también pueden estar formados por múltiples capas (Layers), que pueden usarse para poner objetos en las capas de fondo y primer plano. Estos se manejan con la barra de capas (Layers bar). Hoja de eventos (Event Sheets) Un conjunto de eventos (Events) definen la lógica del juego. En C2, los eventos son la alternativa a programar o a crear la secuencia de comandos. Los planos tienen una hoja de eventos asociada para darle lógica. Las hojas de eventos pueden ser reutilizadas en diferentes planos que puedan incluir una hoja de eventos. La hoja de eventos se edita en la vista de hoja de eventos (Event Sheet View). Para más información sobre eventos, ve a la sección de Eventos (Events), especialmente a la página Como funcionan los eventos (How events work). Tipos de Objetos (Object Types) Los tipos de objeto definen la “clase” a la que pertenece un objeto. Por ejemplo, EnemigoTroll (TrollEnemy) o EnemigoOgro (OgreEnemy) pueden ser distintos tipos de objetos. Se pueden crear distintos ejemplos para un objeto. Es decir, puede haber tres ejemplos para el tipo de objeto EnemigoTroll (TrollEnemy) y 5 ejemplos para el tipo de objeto EnemigoOgro (OgreEnemy) Es importante aclarar la diferencia entre tipos de objeto y ejemplos: son llamados de forma distinta en el manual. Para más información, ve a las entradas Componentes (Plugins), Tipos de objeto (Object Types) y ejemplos (Instances). Los tipos de objeto pueden agruparse en familias (Families). Sistema de Objetos (System object) El sistema de objetos representa la funcionalidad en C2. Es lo único existente en un proyecto vacío. No puede añadirse de nuevo ni ser quitado de un proyecto. No hay ejemplos para el sistema de objetos: está siempre presente y provee el acceso a los aspectos del motor de C2. Sus condiciones, acciones y expresiones están documentadas en el sistema de referencia (System reference). Sonido y Música Son archivos de audio usados para efectos sonoros y música en el juego. Los sonidos deben usarse para efectos de corta duración que suenan cuando un acontecimiento como una colisión o explosión ocurre. La música se usa para pistas musicales más largas. Es importante organizar los archivos de audio porque los sonidos se descargan antes de poder escucharlos, pero la música es en streaming. Esto significa que si una pista de música se pone en la carpeta Sonidos, tendrá que descargarse completamente (lo que tardará unos minutos) antes de reproducirlo. Además el audio de la carpeta Música puede reproducirse inmediatamente porque es en streaming. Ambos, sonidos y música deben estar disponibles en los formatos Ogg Vorbis (.ogg) y MPEG-4 AAC (.m4a). Esto es porque los navegadores no se ponen de acuerdo en un solo formato para web, ¡así que todos los audios deben estar en los dos formatos! Internet Explorer y Safari usan archivos .m4a y el resto (Firefox, Chrome y Opera) usan archivos .ogg. C2 ayuda a convertir audio a ambos formatos cuando se importan los archivos de audio. Ve al Diálogo de Importar Audio (Import Audio dialog) y Sonido y Música (Sounds & Music) para más información. Archivos de Proyecto (Project Files) Cualquier archivo externo puede ser importado al proyecto. Para más información, ve a Project Files. Unidades comunes A veces, en C2 necesitas introducir valores como ángulos, velocidades o tamaños. Para que haya cierta consistencia, C2 siempre usa las mismas unidades, excepto donde se especifique otra cosa en notas o descripciones mostradas en el editor. Las unidades comunes se describen a continuación. Posiciones (Positions) se miden en píxeles. El origen (0,0) está arriba a la izquierda del plano y el eje Y aumenta hacia abajo (como es habitual en los motores del juego) Tamaños (Sizes) se miden en píxeles Ángulos (Angles) se miden en grados. Los 0 grados empiezan a la derecha y se abre en el sentido de agujas del reloj Tiempos (Times) se miden en segundos Velocidades (Speeds) se miden en píxeles por segundo Aceleraciones (Accelerations) se miden en píxeles por segundo Índices que empiezan en 0 Para ser coherente con el lenguaje de programación, todas las características de C2 usan un número de cosas de una lista (índices) que empiezan desde 0 en vez de 1. Esto puede parecer complicado al principio y te costará acostumbrarte, pero en muchos casos esto es mucho más conveniente que las listas que empiezan en 1. Tradicionalmente las listas son numeradas 1, 2, 3… pero en C2 (y otros lenguajes de programación) se numeran 0, 1, 2… 2.4 Guardar y compartir proyectos Hay dos tipos de proyecto en los que puedes guardar tu trabajo. Ninguno afecta la funcionalidad del juego, pero tienen ciertas ventajas y desventajas durante la edición. Debes elegir uno de los tipos cuando crees un proyecto nuevo. Carpetas de proyectos (Folder projects) Los proyectos pueden guardarse en una carpeta. Esto almacena diferentes partes del proyecto en diferentes archivos. Por ejemplo, cada plano se guarda en archivos separados en la subcarpeta de Planos (Layouts). Las carpetas de proyectos se guardan y cargan rápidamente. Esto las hace apropiadas para medianos y grandes proyectos. Las carpetas de proyecto son buenas para trabajos en colaboración con un equipo, porque es fácil para distinta gente trabajar en diferentes archivos de proyecto y más tarde, fusionarlo. El archivo de proyecto principal tiene la extensión .caproj. Nota que este no contiene el proyecto completo: es solamente una lista de otros archivos usados en el proyecto. Si quieres compartir un proyecto, el archivo .caproj es inútil por si solo – guarda a un único archivo de proyecto (.capx) en su lugar. Archivo de proyecto único (archivos .capx ) (Single-file projects (.capx files)) Los proyectos guardados en un solo archivo son más convenientes para proyectos pequeños. Sólo hay un archivo para enviar, subir o compartir. Aunque se guardan y cargan más despacio debido a que C2 tiene que unir y dividir el proyecto de un solo archivo. También es más difícil para colaboraciones que si estuviese guardado en una carpeta. Los archivos .capx son un simple ZIP de la carpeta de proyecto. Puedes renombrar un archivo .capx con .zip para ver los archivos del proyecto. Convertir entre tipos Es fácil convertir un archivo de proyecto único a una carpeta de proyecto que al contrario en C2. Simplemente abre un proyecto y elige Archivo - Guardar como Proyecto… (File - Save As Project...) para guardarlo en un único archivo de proyecto. Ya que los archivos .capx son ZIPs de la carpeta de proyecto, pueden también ser convertidos en una carpeta de proyecto renombrándolo como .zip y extrayendo la carpeta de proyecto que está dentro. De igual manera, una carpeta de archivos puede convertirse en un archivo .capx comprimiéndolo en un archivo .zip y cambiándole la extensión a .capx. 2.5 Pruebas y publicación Probando tu juego Para probar tu juego durante su desarrollo puedes hacer una vista previa clicando “play” en la barra de acceso rápido o barra de herramientas, presionando F5 o clicando el botón derecho del ratón en un plano en la Barra de Proyecto y seleccionando Vista Previa (Preview). Esto usa un servidor local para mostrarte la vista previa de tu juego. Si tienes móvil, tablet o otros portátiles/ordenadores donde quieres probar el juego, hacer la vista previa usando tu red local (wifi) puede ser fácil. Para más información, mirar el tutorial Como hacer una vista previa en tu red local How to preview on a local network ⇗. Debes exportar (export) y publicar (publish) el proyecto antes de poder jugarlo. No puedes compartir la URL en internet durante la vista previa. Exportar Para exportar tu proyecto, usa el Menú de archivo (File Menu), barra de herramientas o barra del proyecto (Project Bar) para abrir el diálogo de exportación del proyecto (Export Project dialog). Si estás interesado en los detalles técnicos al exportar el proyecto, mira la sección Tecnología (Technology). Distribución del Proyecto C2 hace juegos en HTML5. Hay muchas formas de publicar y distribuir juegos HTML5. Esto incluye Scirra Arcade ⇗, Chrome Web Store ⇗, Facebook ⇗ y más. La sección de tutoriales de la web Scirra.com Tutorials section ⇗ habla sobre todas estas opciones y todas están resumidas en Publicitar y promocionar tu juego de C2 Publishing and Promoting your Construct 2 game ⇗. 2.6 Tecnología C2 crea juegos HTML5. Estos funcionan online en navegadores web de gran variedad de dispositivos y sistemas operativos, incluyendo dispositivos móviles como teléfonos y tablets, asegurándonos que tu juego es accesible a la mayor cantidad de gente posible. Esta sección es un resumen de la tecnología usada para ello. Esto puede ser de interés para gente que le guste la tecnología y te lo puedes saltar si estás más interesado en saber cómo usar C2. Navegadores Web (Web Browsers) Un navegador es el programa que carga y muestra páginas web en tu ordenador. Los más populares son: Internet Explorer ⇗ (solo la versión 9 o superior funciona con HTML5) Mozilla Firefox ⇗ Google Chrome ⇗ Opera ⇗ Los Macs también suelen usar Safari ⇗. Algunos de estos navegadores también están disponibles para móviles y tablets. HTML5 HTML ⇗ significa HyperText Markup Language. HTML es la manera estandar en la que se hacen las páginas web desde los inicios de internet. HTML5 ⇗ es la quinta revisión de HTML y empezó a ganar fama y difusión en 2011. Introduce algunas nuevas características, pero solo un pequeño número de ellas atañe a los juegos. De todas formas, “HTML5” es todavía el más apropiado para la tecnología usada por C2. Javascript es el lenguaje de programación estándar usado para programar webs y también se usa para los juegos de C2. De particular interés en HTML5 es la nueva etiqueta <canvas>. Esta crea una superficie rectangular en las webs HTML donde cualquier imagen o contenido puede ser dibujado. Esto es ideal para juegos. Todos los juegos de C2 usan canvas HTML5 para mostrar el juego. HTML5 es compatible con la tecnología de Adobe Flash que domina los juegos de internet desde 2011. HTML5 se diferencia por ser algo así como un acuerdo de empresas, más que un producto controlado por una única compañía como Adobe. Flash también funciona como plugin de navegador, que debe ser descargado e instalado de forma separada mientras que HTML5 está dentro del navegador. Esto significa que los juegos HTML5 pueden funcionar en dispositivos donde no hay soporte para Flash, como iPhone y iPad. Dadas sus ventajas, HTML5 reemplazará a Flash en la web. Javascript Javascript ⇗ es el lenguaje de programación estándar para web. Permite que las páginas web sean más interactivas trabajando en cierto modo como aplicaciones tradicionales. Esto también es un acuerdo entre empresas. Javascript no es Java. Son dos lenguajes de programación no relacionados que tienen un nombre similar. Java trabaja otra tecnología para las webs, una totalmente distinta a la de javascript. Intenta no confundir ambos términos: los juegos de C2 no necesitan java para funcionar. Navegadores modernos compilan Javascript a códigos de ordenador (o instrucciones de CPU). Esto asegura que las webs (incluyendo juegos) que usan Javascript funcionan de la forma más rápida y eficiente posible. Javascript es un tipo de lenguaje que acumula basura, por lo que hace que los juegos se entrecorte o se pause. Los juegos de C2 están optimizados para crear la menor cantidad de basura posible, reciclando objetos donde es posible. Incluso objetos enteros son reciclados si son destruidos y recreados. Esto ayuda a mejorar la actuación y asegura que el juego funcione lo más fluidamente posible. Plugin y comportamiento SDK Los programadores de Javascript pueden extender C2 con sus propios Plugins y comportamientos. Mira Javascript SDK documentation para más información. Lienzos Canvas El <canvas> de HTML5 tiene dos formas de dibujar el juego en la web: un simple contexto en 2D y el contexto WebGL, basado en OpenGL. WebGL es dos veces más rápido que 2D y tiene más características, incluyendo efectos de soporte, pero no funciona en todas las plataformas. La mayoría de los navegadores funcionan con WebGL, pero no Internet Explorer. C2 funciona con las dos tecnologías. WebGL puede ser habilitado o deshabilitado para cada juego en las propiedades del proyecto (Project Properties). Generalmente, es recomendable habilitarlo, porque el juego funcionará más rápido y los efectos no funcionan sin él. Si el ordenador o dispositivo del usuario no puede usar WebGL o éste está deshabilitado, C2 volverá al contexto 2D. En este caso el juego puede seguir jugándose, pero funcionará un poco más lento y no se verá tan bien. Ya que Internet Explorer no soporta WebGL, si lo usas sería mejor cambiar de navegador como Firefox o Chrome. Quizás también quiera avisar a los usuarios de que hagan lo mismo. WebGL puede no funcionar en un ordenador aunque esté habilitado. En este caso el contexto 2D funcionará en su lugar. Puedes comprobar que lienzo está usando el juego con la expresión del sistema lienzo (renderer), que puede ser “canvas2d” o “webgl”. Oscurecimiento y empequeñecimiento El código Javascript de tu juego está minimizado y oscurecido con el Closure Compiler ⇗ de Google. Esto reduce el tamaño y lo hace extremadamente difícil de modificar para otros usuarios. Las imágenes del juego están comprimidas en PNG. También están comprimidos al exportar para asegurar que la descarga es lo más pequeña posible. Para más información, mira este post Image compression in Construct 2 ⇗. Audio El motor del juego de C2 soporta Web Audio API en Google Chrome para play-backs de baja latencia o efectos de sonido. En otros navegadores se usa el estándar de audio HTML5. Soporte Offline A pesar de que los juegos HTML5 funcionan en un navegador web, los juegos C2 usan el HTML5 AppCache para permitirles funcionar también offline. Esto es útil para aplicaciones iOS y Chrome, ya que algunos usuarios quizás utilicen el juego offline. También el AppCache ayuda a ahorrar ancho de banda en los servidores que hospedan el juego: los archivos del juego solo serán descargados una vez y cada visita después el juego se cargará desde el disco local (mientras se buscan actualizaciones). Mira el tutorial offline support in Construct 2 ⇗ para más información. Lo más importante es que tu servidor debe estar configurado para archivos .appcache con el tipo MIME text/cache-manifest si no el soporte offline no funcionará y malgastarás mucha banda ancha. 2.7 Buenas Prácticas ¡Haz copias de seguridad a menudo! Ni el hardware ni el software de tu ordenador son perfectos. Los ordenadores fallan y el software puede estropearse. Hacer copias de seguridad de tu proyecto te protege de perder todo tu trabajo. Es esencial mantener las copias seguridad fuera del ordenador. Si todas tus copias están en el mismo ordenador o guardadas en discos en el mismo lugar, eventos catastróficos como fuegos, inundaciones, robos o fallos simultáneos de hardware pueden causar la pérdida total de todo tu trabajo y copias de seguridad. C2 tiene características para hacer copias de seguridad fácilmente, incluyendo copias externas usando Dropbox. Para más información ve al tutorial Keep your work safe with Construct 2's backup options ⇗. Este consejo no es solo para C2. Es vital adoptar estas prácticas para todos tus trabajos importantes. No esperes hasta haber perdido tu trabajo para empezar a hacer esto. La gente pierde trabajos a menudo por no realizar esto. ¡No seas uno de ellos! Comprueba en varios navegadores y dispositivos Es altamente recomendado probar si tu juego funciona debidamente en varios navegadores. Aunque HTML5 es el estándar y en teoría funciona en todos los navegadores, en la práctica hay algunas variaciones entre navegadores (por ejemplo en actuación, características, renderización de textos, etc.) Debes instalar varios navegadores y probarlo para asegurar que tu juego le funcionará a todo el mundo. Usa la vista previa en navegadores (Preview browser) para probar los navegadores fijos y la vista previa en redes locales (preview on a local network ⇗) para probar los navegadores móviles. Haz uso de pantallas táctiles también Muchos usuarios tienen pantallas táctiles sin ratón ni teclado. Si es posible, debes diseñar tu juego para poder ser usado en estos dispositivos con controles de toque de pantalla. Para más información, ve al tutorial touch controls ⇗. Formatos de archive recomendados Quizás desees crear dibujos o audio en otros programas antes de importarlos a C2. Los mejores formatos para ello son: 32-bit PNG para imágenes. Asegúrate de elegir 32-bit si tienes elección, la versión de 8-bit o inferior son de peor calidad. Los PNG de 32-bit no tienen pérdidas y soportan el canal de transparecia alfa (alpha-channel transparency). Nótese que el Paint de Windows no soporta la transferencia PNG. Usa un editor distinto al Paint, como Paint.NET ⇗. Puedes elegir diferentes formatos de salida en C2, como JPEG, para reducir el tamaño de tu proyecto finalizado. Aunque cuando exportas debes mantener el PNG de 32-bit si es posible, y dejar que C2 los recomprima. Para más información ve al post Image compression in Construct 2 ⇗. 16-bit PCM WAV para audio. Estos son los típicos archivos .wav, pero nota que no todos los .wav son de 16-bit PCM. Suponiendo que estés usando Windows 7 o superior, al importar un archivo .wav de 16-bit PCM a C2 éste se encodeará automáticamente a los dos AAC y Ogg Vorbis, los dos formatos necesarios. Para más información ve a la sección del manual Import Audio dialog. Seguridad Nunca jamás escribas nombres de usuario o contraseñas en los eventos. Estos serán visibles como texto plano en Javascript, y usuarios maliciosos podrán controlar tu cuenta fácilmente. Si necesitas conectarte a algo como una base de datos, escribe el script que se ejecuta en el servidor y conecta con la URL o el servidor. Rendimiento Hay un gran número de consejos sobre el rendimiento del juego (garantizando que el juego siempre funcionará rápido). Lo más importante es cuando se desarrolla para móviles, hay que probar el dispositivo móvil desde el principio. Tu ordenador funcionará 10 o 20 veces más rápido que un móvil, y algo que funciona muy rápido en tu ordenador puede no ser imposible de jugar en el móvil por su lentitud. Para más información Performance Tips. Uso de memoria Algunos diseñadores están tentados a diseñar niveles enteros como simples imágenes grandes, por ejemplo 10000x10000 píxeles. Este método debe evitarse a toda costa. No es sólo que malgaste memoria, si no que muchos dispositivos no soportan imágenes tan grandes, por lo que no funcionará. Generalmente el mayor tamaño que soportan todos los sistemas (incluyendo móviles) es de 2048x2048 píxeles. De todas maneras, evita imágenes de ese tamaño también, lo más apropiado es usar fondos adosando imágenes de tamaño medios como 512x512 que cubran todo el plano. Después, compón el diseño de nivel adosando varios objetos. Cada objeto puede ser estirado y rotado individualmente lo que evitará una apariencia repetitiva. Imagina una sola imagen de 10000x10000 que usa 400mb de memoria, que dejaría sin espacio a los ordenadores más potentes. Por otra parte, un nivel compuesto por 512x512 fondos adosados y 50 objetos diferentes de un tamaño de 200x200 usaría menos de 20mb de memoria. Sería perfecto para encajar en la memoria de los móviles. Efectos Recuerda que los efectos requieren WebGL para funcionar, que no es soportado en todos los ordenadores. Asegúrate de configurar recursos apropiados y probar tu proyecto con WebGL deshabilitado para que se vea bien en los sistemas de otros usuarios que no puedan usarlo. Manejar proyectos Si trabajas en grupo, probablemente encuentres muy útil el software de control SVN para manejar las carpetas del proyecto. Éste puede destacar y fusionar los cambios que cada persona hace. También hay un historial de todos los cambios y restauraciones hechos en todo momento. C2 guarda los datos del proyecto en formato XML así que es apropiado para este control. Trabajar de forma individual Si estás trabajando tú solo, es probable que sea más fácil usar archivos de proyecto únicos (archivos .capx). Si el proyecto se alarga, C2 tardará más tiempo en guardar y cargar proyectos (mostrará Decompressing CAPX... o Compressing CAPX en la barra de estado). Llegados a este punto es útil convertirlo en una carpeta de proyecto que se salta este paso y hará que guardar y cargar sea más rápido. 2.8 Consejos de actuación Móvil Los ordenadores modernos son muy potentes. El principal problema es hacer funcionar tus juegos correctamente en tablets y móviles. Es más difícil conseguir buenos resultados en estos dispositivos debido a que: Tienen un hardware más débil: CPUs, y chips gráficos más lentos y menos memoria. Javascript funciona más lento en ellos Algunos dispositivos sólo usan software de renderización, haciendo muy lento el dibujo de gráficos. Debes probar tu juego en móviles desde el principio. Tu ordenador es unas 10 veces más rápido que tu móvil. Para evitar sorpresas haz pruebas regulares para comprobar la velocidad. La característica Preview on LAN ⇗ puede hacer esto fácil y rápido. Tu propósito debe ser crear juegos simples para los móviles y tener menores expectativas de índice de frames (30 FPS es un buen objetivo para móviles). Estos 3 consejos te ayudaran a conseguir un mejor rendimiento del juego en móviles: 1. Activa “Pixel rounding” poniéndolo en “On” en las Propiedades del Proyecto (Project Properties). Esto evitará dibujar objetos entre píxeles, que pueden ralentizar el juego en algunos dispositivos. 2. Evita usar demasiados objetos o efectos de partícula, ya que los móviles tienen un límite más bajo. 3. Posiciona objetos usando la misma combinación o efecto en la misma capa. Por ejemplo, si tienes muchos objetos que usan la Adición (Additive) para combinarse (comúnmente usado para explosiones, lasers y otros efectos) asegúrate de que todos ellos están situados en su propia capa (de Adición). Asegúrate también de que el objeto se crea en esa capa si éste se genera en tiempo de ejecución. Alternar entre efectos reduce el rendimiento, y haciendo esto te aseguras de que objetos que usan el mismo efecto se dibujan a la vez. Exportando vía CocoonJS ⇗ o directCanvas ⇗ puedes mejorar el rendimiento en Android y iOS si el navegador del dispositivo es lento. El rendimiento de los móviles mejorará con el tiempo, así que si ahora tienes problemas, los dispositivos futuros o las actualizaciones lo mejorarán. Causas comunes de bajo rendimiento Algunas de las causas de esto están listadas aquí. No es una lista exhaustiva y puede haber otras razones no listadas aquí para que tu juego vaya muy lento. Demasiados objetos que usan Físicos (Physics) El comportamiento físico es muy intensivo en la CPU. Usar demasiados objetos así puede causar una bajada de velocidad. Debes diseñar tus juegos para usar unos pocos objetos que usen físicos grandes en vez de muchos pequeños. Crear demasiados objetos Aunque los ordenadores modernos son muy rápidos, todavía tienen muchas limitaciones en la capacidad de procesamiento. Crear más de 1000 objetos causará probablemente un descenso en la velocidad. Intenta diseñar usando los mínimos objetos posibles. El contador de objetos (objectcount) te indicara cuantos estás usando. Usar demasiados efectos Los efectos son impactantes a la vista, pero pueden hacer más lento el juego si los usas demasiado, especialmente en móviles. Usar un efecto en objetos con muchos ejemplos es especialmente lento – a menudo es más eficiente situar todos los objetos con ese efecto en la misma capa y aplicar el efecto directamente en la capa. Esto permite al efecto procesar todo de una vez, en vez de hacerlo una y otra vez en un solo objeto. Uso innecesario de efectos Nunca usas efectos para uno estático en un objeto. Por ejemplo, no uses “escala de grises” (“Grayscale”) para hacer que un objeto aparezca así siempre. Esto ralentizará el rendimiento, cuando puedes importar el objeto directamente en escala de grises y no usar ningún efecto. Usar demasiadas partículas El objeto de partículas (Particles object) puede crear cientos de partículas. Cada una es como un objeto pequeño, así que usará capacidad de procesamiento. Evita usar más de un par de cientos de partículas para ordenadores. Se recomienda evitar su uso para móviles siempre que sea posible; si los usas, usa el mínimo necesario con las tasas más bajas que puedas. Usa el contador de partículas (ParticleCount) para saber cuántas has creado. Usar objetos pequeños (Sprites) en vez de fondos adosados Crear demasiados objetos puede ralentizar el juego y un error común es usar cuadrículas de objetos pequeños (Sprites) en vez de fondos adosados. Por ejemplo, una cuadrícula de Sprites de 20x20 tiene 400 objetos, que es bastante. Un único fondo adosado puede reemplazar la cuadrícula y cuenta como un solo objeto. Éstos optimizan unas 400 veces al repetir texturas. Úsalos siempre que sea posible. Usar un navegador lento A veces, el lento Canvas 2D puede ser acelerado por el hardware de la tarjeta gráfica del ordenador. Otras veces, sin embargo, no se acelera y usa un software muy lento. No hay una forma fácil de explicarlo, pero esto es debido al peor rendimiento de un sistema. Comprueba en ordenadores distintos para ver si hay diferencias y asegúrate de tener actualizados los drivers de tu tarjeta de memoria. Usar demasiados bucles (loops) Esto es menos común, pero usar muchos bucles como para (for), para cada (for each) y repetir (repeat) puede causar una bajada de velocidad. Bucles anidados son más propensos a esto. Para probar si hay problemas, intenta deshabilitar temporalmente estos bucles. Confusiones comunes Las siguientes confusiones suelen ser acusadas de afectar el rendimiento (como en los tiempos de ejecución), pero el efecto no es muy grande o directamente no hay: Formatos de imagen (por ejemplo, JPEG, PNG-8, PNG-32) afectan el tamaño al descargar pero no afectan al tiempo de ejecución (se descomprimen todos en 32-bit en el programa). Formatos de Audio solo afectan al tamaño al descargar pero nada más. El Número de capas normalmente no afecta, a menos que la mayoría de las capas hayan cambiado su opacidad, tengan efectos aplicados, tengan un modo de fusión distinto a “Normal” o usen “forzar una textura” “force own texture”. Así que no hay problema en usar muchas capas con una configuración por defecto. El Número de Planos no tiene más efecto que el tamaño de descarga. Tamaño, ángulo u opacidad de sprites/fondos adosados y posiciones flotantes (por ejemplo, situar un objeto en X=10,5) no tienen efecto cuando se usa la aceleración del hardware. Las tarjetas de memoria modernas suelen renderizar un objeto a la misma velocidad sin tener en cuenta si es grande o pequeño, el ángulo, opacidad o posición. Aunque, si sólo se usa el software, puede tener gran impacto en el rendimiento, asegúrate de probarlo en diferentes sistemas. WebGL WebGL ayuda a que el juego vaya más rápido: WebGL es unas 2 veces más rápido que Canvas 2D así que, para mejorar la ejecución, asegúrate de que está habilitado en las propiedades del proyecto (Project properties) Aunque WebGL no es siempre soportado, por lo que esto no es garantía de que el juego vaya a usar WebGL. Usa la expresión del sistema Lienzo (Rederer) para determinar cual usar. Hay muchas razones por las que WebGL no es soportado, aquí una lista: El navegador puede no soportar WebGL. Por ejemplo, Internet Explorer actualmente no lo soporta y usa Canvas 2. Para mejorar el rendimiento, intenta cambiar a otro navegador que sí lo soporte. Tus drivers de la tarjeta gráfica pueden no estar actualizados. Para garantizar el funcionamiento, algunos navegadores deshabilitan WebGL si la tarjeta gráfica está desactualizada.Actualizarla eliminará el problema. Simplemente tu ordenador es demasiado antiguo o usa hardware que no lo soporta. Si es posible, actualiza tu tarjeta y el resto del hardware. Aunque no debes olvidar que puede seguir funcionando con Canvas 2, solo que más lento. Más consejos Para más información y consejos, mirar el post Optimisation: don't waste your time ⇗. Medidas y pruebas Desde el principio tu proyecto debe usar un indicador de índice de frames (framerate indicator) y controlar el rendimiento. Esto te permite notar si, haciendo algún cambio, éste afecta al rendimiento. Prueba tu proyecto en el máximo número de sistemas y navegadores posible. Si crees que algo está causando problemas de rendimiento en tu trabajo, es fácil comprobar tu teoría: haz una copia de seguridad, borra lo que pienses que está afectando y mira si el índice de frames ha mejorado. Si es así, lo que has borrado era la causa, si no debe ser otra cosa. Mide siempre el rendimiento. Los sistemas de un ordenador son muy complejos, y hay muchos resultados y cambios inesperados en su rendimiento. La única forma de saber qué efecto tiene algo sobre el rendimiento es medirlo. Si no puedes medir la diferencia, entonces el efecto no es significativo. Como medir el rendimiento Hay dos expresiones del sistema (system expressions) que determinan el rendimiento: Fps – da la tasa de frames por segundo. Normalmente la velocidad máxima es de 60 frames por segundo, pero puede cambiar dependiendo del sistema. Lienzo (Renderer) - con canvas2d o webgl. WebGL es dos veces más rápido, pero solo funciona en ordenadores y no en todos los navegadores. Para más información, mirar la sección tecnología. Puedes mostrar los dos en un objeto de texto (Text object) para echarle un vistazo al rendimiento mientras pruebas el juego, usando la acción: Configurar texto a: fps & “ FPS (“ & renderer & “)” Esto siempre mostrará unos 60 FPS (webgl) indicando ambos, el índice de frames y el lienzo. 3. Interfaz Esta sección trata sobre la Interfaz de usuario. Para un resumen ve a Resumen de Interfaz, de la sección anterior. 3.1 File menu Al menú de archivos de C2 se accede clicando el botón azul de la parte de arriba a la izquierda de la barra de herramientas. Los objetos abiertos recientemente aparecen a mano derecha del menú que aparece debajo. Nuevo (New) abre Crear un nuevo diálogo de proyecto (Create New Project dialog). Abrir (Open) abre un proyecto existente en el disco. Guardar (Save) guarda el proyecto actual en el disco. Guardar proyecto como (Save as project) y guardar como archivo único (sabe as single file) lo guarda en una carpeta o archivo diferente. Ver Saving and sharing projects. Exportar el proyecto (Export project) exporta el juego a HTML5, listo para distribución. Ver Exporting and Publishing. Cerrar pestaña (Close tab) cierra la pestaña que tengas abierta en ese momento. También se pueden cerrar clicándolas en el centro. Cerrar proyecto (Close project) Cierra el proyecto actual, preguntándote si quieres guardar los cambios. En la parte de abajo hay cuatro botones adicionales: Ayuda (Help) abre este manual Sobre (About) Abre el About dialog con información sobre tu ordenador, la versión de C2 y demás. Preferencias (Preferences) abre el diálogo de preferencias Preferences dialog con configuraciones para C2. Salida (Exit) cierra C2. 3.2 Barra de Herramientas Barra de Herramientas es el nombre de la barra con pestañas en la parte superior de la ventana, similar al diseño de Office 2007 y superiores. Por defecto esta barra está escondida hasta que clicas una de las pestañas. Puedes mostrarla de forma permanente clicando el botón Pin de la barra arriba a la derecha. Los accesos directos del teclado se ven o pasando sobre un botón de la barra o presionando Alt, que los muestra todos en pantalla. La pestaña Home (Inicio) Estas pestañas tienen las funciones más usadas y comunes a todos los programas: Cortar (Cut), Copiar (Copy), Pegar (Paste), Deshacer (Undo) y Rehacer (Redo). Los botones Borrar (Delete), Seleccionar todo (Select All) y Deseleccionar todo (Select None) afectan la selección actual en la Vista de la Hoja de Eventos o la Vista de Plano. Configuraciones (Configurations) te permite configurar diferentes versiones de tu proyecto sin tener que guardar varios proyectos en el disco. Configuraciónes activas (Active configurations) establece que configuraciones están siendo editadas. Ya que solo se puede ver una configuración de una vez, se muestran con el Mostrador de Configuraciones (Display configuration), que debe ser una configuración activa. La sección Online contiene algunos enlaces a webs que te pueden ser útiles. La sección Vista previa (Preview) tiene botones para hacer una vista previa del proyecto y exportarlo a HTML5 para su distribución. La pestaña View (Vista) La sección Barras (Bars) te permite mostrar o esconder las diversas barras de la interfaz de C2 clicando en las cajas. La sección Zoom se usa para hacer zoom en ambos, la Vista de Plano y la Hoja de Eventos. La sección Cuadrícula de Plano (Layout Grid) sólo se aplica a la Vista de Plano. Habilitando Snap to Grid (Ajustar a la cuadrícula) los objetos que muevas y sitúes se ajustarán a una cuadrícula invisible en la que puedes establecer las medidas. El Tema (Theme) te permite elegir diferentes estilos visuales a la interfaz de C2. Es sólo estético y no afecta a la funcionalidad del editor. La pestaña Acontecimientos (Events) Esta pestaña sólo se aplica a la Vista de la Hoja de Eventos. Si una vista de plano está activada los botones estarán desabilitados. El botón Add (Añadir) da formas rápidas de añadir un nuevo evento, condición, acción, subacontecimiento, grupo de aeventos, variables locales o globales, incluir evento o comentario. Si tienes algo seleccionado en la Hoja de Eventos, el nuevo item se añadirá al lado de la selección. Deshabilitar (Disable) te permite alternar condiciones, acciones o eventos completos, activándolos o desactivándolos. Un evento desactivado aparecerá tachado y si se ha borrado correctamente no afectará más al juego. Pero siempre puedes volver a activarlo clicando Deshabilitar otra vez. Esto es útil para las pruebas. La sección Búsqueda (Search) te permite filtrar los eventos en las hojas actuales con una búsqueda. Si un acontecimiento contiene el texto que has buscado, aparecerá, a no ser que lo hayas eliminado. Esto es útil para localizar eventos relacionados con un proyecto concreto o para encontrar algo en una larga hoja de eventos. El botón Eliminar Búsqueda (Clear Search) vuelve a mostrar todos los eventos, también pulsando Escape. Mostrar enlaces de “Añadir acción” (Show 'Add action' links) puede usarse para esconder o mostrar el enlace “Añadir acción” (Add action) en cualquier evento. Esto ofrece una forma rápida de añadir acciones nuevas. Aunque puede incrementar significativamente la altura dede la hoja de eventos, haciéndola difícila para leer o encontrar eventos. Si quieres revisar una hoja de evento es útil quitar estos enlaces. Las acciones se pueden seguir añadiendo a los eventos incluso aunque los enlaces estén escondidos usando el botón Añadir acción (Add action) de la barra de herramientas o del menú del botón derecho del ratón. 3.3 Barra del Proyecto La Barra del Proyecto (Project Bar) muestra un resumen de todo tu proyecto. Ve a Project Structure para un resumen de los elementos que conforman tu proyecto o a la sección (Proyectos primitivos) Project Primitives del manual para más detalles. El nombre del proyecto aparece con un asterisco (por ejemplo Space Blaster*) si tiene cambios sin guardar. Organizando proyectos La Barra del Proyecto puede usarse para organizar tu proyecto en subcarpetas (solo con licencia). Las Subcarpetas se añaden clicando con el botón derecho en una carpeta y seleccionando Añadir subcarpeta (Add subfolder). Entonces, puedes arrastrar y soltar carpetas e ítems para organizarlos. Manejando el proyecto Clica con el botón derecho cualquier ítem de la Barra del Proyecto y mostrará una lista de opciones. La mayoría de los ítems pueden ser renombrados y eliminados. Clicando una carpeta con el botón derecho te da la opción de añadir ítems nuevos en esa carpeta, como un plano u hoja de eventos nuevos. Los objetos se suelen añadir en la Vista de Plano, pero también puedes añadirlos a la Barra del Proyecto. Clica con el botón derecho el nombre del proyecto en la parte de arriba para cerrar, exportar o abrir la carpeta del proyecto en Windows Explorer. Borrar objetos Borrarlos de la Vista de Plano no eliminará un objeto del proyecto. La única forma de borrarlo completamente es eliminarlo de la Barra del Proyecto. Importar audio Clica con el botón derecho las carpetas de Sonido o Música y selecciona Importar (Import) para abrir el diálogo de importación de audio (Import Audio dialog). Esto te permitirá coger archivos de audio de tu ordenador e importarlos. C2 los convertirá a los formatos necesarios. Para audio en play-back asegúrate de que añades el Objeto de Audio (Audio object) al proyecto. Importar archivos Puedes importar archivos externos adicionales al proyecto. Para más información, ve a Project Files. 3.4 Barra de propiedades La Barra de Propiedades (Properties Bar) es una parte esencial. Muestra una lista de todos los ajustes que puedes cambiar seleccionándolos. En la imagen de abajo, un plano está seleccionado, así que se muestran las propiedades de ese plano. Hay demasiadas propiedades en C2 para listarlas aquí. En cambio, las propiedades de diferentes partes del proyecto se explican en su sección del manual. Por ejemplo, las propiedades de los planos se definen en la sección Planos. Las propiedades están organizadas en categorías que pueden expandirse con el botón +. Hay muchos tipos de propiedades, incluyendo campos de números y de texto, listas que se despliegan y enlaces para clicar. El nombre de las propiedades aparece en la columna de la izquierda, y los valores editables en la columna de la derecha. Siempre que algo del proyecto es clicado o seleccionado, sus propiedades aparecen en la Barra de Propiedades. Por ejemplo, seleccionando la vista de plano o clicando ítems de la Barra del Proyecto se muestran las propiedades más relevantes. Elementos con propiedades Los siguientes elementos tienen propiedades: Proyectos (Projects) Planos (Layouts) Capas (Layers) Ejemplos de Objeto (Object instances) Animaciones (Animations) Muchos comportamientos (behaviors) tienen sus propias propiedades – ver Behavior reference Muchos plugins tienen sus propias propiedades – ver Plugin reference Muchos objetos también tienen efectos que tienen sus propias propiedades. Mira la sección del manual referente a cada elemento. También hay un enlace de Ayuda (Help) en la parte de debajo de las propiedades que te llevaran a la parte adecuada del manual. Descripciones de la propiedad Todas las propiedades tienen una descripción que ofrece información adicional sobre para qué se usa cada una. Esto se muestra en el panel de la parte de debajo de la Barra de Propiedades. Es mejor echarle un ojo ya que contiene información útil y consejos. Aquí se muestra un ejemplo. 3.5 Barra de objetos La Barra de Objetos (Object Bar) es más útil en la Vista de Plano. Muestra una lista de objetos con iconos grandes. Los objetos pueden ser arrastrados y soltados para situarlos en el plano. Esto hace que la Barra de Objetos sea útil, ya que muestra los objetos que quieres situar, siendo más rápido en ocasiones que la Barra del Proyecto (que lista todo, no sólo objetos). Mira la sección Objects. La Barra de Objetos también da otra forma de acceder a las propiedades del objeto. Seleccionando un icono en la barra puedes ver las propiedades en la Barra de Propiedades. Si una Vista de Plano está abierta, también seleccionará todos los ejemplos de ese objeto que existan en él. Navegando por los objetos Por defecto, la Barra de Objetos los muestra organizados en carpetas. Si haces doble clic en una se muestra el contenido. Clica la flecha verde Arriba (Up) para volver a la carpeta general. Si seleccionas una carpeta en la Barra del Proyecto también aparece el contenido en la Barra de Objetos. Los objetos también se pueden organizar arrastrándolos y soltándolos en carpetas de la Barra de Objetos, pero la Barra del Proyecto es mejor para ello. Mostrar opciones El texto de arriba de la barra de título muestra el filtro o carpeta actual si hay. Por defecto sólo muestra los objetos del plano actual (por ejemplo Todos los objetos en “MyLayout”). Esto significa que no mostrará objetos en otros planos, ni objetos del proyecto como el Ratón o el Teclado. Se puede acceder a estos objetos vía la Barra del Proyecto y arrastrarlos y soltarlos en el plano desde allí. Las opciones de filtro pueden ajustarse para que muestren todos los objetos del proyecto en la Barra de Objetos (ver más abajo). Clica el botón derecho en un espacio de la Barra de Objeto para mostrar las opciones. Subir a la carpeta general (Up to parent folder) Un acceso directo del botón verde Subir (Up) de la parte de arriba de la Barra de Objeto. Subir a la raíz (Up to root) Volver a la raíz (el primer nivel) de la carpeta, como si clicaras Objects types en la Barra del Proyecto. Insertar un nuevo objeto (Insert new object) y Añadir subcarpetas (Add subfolder) Accesos directos de las funciones de organizar en la Barra del Proyecto. Mostrar ruta de la barra (Show path toolbar) Muestra o esconde el texto y el botón Arriba (Up) en la parte de arriba de la Barra de Objetos. Filtrar objetos (Filter objects) Configura a Plano de Objetos Actual (Current layout objetcs) para mostrar solamente los objetos que están en el plano actual (el plano por defecto) o Todos los objetos del proyecto (All project objects)para mostrar Ver como (View as) Configura la Estructura de la Carpeta (Folder Structure) para mostrar los objetos organizados en sus subcarpetas (las subcarpetas por defectos) o Lista Simple (Simple List) para alistar todos los objetos sin tener en cuenta su carpeta (sin subcarpetas). Estilo de Icono (Icon style) Cambia como se muestran los iconos en la Barra de Objeto, incluyendo en qué dirección se desplaza la barra si hay muchos objetos. Esto es útil si pierdes la Barra de Objetos en algún lugar del editor, por ejemplo en la parte de arriba o debajo. Tamaño de Icono (Icon size) Cambia el tamaño de los iconos. Los iconos más pequeños encajan mejor en la ventana, pero los más grandes son más fáciles de identificar. 3.6 Barra de Capas La Barra de Capas se usa para añadir, editar y eliminar capas en un plano. Una capa es como un folio de cristal donde se sitúan los objetos. Esto permite un manejo más fácil de los objetos que se superponen a otros objetos, por ejemplo mostrar los objetos en primer plano (foreground) delante de los del fondo (background). También permite hacer efectos de profundidad como la paralasis y las capas pueden ser rotadas y escaladas individualmente. Las capas pueden ser arrastradas y soltadas en la Barra de Capas para cambiar su orden. Las capas de debajo de la lista se muestran al fondo (por ejemplo, objetos de fondo) y las capas de arriba al frente (por ejemplo, objetos HUD). Seleccionando una capa muestras sus propiedades en la Barra de Propiedades y también configurarla como capa activa (active layer) en la que poder situar objetos. Mira las propiedades de la capa activa en las propiedades de plano (layout properties) para más información. La lista de capas Cada capa de la lista tiene: Una casilla para cambiar la capa visible en el editor (esto no afecta al juego en la vista previa o al exportar) Un icono de candado. Clicando esto la capa se bloquea. Si una capa está bloqueada, los objetos que contenga no se pueden seleccionar. Esto es útil para prevenir selecciones accidentales en capas que no se usan casi nunca. Un número a la derecha. Esto es un índice que empieza en 0 (la primera capa es 0, no 1). Si necesitas introducir un número de capa en el sistema de eventos, este es el número que debes introducir. (También puedes introducir el nombre de capa que sería más eficiente si reorganizas las capas a menudo). La Barra de Capas Los iconos a lo largo de la parte de arriba ofrecen accesos directos para editar las capas. Se pueden añadir capas y hay opciones alternativas para la visibilidad y el bloqueo. También hay unos botones de Renombrar (Rename) y Borrar (Delete), (F2 y Borrar en el teclado respectivamente). Las capas se pueden renombrar clicando una vez sobre ella, al igual que los archivos en Windows. Finalmente, hay unos botones Mover arriba (Move up) y Mover abajo (Move down) que ofrecen la alternativa de arrastrar y soltar para reordenar capas. 3.7 Vista de Plano La Vista de Plano (Layout View) es un diseñador visual para tus objetos. Permite configurar y preparar planos de objetos, como un nivel, menú o título de pantalla en un juego. En otras herramientas, plano puede significar escena, habitación, frame o periodo. Ve a la sección layouts. El rectángulo intermitente en la parte de arriba a la izquierda indica el tamaño de la ventana en el plano. Adding, modifying and deleting objects Haz doble clic en un espacio del plano o clica el botón derecho y selecciona Insertar objeto nuevo (Insert new object) para añadir un nuevo tipo de objeto. Aparecerá el diálogo Insert New Object dialog. Para crear nuevos ejemplos de un tipo de objeto existente, otro objeto similar puede ser arrastrado usando la tecla control, copiado y pegado, o arrastrado y soltado desde la Barra del Proyecto o la Barra de Objeto. Asegúrate de que tienes clara la diferencia entre tipo de objeto y ejemplo, está en Project Structure). Un acceso directo para importar archivos de imagen como objetos ligeros (Sprites) arrastrar y soltar la imagen desde el explorador de Windows a la Vista de Plano. Esto crea automáticamente un nuevo tipo de objeto ligero. Si arrastras varias imágenes, el objeto se convertirá en animación con las imágenes arrastradas como frames de la animación. Los ejemplos pueden moverse arrastrándolos y soltándolos con el ratón. Mantén presionado shift para fijar el eje a la diagonal. También puedes empujar 1 pixel cada vez que pulsas una flecha del teclado (mantén pulsado shift al empujar y se moverá 10 píxeles) o puedes introducir las coordenadas directamente en la Barra de Propiedades. La tecla Borrar o la opción Borrar del botón derecho elimina ejemplos. Borrar todos los ejemplos de un objeto no eliminará el tipo de objeto del proyecto. Para eliminarlo completamente debes borrarlo vía la Barra de Proyecto. Clica objetos para seleccionarlos. No se pueden seleccionar si la capa está bloqueada. Mantén presionado control mientras clicas para seleccionar varios objetos, o clica y arrastra un rectángulo de selección. La Barra de Propiedades muestra las propiedades de todos los objetos seleccionados, así que si cambias alguna propiedad será para todos. Cuando se selecciona un simple objeto aparece con unos ajustes de tamaño alrededor: Clica y arrastra estos ajustes para cambiar el tamaño del objeto. Mantén shift presionado para hacerlo proporcionalmente. El tamaño de los ajustes se puede cambiar en Preferencias (Preferences). Los objetos que se pueden rotar también tienen unos ajustes de ángulo. Estos pueden ser clicados y arrastrados para cambiar el ángulo del objeto. También puedes introducir un ángulo en la Barra de Propiedades. Desplazamiento y Zoom Hay tres formas de desplazarse en la Vista de Plano: Las barra de desplazamiento horizontal y vertical a los márgenes Mantener presionado el botón central del ratón y arrastrar el ratón Mantener presionada la barra espaciadora (útil para portátiles) En ordenadores fijos, usar el botón central y arrastrar el ratón es lo más conveniente para moverte por el plano. El Zoom es útil para enfocar areas pequeñas o tener una vista completa del plano completo. Hay diversas formas de hacer zoom: Los botones de Zoom en la Barra de Herramientas (mantiene Shift presionado mientras clicas para ajustar) Mantener control presionado y mover la ruleta del ratón. Mantén pulsado Control y Shift para hacer zoom en intervalos regulares (por ejemplo, 100%, 200%, 400%...) + y – en el teclado (Mantén pulsado Shift para ajustar el zoom) El zoom actual se muestra en la Barra de Estado. Presiona Control+0 para volver al zoom 100%. Otros Para ir a la Hoja de Eventos asociada, presiona Ctrl+E o Ctrl+Tab o clicar el botón derecho y seleccionar Editar Hoja de Eventos (Edit Event Sheet). El orden de objetos Z dentro de una capa puede ajustarse usando el botón derecho y seleccionando Orden Z – Enviar a la primera capa o Enviar a la última capa (Z Order - Send to top of layer or Send to bottom of layer). Los objetos pueden ajustarse a la cuadrícula para hacer un mosaico. Esto se puede habilitar en la Barra de Vista en las Herramientas. El editor de imagen o animación se puede ver haciendo doble clic en un objeto con imagen o animación como el Fondo Adosado (en mosaico) y los objetos pequeños o Sprite. Vista previa de efectos Los efectos se muestran en la Vista de Plano si WebGL está habilitado en las Propiedades del Proyecto. Si WebGL está deshabilitado, la Vista de Plano hará una vista previa similar a la ejecución, sin mostrar efectos ni otros recursos que han sido configurados. 3.8 Vista de la Hoja de Eventos La Vista de la Hoja de Eventos es donde se pueden añadir, ver y editar Eventos en una Hoja usando el sistema de eventos no programados de C2. El sistema de Eventos tiene muchas características, así que tiene su propia sección del manual. Esta sección solo mostrará las características básicas. Diagrama de un Evento Los Eventos están conformados por tres secciones: 1. El Bloque de Eventos (Event Block), que contiene las condiciones. Nótese que el margen (margin) a la izquierda de las Condiciónes (Condition) te permite seleccionar el evento completo. Las Condiciones (Conditions) están listadas dentro del Bloque de Eventos. Las Acciones (Actions) están listadas en la derecha del Bloque de Eventos. Las Condiciones y Acciones pueden seleccionarse clicando sobre ellas. El Evento completo puede seleccionarse (seleccionando también todas sus condiciones y acciones) clicando el margen del Evento o la parte de abajo del Bloque de Eventos. Como en la Vista de Plano, se pueden hacer selecciones múltiples manteniendo Control cuando clicas distintos ítems. Aunque sólo puedes seleccionar eventos, condiciones o acciones de una sola vez (no puedes seleccionar distintos tipos de ítems de una vez). También puedes mantener pulsado Shift y clicar el evento, condición o acción para seleccionar todos los ítems entre la selección y el evento clicado. Creando Eventos Hay varias formas de añadir nuevos Eventos: Haciendo doble clic en un espacio de la Hoja de Eventos Clicando el enlace Añadir Evento (Add event) detrás del último evento. Clicando el botón derecho y eligiendo un ítem para añadir en el menú. Usar la Barra de Eventos Cuando añades un Evento nuevo, el diálogo que aparece es para añadir la primera condición (ver Diálogo de Añadir condición, Add Condition dialog). Para añadir más condiciones la Evento, usa el botón derecho en el margen o en una condición ya creada y selecciona Añadir otra condición (Add another condition). Se pueden añadir acciones clicando el enlace Añadir acción (Add action) (si no ha sido escondida de la barra), o usando el botón derecho en el margen o en una acción ya creada y seleccionando Añadir otra acción (Add another action). Mirar también Diálogo de Añadir acción (Add Action dialog). Modificar Eventos Haz doble clic o selecciona y pulsa Enter en una condición o acción para editarla. Eventos, condiciones y acciones se pueden arrastrar y soltar sobre la Hoja de Eventos. Manteniendo Control y arrastrando se duplica un Evento, condición o acción. Los ítems de Eventos también pueden ser cortados, copiados y pegados. Sería conveniente organizar los eventos en Grupos de Eventos (Event Groups), que se pueden activar y desactivar en conjunto. Desplazamiento y zoom Hay varias formas de desplazarse en la Vista de Hoja de Eventos: La barra vertical a la derecha de la vista. Usando la rueda del ratón Manteniendo pulsado el botón central del ratón y arrastrándolo. Manteniendo la barra espaciadora y moviendo el ratón (útil para portátiles) Usa los botones de zoom de la Barra en la Barra de Vista o mantén pulsado control y mueve la rueda del ratón para hacer zoom. Pulsa Ctrl+0 para volver al zoom 100%. El tamaño de fuente en la Hoja de Eventos se puede configurar en Preferencias (Preferences). 3.9 Editor de Imágenes y Animaciones C2 tiene un editor de imágenes dónde aparecen ventanas adicionales que te permiten crear animaciones con los objetos. Nota: actualmente el editor de imágenes está en proceso de creación y no está completo. Para abrir este editor, haz doble clic en un objeto con imagen o animación en la Vista de Plano. También puedes clicar con el botón derecho en la Barra de Propiedades o Barra de Objetos y seleccionar Editar Imagen (Edit image) o Editar Animación (Edit animations). El editor de imagen El Editor de imagen se usa para editar imágenes para fondos adosados y animaciones usando Sprites. Los botones de arriba modifican la imagen completa: Imagen transparente (Clear image) Hace que se vuelva transparente. Abrir (Open) Importa un archivo de imagen del disco en formatos PNG, JPEG, BMP, TIF, GIF o WMF. PNG es el recomendado ya que no tiene pérdidas, se suele comprimir bien y soporta transparencia alfa. Guardar (Save) Exporta la imagen a un archivo del disco en formatos PNG, JPEG, BMP, TIF o GIF. PNG es el recomendado. Ajustar formato de exportación (Set export format) Abre el diálogo de Formato de Imagen (Image Format dialog) permitiéndote configurar el formato de exportación a PNG-32, PNG-8 o JPEG. Espejo (Mirror) Espeja la imagen horizontalmente. Mantén Shift para espejar la imagen completa. Voltear (Flip) Voltea la imagen verticalmente. Mantén Shift para voltear la imagen completa. Rotar 90 grados en el sentido de las agujas del reloj/sentido contrario (Rotate 90 degrees clockwise/anticlockwise) rota la imagen. Mantén Shift para rotar la animación completa. Recortar (Crop) Quita la transparencia que sobra a los márgenes de la imagen, haciendo el lienzo lo más pequeño posible para que quepa la imagen. Se recomienda para ahorrar memoria y hacer las colisiones más precisas y eficientes. Mantén Shift para recortar la animación entera. Ajustar tamaño (Resize) Ajusta la imagen al tamaño del lienzo, con opciones de centrar, alinear a la izquierda o ajustar al lienzo. Botones de Zoom (Zoom buttons) Hacen zoom a una imagen. También puedes mantener Control y mover la rueda del ratón. Cambiar el brillo del fondo (Toggle background brightness) Cambia la sombra del fondo de débil a fuerte. La sombra fuerte es más útil para editar imágenes brillantes como puntos de luz, nubes, etc. La Vista del Editor de imagen también puede ser desplazada manteniendo el botón central del ratón y arrastrando. Los botones de la izquierda son herramientas: Selección rectangular (Rectangle select) Selecciona, borra, corta, copia y pega secciones rectangulares. Borrador (Eraser) Borra secciones de la imagen. Lápiz (Pencil) Dibuja píxeles individuales o, arratrandolo, crea líneas de 1 píxel de grosor. Pincel (Brush) Dibuja con un pincel redondo. Línea (Line) Dibuja líneas de colores. Rectángulo (Rectangle) Rellena un área rectangular de color. Fill (Rellenar) Rellena un área completa con color. Seleccionador de color (Color Picker) Selecciona un color primario o secundario de la imagen. Un acceso directo es manteniendo Control y clicando la imagen, aunque estés usando otra herramienta. Ajustar origen y puntos de la imagen (Set origin and image points) Abre el diálogo de Puntos de imagen Image Points dialog. Esto te permite ajustar el origen de la imagen (su punto de rotación) y situar puntos focales de la imagen como la punta de un arma. Se puede acceder a estos puntos en el sistema de eventos para crear objetos. Algunos objetos, como fondos adosados, no usan origen no puntos de imagen. Ajustar colisión poligonal (Set collision polygon) Ajusta la forma de una colisión para una imagen o frame. Por defecto, C2 intuye la forma, pero no siempre es preciso. Clica y arrastra los puntos de la colisión poligonal para delinear su forma. Clica el botón derecho para mostrar el menú con opciones adicionales para la colisión, como añadir y borrar puntos (adding and deleting points). Algunos objetos, como fondos adosados, no usan colisiones poligonales. Barra de Animaciones En la Barra de Animaciones se pueden crear varias animaciones a partir de pequeños objetos o Sprites. Clica el botón derecho en un espacio par añadir una nueva animación o una subcarpeta para organizar animaciones. Clica el botón derecho en una animación y selecciona Vista previa (Preview) para hacer una vista previa de la animación en el juego. Cuando seleccionas una animación, la Barra de Propiedades muestra sus ajustes. Estos son: Velocidad (Speed) El número de frames por segundo. Por ejemplo, si está en 5, cada frame de la animación durará 1/5 de segundo. Si no quieres que la animación se mueva ponlo a 0 (si un mosaico se hace con baldosas distintas en cada frame). Bucle (Loop) Vuelve a empezar la animación siempre que acaba. Repetir (Repeat count) Si no hay bucle, el número de veces que quieres repetir la animación. Repetir en (Repeat to) El número de frame (índice 0) en el que quieres repetir si hay bucle o repetición. Ping-Pong a animación va hacia delante y hacia atrás. Barra de Frames La Barra de Frames muestra la lista de frames de la animación actual. Selecciona una imagen para activar el Editor de Imagen y editar el frame de la animación. También puedes arrastrar y soltar frames para ajustar la secuencia. Clica el botón derecho en un espacio de la Barra de Frames para: Añadir frame (Add frame) Añade un frame blanco al final de la secuencia. Duplicar el último frame (Duplicate last frame) Hace una copia del último frame y lo añade a la secuencia. Invertir frames (Reverse frames) Invierte el orden de todos los frames. Importar frames (Import frames) Abre un diálogo para seleccionar una o más imágenes del disco. Se añaden como frames de animación. Importar tira de Sprites (Import sprite strip) Importa una tira de Sprites o mosaico, donde una imagen simple contiene distintos frames alineados en una cuadrícula. Esto se hace con el diálogo de importación de tiras de Sprites (Import Sprite Strip dialog). Cargar archivos del disco (Reload files from disk) Carga todas las imágenes desde la carpeta del proyecto. Esto es útil si has editado las imágenes de la carpeta del proyecto mientras C2 estaba abierto y quieres que el programa reconozca los cambios. (Esta opción estará deshabilitada si no usas una carpeta del proyecto). Tamaño miniatura (Thumbnail size) Ajusta el tamaño de los iconos en miniatura de cada frame de la barra. Seleccionando un frame se muestran sus propiedades en la Barra de Propiedades: Velocidad del frame (Frame speed) que es un multiplicador del tiempo que usa un frame. Por ejemplo, un frame a velocidad 2 usará dos veces más tiempo, 0,5 la mitad, etc. en relación con la velocidad actual de la animación. 3.10 Diálogos Esta sección lista todos los diálogos en el editor de C2. Quizás no necesites usarlos todos, depende de las características que uses. Cada diálogo tiene un enlace a su sección en este manual. Quizás prefieras usarlos para leerlos cuando los necesites en vez de leerlos todos ahora. 3.10.1 Sobre (About) Si estás buscando ayuda general en C2, intenta con la portada del manual. Esta página te describe el diálogo Sobre (About). El diálogo Sobre contiene: Número de edición (Release number) Por ejemplo, Release 70 C2 no utiliza el sistema numérico a.b.c. Las versiones son un número simple en el que se incrementa 1 con cada nueva edición. Debes mantenerte actualizado a la última versión para obtener más características, mejor rendimiento y la mayor estabilidad. Ingeniería de la edición (Release architecture) 32-bit o 64-bit Esto determina si estás usando la versión de 32-bit o la de 64-bit. Si estás usando un ordenador de 64-bit es recomendable usar la versión de 64-bit, a menos que estés usando la versión portátil. Ve a Instalando C2 Installing Construct 2 para más información. Tipo de edición (Release Type) Después del número y la ingeniería puede aparecer la palabra checked. Ests ediciones son para pruebas y pueden mostrar diálogos de fallos indicando un posible problema. Debes informar de esto a Scirra. Si la palabra checked no aparece, indica que la versión de C2 es estable y apropiada para el uso diario. Fecha de creación (Build timestamp) Incluye la fecha en la que esa programa C2 concreto fue creado por Scirra. Esta fecha puede ser usada por Scirra para diagnósticos. Información de OpenGL (OpenGL information) Esta sección muestra tu tarjeta gráfica y las capacidades básicas. Es importante mantener los drives de la tarjeta actualizados. Muchos fallos en el plano (como objetos que no aparecen o secciones cortadas) son causados por los drivers. Actualizar a la última versión arregla estos problemas casi siempre. Si no lo has hecho antes de instalar C2, te recomendamos que busques el enlace de actualización y lo ejecutes. Quizás necesites permisos del administrador para hacerlos funcionar. Información de la Licencia (License Information) Contiene la información si has comprado una licencia. Ve a la sección, usar una licencia Using a license. Página de Créditos Lista todas las personas y organizaciones que han trabajado en la creación de C2. 3.10.2 Añadir comportamiento (Add behavior) El diálogo de Añadir comportamiento te permite añadirlo a un tipo de objeto. Algunos comportamientos solo se pueden añadir una vez a un objeto, así que no aparecerán en el diálogo si ya está aplicado. Puede abrirse desde el diálogo de Comportamientos de objeto Object Behaviors dialog. Para saber sobre cada comportamiento ve a la sección de comportamientos del manual. Simplemente, haz doble clic en el comportamiento que quieras añadir. Selecciónalo para ver una breve descripción bajo los iconos. Los comportamientos disponibles se pueden filtrar por nombre o tipo en el cuadro de búsqueda arriba a la derecha. 3.10.3 Añadir condición/acción (Add condition/action) El diálogo de Añadir condición y el diálogo de Añadir acción son muy similares. Estos te permiten añadir o editar condiciones o acciones en una Hoja de Eventos. Añadir una acción o condición consta de tres pasos: 1. Elegir el objeto que tendrá la condición o acción 2. Elegir la condición o acción en ese objeto 3. Introducir parámetros, si es el caso, como las coordinadas X, Y para ajustar la posición. Los botones Siguiente (Next) y Anterior (Back) se usan para moverse adelante y atrás por estos pasos. Paso 1: Elige el objeto En este paso aparece una lista de todos los tipos de objeto. El Sistema de objeto (System object), que representa la funcionalidad, siempre aparece primero y el resto de objetos están ordenados alfabéticamente. Haz doble clic en un objeto para seleccionarlo. Escribe en el cuadro de búsqueda para un filtro rápido cuando hay muchos objetos. Las condiciones y acciones que cada objeto contiene se relacionan con el tipo de objeto que es (Sprite, teclado o audio). Por ejemplo, para situar la acción Reproducir sonido (Play sound) en el diálogo, primero haz doble clic en el objeto de Audio. Recuerda que el Sistema de objeto tiene algunas condiciones que se pueden usar en cualquier objeto, como Recoger aleatoriamente (Pick random) y Para cada (For each). Paso 2: Elegir una condición o acción En este paso aparece una lista de condiciones y acciones en el objeto elegido. Están ordenados en categorías. Abajo se muestra una lista de las condiciones del Sistema de objeto. Haz doble clic en una condición o acción para elegirla. Como antes, escribir en el cuadro de búsqueda ayuda a localizarlos más rápido en una lista. Para más información de cada condición y acción, ve a Plugin reference. Si el objeto elegido tiene algún Comportamiento, se pueden añadir condiciones y acciones extra en el diálogo. Algunas condiciones y acciones requieren parámetros. Por ejemplo, La acción Ajustar posición (Set position) para un Sprite requiere las coordenadas X, Y. Esto se hace en el diálogo de parámetros en el siguiente paso. Otras no los usas, como Destruir (Destroy). En este caso el proceso ya estaría completo. Paso 3: Introducir parámetros Si la condición o acción elegida requiere parámetros, el diálogo de parámetros aparece. Ver Parameters dialog para más información. 3.10.4 Añadir configuración (Add configuration) El diálogo de añadir configuración se usa para la característica Configuraciones que está en proceso de creación. ¡Vuelve pronto para más detalles! 3.10.5 Diálogo de efectos (Effects dialog) El diálogo de efectos te permite añadir o quitar efectos de objetos, capas y planos. Se puede abrir desde la Barra de Propiedades cuando las propiedades de un objeto aceptan efectos. Los efectos se pueden añadir con la barra de arriba o clicando el botón derecho y seleccionando Añadir efecto (Add effect). Esto abre el diálogo de Añadir Efecto. Ambas formas también te permiten renombrar (F2) o borrar (Del) efectos. Se pueden ordenar los efectos usando los botones Arriba (Up) y Abajo (Down) de la barra o arrastrando y soltándolos. El orden de los efectos es importante porque define el orden en el que son procesados, que puede alterar el resultado visual. Para más información, mira la sección Effects. 3.10.6 Grupo de eventos (Event group) El diálogo de Añadir/Editar grupo de eventos (Add/Edit Event Group) contiene los ajustes de los mismos. Nombre (Name) Un nombre identifica un grupo de eventos y se muestra en grande en la Hoja de Eventos. Cuando habilitas o deshabilitas un grupo de eventos, el nombre identifica qué grupo es. Descripción Opcional (Description Optional) Una descripción opcional da un resumen de lo que hacen los eventos del grupo, con propósitos organizativos. Se muestra en el letrero pequeño debajo del nombre de grupo. Activo desde el principio (Active on start) Determina si un grupo de eventos está o no habilitado cuando se comienza el proyecto. Si no está seleccionada, el grupo de eventos estará deshabilitado y ninguno de los eventos que contiene funcionará hasta que se habilite seleccionando Activar grupo (Set group active) en el sistema de acción system action. 3.10.7 Variable de evento El diálogo de Añadir/Editar Variable de evento (Add/Edit Event Variable dialog) te permite ajustar el nombre, tipo y valor inicial de una variable local o global en una Hoja de eventos. El Nombre (Name) identifica la variable del evento. Se escriben usando expresiones para recuperar el valor de la variable del evento. Algunos nombres no se pueden usar, como expresiones del sistema ya que se podrían confundir. El Tipo (Type) especifica qué tipo de de valor tiene la variable. La variable de un evento puede almacenar un Número o Texto (también llamado string). El tipo de variable de evento no cambia – no puedes almacenar texto en una variable numérica ni viceversa. El Valor inicial (Initial value) es el primer Número de una variable numérica, o la inicial de un Texto en una no numérica. Este cuadro se puede dejar vacio. La inicial no necesita comillas. En otras palabras, Hola es una entrada válida y si introduces “Hola” la inicial incluirá las comillas. Nota que esto es diferente a introducir textos que requieran comillas. La Descripción (Description) es un comentario opcional que describe brevemente para qué se usa la variable. Se muestra al lado del nombre para recordarte el uso de la variable. 3.10.8 Export project El diálogo de Exportar objetos (Export Project) exporta el proyecto en un formato preparado para publicar. Para más información, ve a Exporting and Publishing. Si estás buscando consejos para publicar tu juego, ve al tutorial Publishing and promoting your Construct 2 game ⇗. Si estás interesado en detalles técnicos de la exportación, mira la sección Tecnología (Technology) Exportar para (Export for) Hay varias formas de publicar juegos en HTML5. Para más información, ve a Exporting and Publishing. Carpeta de archivos (Folder for files) Todos los archivos exportados se generan en esta carpeta. Incluye una variedad de archivos HTML, Javascript, PNG y más. Se recomienda usar una carpeta nueva y vacía. La carpeta por defecto puede elegirse en Preferencias (Preferences). Subcarpeta de imágenes (Subfolder for images) Todas las imágenes y frames de animación del proyecto estarán en esta subcarpeta. Déjala vacía para exportar las imágenes a la carpeta de exportación. Subcarpeta de archivos del proyecto (Subfolder for project files) Todos los archivos del proyecto (audio y música) estarán en esta carpeta. Déjala vacía para exportar los archivos a la carpeta de exportación. Recompresión PNG (PNG recompression) Las imágenes exportadas están en formato PNG y pueden recomprimirse sin pérdidas para reducir más el tamaño. Esto puede tardar bastante más en exportarse. Usa Ninguno (None) para saltarse este paso – los archivos serán más grandes pero el proceso de exportación más rápido. Se recomienda la compresión Estándar (Standard) para asegurar que el tamaño de descarga es lo más pequeño posible. En bruto (Brute) se puede usar si tienes objetos extremadamente grandes o si es importante ahorrar mucha banda ancha, pero el proceso de exportación será muy largo. Para más información sobre técnicas de recompresión de C2, mira este post Image compression in Construct 2 ⇗. Minimizar texto (Minify script) El código Javascript exportado se puede comprimir con el Closure Compiler de Google para reducir el tiempo de descarga. Esto se llama minimizar. Al mismo tiempo que el código se oscurece para dificultar su acceso. Por esta razón se recomienda minimizar el script al exportar. Esto requiere que Java esté instalado (distinto de Javascript). 3.10.9 Panel de expresiones (Expressions panel) El Panel de expresiones es un diccionario de todas las expresiones disponibles en tu proyecto. Se muestran al lado del Diálogo de parámetros. Por defecto aparece semitransparente y no te distrerá mientras introduces los parámetros. Se puede esconder o mostrar pulsando F4. El cuadro de búsqueda en la parte de arriba se usa para filtrar objetos rápidamente. Haz doble clic en un objeto para listar todas sus expresiones. Las descripciones se muestran también al lado de cada expresión para indicar el valor de recuperación. Haz doble clic en una de las expresiones de la lista para introducirla en la expresión actual en el Diálogo de parámetros. Pulsa Escape o clica el botón Atrás (Back) para volver a la lista de objetos. Las expresiones de comportamiento se muestran también en objetos con comportamientos. La página del Sistema lista todas las expresiones del sistema y variables globales y locales (mira Event Variables). 3.10.10 Formato de imágen (Image format) El diálogo de formato de imagen se abre en el editor de imágenes/animaciones para ajustar el formato de una imagen cuando se exporta el proyecto. Las imágenes del proyecto se guardan siempre en formato PNG-32. Este es el único formato que preserva una imagen con el canal alfa (alpha chanel). Estos ajustes sólo se aplican cuando el proyecto se exporta. Son principalmente para reducir el tamaño de los archivos de imagen para que el juego ocupe menos. Las imágenes en PNG se recomprimen al exportarlas para reducir el tamaño sin afectar la calidad de imagen. Para más información, mira el post Image compression in Construct 2 ⇗. El diálogo de formato de imagen tiene las siguientes opciones: Formato (Format) El formato de la imagen al exportar. En resumen, los formatos son: PNG-32 (por defecto) puede almacenar colores verdaderos sin pérdidas (perfectamente, sin perder calidad) con la transparencia del canal alfa. Pero, los archivos son más grandes. PNG-8 es una versión de 256 colores. Soporta el canal alfa pero sólo dentro de los 256 colores. Imágenes retro o de pocos colores se verán igual en PNG-8. Imágenes con más de 256 colores se reducirán a estos y puede degradar la calidad. Por otra parte, C2 usa un algoritmo avanzado (PNGNQ ⇗) para alcanzar esta reducción de color. Esto significa que muchas imágenes permanecerán idénticas. Los archivos en PNG-8 son mucho más pequeños que en PNG-32, así que es una forma útil de reducir el tamaño del juego. JPEG es un formato de imágenes de diseño para fotografía o imágenes muy detalladas. No soporta transparencia, así que no es apropiado para imágenes que tienen transparencias o canales alfa (aparecerán con fondo negro). Pero este formato puede conseguir los archivos más pequeños, dependiendo de los ajustes de calidad. El formato es mejor para minimizar el tamaño de las imágenes de un fondo grande. Para más información sobre estos formatos busca en Wikipedia PNG ⇗ o JPEG ⇗. Calidad (Quality) Los ajustes de calidad cuando usas el formato JPEG. La calidad va desde 0 (peor calidad, archivo más pequeño) a 100 (mejor calidad, archivo más grande). Las calidades por encima de 85 son difíciles de distinguir del original.75 es la recomendada en relación calidad tamaño. Aplicar este ajuste a (Apply this setting to) Te permite hacer el mismo ajuste de formato para muchas imágenes de una vez. Este frame (This frame) o Esta imagen (This image) aplica los ajustes sólo a la imagen/frame actual. Esta animación (This animation)-sólo para sprite, aplica los ajustes a todos los frames de la animación actual. Todas las animaciones (All animations) – solo para sprite, aplica los ajustes al objeto entero, todas sus frames en todas sus animaciones. El proyecto entero (Entire Project) aplica los ajustes a todas las imágenes del proyecto. Úsalo con cuidado, ya que se modifica cualquier ajuste de formato hecho previamente en cualquier objeto del proyecto y no se puede deshacer. 3.10.11 Importar audio (Import audio) El diálogo de importar audio permite añadir archivos de audio al proyecto desde el disco. Se accede a él seleccionando Importar Sonidos (Import Sounds) o Importar Música (Import Music) en el menú del botón derecho de la carpeta de Sonidos o Música en la Barra del Proyecto. Asegúrate de que añades Objetos de audio a tu proyecto para que tenga música y efectos de sonido. Antes de que aparezca el diálogo, se te sugerirá seleccionar algún archivo de audio desde el disco. Puedes seleccionar más de uno. Los archivos aparecen en el diálogo de Importar audio antes de ser realmente importados, mostrando si esos formatos son o no válidos. También puedes clicar Añadir más archivos… (Add more files…) para añadir más archivos a la lista. Clica Importar (Import) para empezar a importar la lista de archivos al proyecto. Esto puede tardar si los audios son muy largos (como canciones enteras); una barra de progreso aparecerá durante el proceso. Solo se importarán los audios que tengan un formato válido para el programa. Una vez el proceso haya finalizado, la lista mostrará los archivos que se hayan importado correctamente. Clica Hecho (Done) para cerrar el diálogo. Es recomendable importar archivos PCM .wav ya que son aceptados en la mayoría de dispositivos y C2 puede encodearlos en Ogg Vorbis y MPEG-4 AAC (sólo para Windows 7+). Los dos formatos de audio requeridos Los creadores de navegadores no se han puesto de acuerdo en que formato de audio usar en ellos. Internet Explorer y Safari usan MPEG-4 ACC (.m4a) y el resto (Firefox, Chrome y Opera) usan el formato gratuito Ogg Vorbis. Para poder reproducir el audio en todos los navegadores, tus audios deben estar en los dos formatos. C2 te ayuda encodeando y descomprimiendo el audio que importas al formato .m4a o .ogg automáticamente. Aunque sólo lo hará automáticamente en Windows 7 o superior. Los usuarios de Windows XP y Vista deben encodear ellos mismos los archivos .m4a. La extensión del archivo será .m4a. Hay encodeadores gratuitos; busca en la web AAC encoders. El formato Ogg Vorbis será encodeado en cualquier sistema. C2 favorece el formato Ogg Vorbis. Cuando eliges un sonido en el sistema de eventos, sólo aparecerán los archivos .ogg. El otro formato se considera como un apoyo para aquellos navegadores que no soportan Ogg Vorbis. Esto significa que si importas un archivo en .m4a sin el correspondiente .ogg, este no aparecerá en el sistema de eventos. C2 no transformará archivos .m4a a .ogg ni viceversa; se recomienda importar archivos PCM .wav para que C2 los encodee. Transformarlos significaría perder calidad. Categorizar correctamente archivos de audio Es importante organizar de forma apropiada los archivos de audio, porque los archivos de la carpeta Sonidos se descargan completamente antes de reproducirlos pero los de la carpeta Música se reproducen en streaming. Esto significa que si una canción se pone en la carpeta Sonidos tendrá que descargarse completamente (lo que tardara unos cuantos minutos) antes de reproducirse, mientras que en la carpeta Música pueden empezar inmediatamente desde el servidor. Formatos de audio aceptados Hay muchos formatos y muchos de ellos son aceptados a distintos niveles. Además, muchos tienen sub-formatos y no todos los sub-formato son aceptados. Esto hace complicado describirlos. Pero te recomendamos que solo importes archivos PCM .wav, que son los más aceptados y pueden encodearse en los dos formatos necesarios .m4a y .ogg. Nota que hay distintos tipos de archivos .wav a parte de PCM y éstos pueden no ser aceptados. Cualquier buen software de codecs podrá convertirlos a PCM .wav. Intenta evita formatos con pérdidas antes de importarlos a C2, porque la calidad empeoraría al encodearlos a .ogg y .m4a. La siguiente lista de formatos está ordenada por su extensión y si C2 puede o no convertirlos a Ogg Vorbis (.ogg) o MPEG-4 AAC (.m4a). .wav (PCM o similar): Ambos .flac (FLAC): Ambos .ogg (Ogg Vorbis): Se puede importar pero no convertir a .m4a .m4a (MPEG-4 AAC): Se puede importar pero no convertir a .ogg .aif, .aiff, .aifc (AIFF): solo a .ogg .aac (MPEG-4 AAC): solo a .m4a .mp3 (MPEG-1 layer 3): solo a .m4a .wma (Windows Media Audio): solo a .m4a 3.10.12 Puntos de imagen El diálogo de Puntos de imagen te permite hacer ajustes en el origen del objeto (el punto de rotación) y en los puntos de la imagen (puntos arbitrarios a los que se puede acceder en eventos). Se accede a través del editor de imágenes y animaciones. El Origen (Origin) es un punto especial que define el cetro del objeto, o su punto de rotación. Es diferente, de color rojo. Se incluye dentro de los puntos de imagen y tienen un índice que empieza en 0, en el que el 0 es siempre el origen. No se puede renombrar. Los Puntos de la imagen (Image points) son útiles para crear puntos derivados en otros objetos. Ya que puedes crear objetos en un punto de imagen en Eventos, es útil situar puntos en lugares como la punta del arma del jugador. Estos puntos sí que pueden renombrarse, para referirse a ellos en Eventos por su nombre. Debajo, se sitúa un punto de imagen en la punta del arma de un jugador. Selecciona un punto de imagen de la lista para que aparezca en la imagen. Clica el botón derecho para situar el punto bajo el ratón. Las flechas del teclado también pueden moverlo 1 píxel cada vez. Se puede situar un punto rápidamente usando los números, 1 para la esquina izquierda y 5 para el centro. También puede clicarse con el botón derecho el punto en el diálogo de puntos de imagen y elegir la opción en el menú de acceso rápido. Clicar con el botón derecho un punto de imagen en el diálogo también da la opción de Aplicar a toda la animación (Apply to whole animation). Esto sitúa el punto en el mismo lugar en todos los frames. Si el punto no existe en alguno de los frames, esta opción lo crea. Mantener shift mientras sitúas el punto es un acceso directo. 3.10.13 Importación de banda de sprites (Improt sprite strip) Este diálogo te permite importar una imagen que contenga la animación completa en una cuadricula. Se accede a ella vía la Barra de frames de animación. Tras elegir Importar banda de sprites… (Import sprite strip…) aparece un diálogo para seleccionar el archivo de imagen. Después de elegirlo, aparece el siguiente diálogo para que introduzcas cuantos frames hay en la animación. Por ejemplo, la siguiente imagen tiene 7 celdas horizontales y, puesto que solo hay una fila, una celda vertical: Esta imagen está en una cuadrícula que tiene 4 celdas horizontales y 4 verticales: En ambos casos, C2 separará cada celda en un frame distinto de la animación. 3.10.14 Insertar nuevo objeto El dialogo para importar un Nuevo objeto aparece después de hacer doble clic en un espacio de la Vista de Plano. Te permite elegir el tipo de objeto a insertar (cada tipo se conoce como plugin). Insertando un nuevo objeto creas un nuevo tipo de objeto. Mira Estructura del Proyecto (Project Structure) para una descripción de la diferencia entre tipos y ejemplos de objeto. También mira Plugin Reference para más información sobre plugings. Los plugins se ordenan en grupos. Dentro de cada uno están ordenados alfabéticamente. Seleccionando un ítem se muestra una breve descripción de lo que el plugin hace en el campo Descripción (Description) en la parte baja del diálogo. Escribir en el cuadro de búsqueda de arriba filtrará rápidamente la lista para ayudarte a encontrar lo que buscas. El Nombre que introduces indica el nombre del tipo de objeto que aparecerá en el proyecto tras insertarlo. Por defecto se nombrarán numéricamente como Sprite2, Sprite3, etc. Sería buena idea darles nombres descriptivos para no confundirte más tarde. Puedes introducir un nombre descriptivo en este cuadro, pero si no puedes renombrarlo también a través de la Barra de propiedades o la Barra del proyecto. Haz doble clic en un ítem para insertarlo. Si el objeto puede situarse en un plano y está abierta la Vista de plano, el cursor se convertirá en una mira para situar el primer ejemplo del objeto. Para objetos con imágenes o animaciones, tras haber situado el ejemplo el editor de imágenes o animaciones aparecerá para poder diseñar sobre ella. Otros tipos de objeto (como el teclado o un objeto de audio) no necesitan ser situados en el plano. Tras insertarlos, el diálogo se cierra sin necesidad de situarlo. En su lugar aparecerá una barra notificadora indicando que ya está disponible en todo el proyecto. Este tipo de objetos solo pueden ser insertados una vez y desaparecerán de la lista si vuelves a abrir el diálogo. 3.10.15 Variable de ejemplo (Instance variable) El diálogo de Añadir/Editar Variable de ejemplo te permite ajustar el nombre, tipo y valor inicial de una variable de ejemplo en un tipo de objeto. Puede abrirse desde el diálogo de Variable de ejemplo de objeto (Object Instance Variables dialog). El Nombre (Name) identifica la variable de ejemplo. Ésto se escribe como expresiones tras el nombre de objeto (por ejemplo, Sprite.MyVariable) para poder recuperar el valor de la variable. Algunos nombres no se pueden usar si entran en conflicto con otras expresiones o comportamientos de objeto. El Tipo (Type) especifica qué tipo de valor tiene la variable. Una variable de objeto puede almacenar Número (Number), Texto (Text)-(también llamado string) o Booleano (Boolean)-(un valor on/off, también llamado flag). El tipo de una variable de ejemplo no cambia – por ejemplo, no puedes almacenar texto en una variable numérica. El Valor inicial (Initial value) es el primer número o inicial del texto o verdadero/falso en un Booleano. El texto inicial se puede dejar vacio y si lo introduces no son necesarias comillas. En otras palabras Hola es una entrada válida, pero si introduces “Hola” la inicial incluirá las comillas. Nota que eso es diferente a si la expresión necesita comillas. La Descripción (Description) es un comentario opcional que te describe brevemente para que se usa la variable. Se muestra al lado del nombre en el editor para recordarte su uso. También se muestra en la Barra de Propiedades cuando la variable está seleccionada. 3.10.16 (Nuevo proyecto) New project El Diálogo de Nuevo proyecto aparece cuando creas un Nuevo proyecto. Te permite elegir entre distintos tipos de proyecto. Elige entre un proyecto de un solo archivo o una carpeta del proyecto. Ve a project types para más información. Un proyecto de un solo archivo puede crearse inmediatamente, pero una carpeta del proyecto requiere que se cree la carpeta antes de empezarlo. Los proyectos de un solo archivo son mejores para proyectos pequeños y los de carpeta para proyectos grandes. El tipo se puede cambiar en cualquier momento eligiendo Guardar como proyecto (Save as project) o Guardar como un solo archivo (Save as single file) en el Menú de Archivos. 3.10.17 Variables de ejemplo de objeto (Object instance variables) El diálogo de Variables de ejemplo de objeto enumera todas las variables de ejemplo que un tipo de objeto tiene. Se puede abrir desde la Barra de Propiedades mientras se muestran las propiedades del objeto, o clicando el botón derecho en el objeto en la Barra del Proyecto o en la Barra de Objeto y seleccionando Variable de ejemplo... (Instance variables...) Las variables de ejemplo se pueden añadir con la barra superior o clicando el botón derecho y seleccionando Añadir variable de ejemplo (Add instance variable). Esto abre el diálogo de Añadir variable de ejemplo (Add Instance Variable dialog). La barra superior y el menú del botón derecho también te permiten renombrar (rename)-F2 o borrar (delete)-Del variables de objeto. Haz doble clic en una variable de ejemplo de la lista para editarla. Las variables de ejemplo pueden reordenarse usando los botones Arriba (Up) y Abajo (Down) en la barra, o arrastrándolas y soltándolas. El orden es solo para organización – no afecta a cómo funcionan. Si todos los ejemplos de un tipo de objeto tienen el mismo valor inicial para una variable de ejemplo, se mostrará en la columna Valor inicial (Initial Value). De todas formas, los ejemplos pueden tener diferentes valores iniciales ajustados en la Barra de Propiedades. Si es así la columna Valor inicial (Initial value) mostrará <varies>. Editar una variable de ejemplo variando los valores y cambiando el valor inicial en el diálogo de Editar variables de ejemplo dará un nuevo valor inicial para todos los ejemplos, sobrescribiendo los valores previos. 3.10.18 Comportamientos de Objeto (Object behaviors) El diálogo de Comportamientos de Objeto enumera todos los comportamientos que tiene un tipo de objeto. Se puede abrir desde la Barra de Propiedades mientras se muestran las propiedades del objeto o clicando el botón derecho en el objeto en la Barra del Proyecto o en la Barra de Objeto y seleccionando Comportamientos… (Behaviors…) Para información sobre los comportamientos, ve a la sección Behavior Reference. Los Comportamientos se pueden añadir con la barra superior o clicando el botón derecho y seleccionando Añadir comportamiento (Add behavior). Esto abre el diálogo de Añadir Comportamiento. La barra y el menú del botón derecho también te permiten renombrar (rename)-F2 o borrar (delete)-Del comportamientos. El comportamiento aparece por su nombre en el sistema de eventos. Los comportamientos se pueden reordenar usando los botones Arriba (Up) y Abajo (Down) en la barra, o arrastrándolas y soltándolas. El orden es solo para organización – no afecta a cómo funcionan. 3.10.19 Parámetros (Parameters) El diálogo de parámetros aparece después del diálogo de añadir condición o acción, o cuando editas una condición o acción. Te permite introducir parámetros como las coordinadas X e Y para Ajustar la posición (Set position) de los objetos (sprite). No aparece para acciones o condiciones que no usen parámetros, como Destruir (Destroy). Se introducen expresiones, que pueden ser cualquier cosa, desde un único valor numérico a una sofisticada cuenta matemática. El panel de expresiones (expressions panel) aparece al lado del diálogo de parámetros dándote una lista de todas las expresiones que puedes introducir. Por defecto, el panel de expresiones está difuminado a menos que pases el ratón sobre él. También se puede esconder o mostrar pulsando F4. Usa el panel de expresiones para localizar expresiones del sistema, expresiones de objeto, expresiones de comportamiento, variables locales o globales o variables de ejemplo. También puedes usar autocompletar (autocomplete): tecleas una expresión hasta el punto (por ejemplo Sprite.) y aparecerá una lista de todas sus expresiones. Esta lista muestra las expresiones de objeto, sus variables de ejemplo y los comportamientos. Usa las flechas arriba y abajo del teclado para seleccionar una y Enter para entrar en ella. Algunas expresiones también tienen consejos para ayudarte a recordar cómo usarla. Aparece cuando escribes un paréntesis abierto ( al lado de la expresión. Esto es muy útil en expresiones del sistema que suelen tener muchos parámetros. Pulsa el tabulador para ir al siguiente parámetro o Shift + Tabulador para ir a la anterior. Enter es un acceso directo de presionar Hecho (Done) – quizás tengas que pulsa Enter dos veces si estás usando autocompletar: una para elegir la entrada de autocompletar y otra para cerrar el diálogo. 3.10.20 Preferencias (Preferences) El diálogo de preferencias contiene ajustes para el editor de C2. Se puede abrir desde el Menú de archivos. Los ajustes están organizados en 3 pestañas: General (General), Exportador HTML5 (HTML5 exporter) y Copia de seguridad (Backup). General Esta sección contiene ajustes generales de C2. Cambiar el tamaño de los controladores de tamaño (Resize handle size) Cambia el tamaño de los controladores de tamaño en la Vista de Plano. Por defecto es Pequeño (Small). Fuente de la Hoja de evento (Event sheet font) Cambia la fuente usada en la Vista de Hoja de evento. Por defecto es Segoe UI, 9pt. Mostrar la página de inicio al ejecutar (Show start page on startup) Si lo seleccionas, la página de inicio siempre aparecerá al ejecutar C2. Si lo deshabilitas, aparecerá una pantalla vacía al inicio. Cerrar la página de inicio cuando clicas en algo (Close the start page when I click on something) Si lo seleccionas, la página de inicio se cerrará en cuanto cliques alguno de los enlaces (por ejemplo, un proyecto reciente). Si no, la página de inicio continuará abierta. Comprobar actualizaciones (Update checking) Elige una opción entre: Don't for updates: C2 no accederá a internet para buscar nuevas versiones. Esto no se recomienda pues las nuevas versiones suelen incluir mejoras significativas. Check for beta updates: Buscará nuevas versions betas, para pruebas de Scirra. Check for updates: Buscará nuevas versiones de Scirra que ya han sido probadas por otra gente. Restaurar diálogos (Reset dialogs) Clica este botón para restaurar todos los diálogos y barras en la interfaz a su posición y tamaño por defecto. Se te preguntará para que lo confirmes, y después debes reiniciar C2 para que los cambios se apliquen. Esto es útil si quieres volver a los valores por defecto. Si por alguna razón los diálogos tienen fallos o simplemente no aparecen cuando los intentas abrir, restaurar con esta opción puede solucionarlo. HTML5 exporter Esta sección contiene ajustes para el exportador de HTML5, además de los servidores locales para la vista previa. Navegador por defecto de vista previa (Default previewer browser) Elige los ajustes del navegador de vista previa de tus nuevos proyectos. Esto no afecta a ningún proyecto ya existente. Navegador personalizado (Custom browser) Elige cualquier archivo ejecutable del disco para hacer una vista previa cuando el Navegador de vista previa está en Personalizar (Custom). Por ejemplo, quizás quieras instalar un navegador en pruebas (beta) junto a la versión estable y así tienes la opción de hacer la vista previa en el beta. Además, a veces C2 no detecta los navegadores tradicionales aunque estén instalados, así que puedes especificarlo manualmente aquí. Carpeta de exportación por defecto (Default export folder) Elige la carpeta para exportar en el Diálogo de exportación de proyectos. Por este camino <project name> se sustituye por el nombre del proyecto, o el nombre del proyecto se agregará a la ruta si no está presente. La opción predeterminada es el escritorio. Puerto del servidor HTTP (HTTP server port) El puerto que usar al hacer una vista previa. Por defecto es 50000. No debes cambiarlo a menos que sepas que hay alguien más que usa este puerto en tu ordenador. C2 también probará los siguientes 100 puertos si el elegido está en uso. Debes reiniciar C2 antes de que se apliquen los cambios. Vista previa de la dirección LAN (Preview on LAN address) Introduce la dirección IP de tu ordenador en red de área local (LAN) para permitir compartir la vista previa con cualquier dispositivo en tu LAN. Clica el botón de la derecha para ver una lista de posibles direcciones IP de tu ordenador. Para usar esta función, también debes permitir que el puerto del servidor HTTP pase a través del Firewall, y C2 debe funcionar con los permisos del administrador. Si no, introduciendo localhost solo puedes ver la vista previa en tu ordenador, pero no requiere permisos. Para más información sobre como ajustar y usar esta función, mira el tutorial How to preview on a local network ⇗. Copia de Seguridad (Backup) Esta sección contiene ajustes que te ayudan a fijar una copia de seguridad automática para tu trabajo. Esto es esencial para mantenerlo a salvo de fallos del hardware, robos, fuegos o inundaciones. Para más información, mira el tutorial Keep your work safe with Construct 2's backup options ⇗. Copia de seguridad automática (Auto-backup) Guarda copias de seguridad de archivo único (.capx) en la misma carpeta que tu proyecto siempre que seleccionas “Guardar” (“Save”). Tienen la extensión .capx.backupN. Por ejemplo, si se han creado 3 copias, myfile.capx.backup1 será la última guardada, myfile.capx.backup2 será la penúltima y myfile.capx.backup3 la antepenúltima. Por defecto, C2 siempre conserva una copia, permitiéndote recuperar el trabajo desde ahí. De todas formas, puedes perder tus copias de seguridad a la vez que el proyecto, por lo que se recomienda guardar estas copias, de vez en cuando, en un disco externo o similar. Carpetas de copias de seguridad (Backup folders) Para asegurar tu trabajo, es vital guardar tus copias en distintos lugares, como otro ordenador o un disco duro. (Subiéndolas a Dropbox están totalmente protegidas). Para ayudarte a hacer esto, C2 puede guardar tus copias en diferentes carpetas a intervalos regulares. Puedes elegir 3 carpetas y el inte4rvalo de guardado. Las copias se guardan en un solo archivo (.capx) más un texto al azar para evitar dos archivos con el mismo nombre que puedan sobreimprimirse (por ejemplo, myfile-abc123.capx y myfile-def456.capx). Nota: las copias sólo se realizan si seleccionas “Guardar” (“Save”). Simplemente abriendo un archivo que otra persona te ha enviado no crea una copia de seguridad, debes modificarlo y darle a “Guardar” (“Save”). 3.11 Accesos directos de teclado (Keyboard Shortcuts) General Ctrl + X Cortar (Cut) Ctrl + C Copiar (Copy) Ctrl + V Pegar (Paste) Ctrl + Arrastrar el ratón con el botón derecho Duplicar (Duplicate) Ctrl + Z Deshacer (Undo) Ctrl + Y Rehacer (Redo) Ctrl + A Seleccionar todo (Select all) Ctrl + N Nuevo proyecto (New project) Ctrl + O Abrir proyecto (Open project) Ctrl + S Guardar proyecto (Save project) Alt + F4 Cerrar C2 (Close Construct 2) También puedes presionar Alt para navegar por la barra de herramientas. Cuando lo presionas, aparecen las teclas de acceso directo de cada herramienta. F4 Vista previa desde el primer plano (Preview project from first layout) F5 Vista previa del plano actual (Preview current layout) F6 Exportar proyecto (Export project) Ctrl + Rueda del ratón hacia arriba o Números del teclado + Más Zoom Ctrl + Rueda del ratón hacia abajo o Números del teclado – Menos Zoom Añadir shift para ajustar la distancia del zoom. Ctrl + 0 Regreso al zoom 100% (Return to 100% zoom) Arrastar el botón central del ratón o Mantener pulsado espacio y mover el ratón Mueve la vista (Pan the view) Borrar Borrar elementos seleccionados (Delete selected items) F2 Renombrar el element seleccionado (Rename selected item) Ctrl + clic Añade o elimina de la selección el elemento clicado Shift + clic Como el anterior, pero en la Vista de hoja de eventos selecciona todo entre lo último seleccionado y el clic. Escape Cancelar el movimiento, la situación o la búsqueda de eventos. Ctrl + Tab Ir a la siguiente pestaña a la derecha. Ctrl + Shift + Tab Ir a la siguiente pestaña a la izquierda. Vista de plano (Layout view) Mirar también: Layout View Ctrl + E o Shift + Tab Ir a la Hoja de eventos asociada. Flechas del teclado (Arrow keys) Mueve el objeto seleccionado 1 píxel – mantén shift pulsado para 10 píxeles. Mantén shift mientras cambias el tamaño para mantener la proporcionalidad Mantén shift mientras rotas para girar de 5 en 5 grados. Mantén shift mientras arrastras para mover sobre el eje (sólo a lo largo o en diagonal) Ctrl + D Deseleccionar todo (Unselect all) Vista de hoja de eventos (Event Sheet View) Ver también: Event Sheet View Ctrl + L o Shift + Tab Ir al plano asociado (si hay – algunas hojas de eventos no tienen) Flecha del teclado hacia arriba y hacia abajo Mueve la selección arriba y abajo en la hoja Flecha del teclado izquierda y derecha Mueve la selección a ambos lados de la hoja entre eventos, condiciones y acciones. Enter Editar el elemento seleccionado Escape Borrar la búsqueda de eventos A Añadir acción (Add action) B Añadir subevento vacío (Add blank subevent) C Añadir condición (Add condition) D Deshabilita los elementos seleccionados (Toggle selected items disabled) E o Numeración del teclado + Añadir elemento debajo (Add event below) Shift + E o Numeración del teclado – Añadir elemento arriba (Add event above) G Añadir grupo (Add group) I Invertir la selección (Invert selected conditions) N Añadir inclusión (Add include) Q Añadir comentario (Add comment) S Añadir subevento (Add subevent) V Añadir variable (Add variable) X Añadir “Más” (“Else”) evento tras evento (Add 'Else' event following selected event) Y Bloquear (Toggle 'Or' block) Diálogo de parámetros (Parameters dialog) El diálogo de parámetros es donde introduces expresiones, por ejemplo las coordenadas X e Y. F4 Hace visible el panel de expresiones. Muestra todas las expresiones que puedes usar. Tab Parámetro siguiente Shift + Tab Parámetro anterior Escape Cancelar (Cancel) Enter Hecho (Done) Editor de imágenes y animaciones (Image and Animations editor) Ver también: Image and Animations editor Asigna rápidamente el origen y los puntos de imágen: Número del teclado 1 o Fin (End) Abajo a la izquierda Número del teclado 2 Abajo Número del teclado 3 o Avanzar página (Page down) Abajo a la derecha Número del teclado 4 Izquierda Número del teclado 5 Centro Número del teclado 6 Derecha Número del teclado 7 o Inicio (Home) Arriba a la izquierda Número del teclado 8 Arriba Número del teclado 9 o Retroceder página (Page up) Arriba a la derecha Flechas del teclado Mover 1 píxel Mantén Shift para aplicar estos puntos a la animación completa. Shift + Clic también lo hace. Shift + Botón recortar (Crop button) Recorta la animación completa Shift + Botón espejar (Mirror button) Espeja la animación completa Shift + Botón voltear (Flip button) Voltea la animación completa Shift + Rotar en el sentido de las agujas del reloj (Rotate Clockwise button) Rota la animación completa en el sentido de las agujas del reloj. Shift + Rotar en el sentido contrario a las agujas del reloj (Rotate Anticlockwise button) Rota la animación completa en el sentido contrario a las agujas del reloj. Sólo para animaciones: Ctrl + Izquierda o – Frame anterior Ctrl + Derecha o + Frame siguiente P Hacer vista previa 4. Proyectos primitivos Esta sección reúne todos los primitivos (elementos básicos) de los proyectos. Estos primitivos ofrecen los bloques con los que se forman juegos complejos. Para una vista por encima ver el apartado Estructura del Proyecto (Project structure) de la sección Resumen. C2 usa un sistema de eventos de programación libre para diseñar. Si no conoces el sistema de eventos, la sección Cómo funcionan los eventos (How events work) te lo explica. 4.1 Proyectos Un proyecto es un juego o aplicación completa hecha con C2. Los proyectos contienen todos los elementos que componen el juego, desde eventos a archivos de sonido. Se muestra un resumen del proyecto en la Barra del Proyecto y allí se pueden añadir, renombrar, eliminar y ordenar en carpetas los elementos. Mira la Estructura del Proyecto (Project structure) para ver un resumen de todos los elementos. A continuación se tratan más detalles sobre cada una de las partes. Los proyectos se pueden abrir, cerrar y exportar desde el Menú de archivos. Mira también Guardar y compartir proyectos (Saving and sharing projects) y Exportar y publicar (Exporting and Publishing). Si estás interesado en aspectos técnicos ve a la sección Tecnología (Technology). Se recomienda seguir los consejos de Buenas Prácticas (Best practices) cuando trabajas en un proyecto. Propiedades del proyecto Las propiedades del proyecto se pueden editar en la Barra de Propiedades tras seleccionar el nombre del proyecto en la Barra del Proyecto o usando los accesos directos de las propiedades del proyecto en las propiedades del plano. El Nombre (Name), Autor (Author) y Descripción (Description) se usan en algunas opciones de exportado, así que asegúrate de rellenarlos correctamente. Nombre (Name) El nombre o título del proyecto. Autor (Author) El nombre de la persona o equipo que desarrolla el proyecto. Descripción (Description) Una frase o dos que resuman el proyecto. Versión (Version) Un número que identifique la versión o revisión del proyecto. Puedes usarlo para tus propias copias pero a veces es útil al exportar para identificar una nueva versión del mismo proyecto. Es buena idea incrementar el número cuando publiques una nueva versión. Primer plano (First layout) Selecciona que plano es el primero en aparecer cunado exportes el proyecto. Cuando haces una vista previa en el editor suele ser de un solo plano específico, así que este ajuste no se aplicará hasta la exportación. Redondeo de píxeles (Pixel rounding) Por defecto los objetos de C2 pueden situarse en posiciones con decimales (por ejemplo, 100,3 o 200,8). Si el navegador usa un filtro lineal, el píxel puede verse borroso. Si seleccionas Redondeo de píxeles (Pixel rounding) los objetos de C2 redondearan su posición a un número entero (por ejemplo, 100 o 201). Esto evita que se vea borroso y que se solapen objetos en la cuadrícula. Nota que esto no afecta a las coordenadas X e Y, que pueden seguir estando entre píxeles – sólo afecta cuando los objetos aparecen en la pantalla. Usar un plano de carga (Use loader layout) Usa un Primer plano especial que se muestre mientras el resto de planos se cargan. La expresión del sistema proceso de carga (loadingprogress) muestra el proceso de 0 a 1 (0,5 sería la mitad). Para más información, mira el tutorial how to make a custom loading screen ⇗. Tamaño de la ventana (Window size) El tamaño de la ventana en el juego, en píxeles. Solo se aplica si la Pantalla completa del navegador (Fullscreen in browser) está apagada. Aparece una línea discontinua en la Vista de Plano indicando el tamaño. Navegador para la vista previa (Preview browser) Elige que navegador se utiliza para hacer una vista previa de tu proyecto. Aparecen todos los navegadores más usados para Windows. Marca por defecto (default) para usar el navegador por defecto de tu sistema. Marca personalizar (custom) para usar un navegador personalizado en Preferencias (Preferences). Se recomienda probar el proyecto en varios navegadores antes de lanzarlo. Pantalla complete en el navegador (Fullscreen in browser) En vez de mostrar el proyecto en un rectángulo dentro de la web (si esta opción está deshabilitada), se puede utilizar el navegador completo. Hay dos formas: Modo de recorte (Crop mode) que simplemente hace la ventana más grande, o Modo de escala (Scale mode) que también escala el contenido de la ventana para que se ajuste a la pantalla. Para más información mira el tutorial supporting multiple screen sizes ⇗. Uso de pantalla de retina iOS (Use iOS retina display) Algunos dispositivos iOS, como el iPhone 4S o el iPad 3 usan pantallas de alta resolución “retina”. Aquí la resolución es doble y hay 4 píxeles por cada píxel de un dispositivo normal. Si esta en Sí el Uso de pantalla retina de iOS el juego se cargará usando la resolución total del dispositivo, y el ancho y alto de la ventana será doble (así que debes usar diferentes tamaños de ventana – mira supporting multiple screen sizes ⇗). Si está en No el juego cargará a una resolución más baja. Entonces se estirará para ocupar toda la pantalla (con filtro bilineal). La baja resolución mejorará el rendimiento pero no usa los gráficos más nítidos de estas pantallas. Por defecto la opción está en Sí pero si tu trabajo no es para pantallas de retina, quizás quieras apagarlo para mejorar el rendimiento. Habilitar WebGL (Enable WebGL) Habilita el WebGL más rápido y potente que puedas. Se usará el lienzo canvas 2D se si WebGL no se puede usar. Mira la sección Tecnología (Technology) para más información sobre lienzos. Si WebGL está habilitado, también se podrá hacer vista previa de los efectos en la Vista de plano. Muestra (Sampling) Elige entre muestra linear (nítida) o point (pixelada) cuando cambies el tamaño de las imágenes. Se recomienda linear para juegos modernos con gráficos de alta resolución y point para juegos retro que usan bloques pixelados. Estilo del cargador (Loader style) Cambia el cargador por defecto que se muestra cuando el juego está cargando o mientras el propio plano de carga todavía está cargando. Mira el tutorial how to make a custom loading screen ⇗. Aclarar fondo (Clear background) Salta “aclarar fondo” al principio de cada frame. Esto es útil para mejorar el rendimiento en móviles (mira Consejos sobre rendimiento Performance Tips). Cada vez, el frame se convierte en negro claro, después en el color de la capa de abajo (si no es transparente) y finalmente en el suyo propio. “Aclarar fondo” indica si hacer el primer paso. La propiedad de capa “transparente” indica si hacer el segundo paso. Si todos los planos contienen capas opacas puedes seleccionar “No” en “Aclarar fondo” ya que la capa de fondo siempre aclarará la pantalla. Si los planos son totalmente opacos por sprites u otros objetos, puedes ajustar todas las capas a transparente para saltar ambos pasos. En este caso, ningún área descubierta por los objetos tendrá fallos o estará llena de pixeles extra. 4.2 Planos Un plano se conformas de un diseño de objetos. Puede corresponder a un nivel del juego, al menú o a una pantalla de títulos. En otras herramientas también pude significar escenas, habitaciones, frames o etapas. Se pueden añadir, renombrar y borrar en la Barra del Proyecto. Los planos se editan en la Vista de plano. Cada plano tiene una hoja de eventos asociada que define como funciona. Los planos contienen diversas capas. Los objetos que aparecen en la pantalla no pertenecen directamente al plano, si no a la capa que está en el plano. Los planos no tienen un fondo de color. Para asignar un color al fondo, haz que la capa de abajo sea opaca y asígnale un color. Se puede hacer en la Barra de Capas. También se le pueden aplicar efectos, que se aplican a todos los elementos que aparecen en la pantalla. Layout properties Las propiedades de un plano se pueden editar en la Barra de Propiedades tras clicar un espacio en el plano o seleccionando el nombre del plano en la Barra del Proyecto. Nombre (Name) El nombre del plano. Hoja de eventos (Event sheet) La Hoja de eventos asociada que define como funciona el plano. Estas hojas se pueden usar en más de un plano usando incluye (includes) en planos con los mismos eventos. Capa activa (Active layer) Esta es la capa en la que se sitúan los objetos. Se selecciona en la Barra de Capas. La activa se muestra en la Barra de Estado mostrándose también consejos cuando introduces un nuevo objeto. Todos los objetos nuevos se añaden a la capa activa. Desplazamiento ilimitado (Unbounded scrolling) Por defecto la ventana del juego no puede desplazarse más allá de los límites del plano. Selecciona “Sí” (“Yes”) para permitir un desplazamiento sin límites, incluso fuera de los límites del plano. Tamaño del plano (Layout size) El tamaño, en píxeles, del área del plano. Aunque esté seleccionado el desplazamiento ilimitado, esto sigue afectando a la parte del plano que se muestra en la Vista de plano. Márgenes (Margins) El tamaño, en píxeles, de los márgenes, que son las áreas grises fuera del plano. Sólo se ven en la Vista de plano y no aparecen al hacer la vista previa. Propiedades del proyecto (Project properties) Un acceso rápido para ver las propiedades del proyecto. 4.3 Capas Una capa es como una lámina de cristal en la que se sitúan los objetos. Se pueden usar para superponer diferentes grupos de objetos, tanto en el fondo como en el primer plano. Las capas pertenecen a un plano y se editan en la Barra de Capas. Se pueden desplazar a ritmos diferentes para crear efectos de paralaje, así como escalar o girar, todo para conseguir efectos visualmente más poderosos en los juegos. También son importantes para añadir interfaces estáticas (o HUDs o UIs) a juegos dinámicos. Una capa con el paralaje a 0, 0 no se moverá, así que cualquier objeto en ella siempre estará en el mismo lugar. Un conjunto común de capas sería: HUD (capa superior – barra de vida del personaje, información UI, etc) Primer plano (los objetos principales del juego) Plano intermedio (capa de fondo con paralaje) Fondo (última capa – el fondo) También se pueden aplicar efectos a las capas, que afectan a todo el contenido de la capa. Propiedades de capa Las propiedades de la capa se pueden editar en la Barra de Propiedades tras clicar la capa en la Barra de Capa. Nota que esto modifica cual es la capa activa – mira las propiedades de la capa activa en Propiedades del Plano. Nombre (Name) El nombre de la capa, para referirte a ella en el sistema de eventos. Visibilidad inicial (Initial visibility) Si la capa es visible o no al inicio cuando haces la vista previa. Esto es diferente de la propiedad Visible en el editor (Visible in editor) que sólo afecta a la Vista de plano. Color del fondo (Background color) El color de fondo para la capa. Este paso se ignora si la transparencia está activa. Transparencia (Transparent) Ignora el color de fondo y hace que la capa sea transparente. Opacidad (Opacity) Ajusta la opacidad (o semitransparencia) de la capa, de 0 (invisible) a 100 (opaca). Forzar la textura (Force own texture) Fuerza a la capa a mantener cierta textura en vez de mostrarla directamente en la pantalla. Es útil para algunos efectos. Aunque disminuye la velocidad de renderización, así que debes seleccionar “No” a menos que sea necesario. Índice de escala (Scale rate) Cambia el índice al que está escalada la capa si es el caso en la capa o plano, parecido al paralaje pero para el zoom. Un índice de escala a 0 significa que la capa siempre estará a escala 100% aunque se aplica un escalado. Un índice de escala 100 significa que se escalará tanto como indiques. Paralaje (Parallaz) Cambia el índice al cual se desplaza la capa en dirección vertical y horizontal. En un paralaje de 100, 100 significa desplazamiento normal, 0,0 significa que no se mueve (útil para UIs), 50 significa que se mueve a la mitad de velocidad, etc. También es útil para múltiples fondos en movimiento. Visible en el editor (Visible in editor) Si se muestra la capa o no en la Vista de plano. Nota que esto es diferente a la Visibilidad inicial (Initial visibility) que sólo afecta a la vista previa. Se puede acceder también a través de la Barra de capas. Bloqueada (Locked) Si una capa está o no bloqueada en la Vista de plano. Los objetos en capas bloqueadas no se pueden seleccionar. Se puede acceder también a través de la Barra de capas. Paralaje en el editor (Parallax in editor) Si está habilitado, las propiedades del paralaje también se aplicarán a la Vista de plano, permitiéndote hacer una vista previa de cómo se verían los efectos. 4.4 Objectos En C2 los objetos son lo más útil en un proyecto. La mayoría de las cosas que ves en un juego de C2 son los objetos, incluyendo los objetos ocultos con otros propósitos (por ejemplo el audio de fondo). Cuando introduces un nuevo objeto, eliges en primer lugar un plugin en el diálogo (por ejemplo, Sprite). Esto crea un tipo de objeto (por ejemplo, EnemigoTroll-TrollEnemy). Cuando el ratón se convierte en una mira puedes situar el primer ejemplo y puedes duplicarlos para crear más ejemplos del mismo tipo. Las diferencias entre tipo y ejemplo de objeto son esenciales para usarlos correctamente. Los objetos constan de varias partes, explicadas debajo. También hay secciones del manual que dan más detalles de cada una. Plugins Un plugin se define como objeto. Por ejemplo, un Sprite es un tipo de objeto, y un Audio es otro distinto. Se definen como Sprite plugin y Audio plugin respectivamente. Los programadores de Javascript pueden crear plugins nuevos (y comportamientos) usando Javascript SDK. Tipos de objeto (Objects type) Los tipos de objetos definen la “clase” del objeto. Por ejemplo, EnemigoTroll (TrollEnemy) y EnemigoOgro (OgreEnemy) pueden ser tipos distintos del plugin Sprites. Tienen animaciones distintas y se les pueden aplicar eventos de forma individual para hacerlos parecer y actuar distintos, a pesar de pertenecer ambos a Sprites. Ejemplos (Instances) Usando el ejemplo anterior, si hay cuatro objetos de EnemigoTroll en un plano, estos son ejemplos del tipo de objeto EnemigoTroll. Sólo hay un tipo EnemigoTroll. Así mismo, puede haber múltiples ejemplos del tipo de objeto EnemigoOgro. Variables de ejemplo (Instances variables) Las variables de ejemplo se añaden al tipo de objeto y almacenan números o textos por cada ejemplo. Por ejemplo, si quieres que todos los monstruos tengan su propio contador de salud (health counter) debes añadir la variable de ejemplo salud (health). Esto es esencial para hacer los juegos más interesantes – cada ejemplo actuará de diferente forma. Comportamientos (Behaviors) Se pueden añadir comportamientos a los tipos de objeto para añadir cierta funcionalidad. Por ejemplo la Dirección 8 (8 direction) se puede añadir a un Sprite, y podrá ser movido con las flechas del teclado. Esto ayuda a agilizar el desarrollo e incrementa la productividad. Los comportamientos no están para hacer todo por ti: en el sistema de eventos es donde la mayoría de la lógica del juego se define. Los comportamientos son, básicamente, atajos. La mayoría de ellos pueden repetirse con eventos, pero así ahorras más tiempo. Los comportamientos son muy personalizables, si uno de ellos no hace exactamente lo que quieres que haga, puedes personalizarlo usando un evento. Todos los ejemplos y tipos de objetos usan comportamientos. No puedes añadir comportamientos solo a algunos ejemplos – aunque quizás puedas habilitarlos y deshabilitarlos en cada uno de ellos. Efectos (Effects) Los efectos cambian la apariencia visual del objeto. No funcionan en todas las plataformas, porque requiere WebGL. Se pueden ajustar los recursos para que todo aparezca razonablemente bien aunque no funcione WebGL. Nota que los efectos son distintos de mezclar movimientos (blend move) que funciona en todas las plataformas. Familias (Families) Las familias son grupos de tipos de objeto. Te ayudan a repetir eventos en distintos tipos de objetos en grandes proyectos. 4.4.1 Plugins Los plugings son los objetos. Por ejemplo, un Sprite es un tipo de objeto, y un Audio es otro distinto. Se definen como Sprite plugin y Audio plugin respectivamente. Mira Referencia de plugings (Plugin reference) para más información de cada uno. Los programadores de Javascript pueden crear plugins nuevos (y comportamientos) usando Javascript SDK. La mayoría de los plugings definen sus propiedades en la Barra de Propiedades. Para ver una lista completa, sitúa el pluging en Referencia de plugings (Plugin reference). Hay tres tipos de plugings: Visuales (Visual plugings) como los Sprites, que aparecen físicamente en el plano y la pantalla. Escondidos (Hidden plugings) como la Matriz (Array), que se sitúan en un plano en particular pero no aparecen en la pantalla. Del proyecto completo (Project-wide plugings) como el Ratón o el Audio, que se añaden a todo el proyecto una sola vez. Solo puede haber un tipo de objeto y ejemplo de este tipo de plugings. Solamente proporcionan una capacidad (como poder usar el ratón). Son muy útiles en el sistema de eventos. C2 está diseñado modularmente. Esto significa que no hay mucha funcionalidad: debes insertar un plugin antes de poder usar sus funciones. Por ejemplo, no puedes reproducir ningún audio antes de añadir el plugin de Audio al proyecto. Hacerlo puede parecer innecesario, pero hay muchos plugings del proyecto completo y no todos los proyectos necesitarán todos. Por ejemplo, si el plugin de Audio se aplicara automáticamente en cada proyecto, los que no lo necesiten gastarían rendimiento, espacio en el disco y demás. Así que recuerda que si no añades un plugin no estará realmente en el proyecto y hará que este sea más ligero y eficiente al exportar. 4.4.2 Tipos de objeto Los tipos de objeto son la parte central del diseño de juegos en C2. Definen la “clase” de un objeto. Por ejemplo, EnemigoTroll (TrollEnemy) y EnemigoOgro (OgreEnemy) pueden ser tipos distintos del plugin Sprites. Tienen animaciones distintas y se les pueden aplicar eventos de forma individual para hacerlos parecer y actuar distintos, a pesar de pertenecer ambos a Sprites. Hay múltiples ejemplos de un tipo de objeto en el proyecto. Por ejemplo, quizás quieras que haya cuatro objetos de EnemigoTroll esperando al jugador. Estos cuatro ejemplos comparten la animación, imágenes, comportamientos, variables de ejemplo y eventos. (En el caso de las variables de ejemplos, cada ejemplo almacena un valor único – como la salud- y comportamientos que funcionan independientemente del resto de ejemplos.) Los tipos de objeto no tienen una posición, ángulo o tamaño. Estas son propiedades de los ejemplos de ese tipo de objeto. La Barra del proyecto y la Barra de objeto muestran los diferentes tipos de objetos del proyecto, pero no los ejemplos. Los eventos son para añadir a un tipo de objeto. El evento filtra los ejemplos que cumplen esa condición. Por ejemplo, el evento “Bala impacta en el Alien” ("Bullet collides with Alien") se aplica a todos los ejemplos de los tipos de objeto “Bala” (“Bullet”) y “Alien”. Aunque cuando el evento funciona, las acciones solo se aplican a los ejemplos específicos envueltos en el impacto. Para más información ve a Cómo funcionan los eventos (How events work). Los tipos de objeto pueden agruparse en familias. Te puede ayudar a evitar repetir los mismos eventos en diferentes tipos de objeto. 4.4.3 Ejemplos Los ejemplos son los objetos reales que puedes ver en el juego: un ejemplo de un tipo de objeto. Por ejemplo, si hay cuatro EnemigoTroll en un plano, hay cuatro ejemplos del tipo de objeto EnemigoTroll. Son los ejemplos los que tienen una posición, ángulo y tamaño en el plano. Los tipos de objetos no tienen estas propiedades – solo definen la “clase” de objeto. Se pueden crear ejemplos en el tiempo de ejecución en el sistema de eventos (por la acción Crear Objeto (Create Object) y Generar objeto (Spawn an objet)). También puedes prepararlos de antemano en los planos con la Vista de plano para diseñar niveles y pantallas de título. Seleccionando un ejemplo en la Vista de plano muestras sus propiedades en la Barra de Propiedades. Hay un conjunto de propiedades común a todos (o casi todos) los objetos, y algunas propiedades inherentes al plugin. Las propiedades más comunes se definen abajo, y las inherentes al plugin se describen en Referencia de plugins (Plugin reference.) Propiedades de ejemplo communes Las siguientes propiedades son comunes a la mayoría de los objetos, dependiendo de sus capacidades. Nombre (Name) El nombre del tipo de objeto al que pertenece. Plugin Un recordatorio del plugin al que pertenece. Global Por defecto, todos los ejemplos se destruyen cuando finaliza el plano (cuando se pasa al siguiente). Si está seleccionado Global ninguno de los ejemplos de ese tipo de objeto se destruirá al cambiar. Capa (Layer) La capa en la que está situado el ejemplo. Ángulo (Angle) El ángulo en grados en el que está orientado el ejemplo. También puede cambiarse por el ángulo en la Vista de plano. Opacidad (Opacity) La opacidad del objeto (o semitransparencia) de 0 (tranparente) a 100 (opaco). Posición (Position) Las coordenadas X e Y en el plano, en píxeles. Se mide desde el origen del objeto (mirar puntos de imagen). También pueden cambiarse moviendo el ejemplo en la Vista de plano. Tamaño (Size) La altura y anchura de los ejemplos, en píxeles. También se puede modificar recortando el tamaño en la Vista de plano cuando el ejemplo está seleccionado. Editar variables (Edit variables) Abre el diálogo de Variables de ejemplo de objeto. Editar comportamietnos (Edit behaviors) Abre el diálogo de Comportamientos de objeto. Editar efectos (Edit effects) Abre el diálogo de Efectos. 4.4.4 Variables de ejemplo Las variables de ejemplo se añaden a los tipos de objeto pero almacenan números, textos o booleanos (on/off) a cada ejemplo de forma individual. Esto los hace ideales para contadores de salud (health counters) ya que cada ejemplo tiene su propio valor. Las variables de ejemplo se añaden con el diálogo de Variables de ejemplo de objetos y el valor inicial de cada ejemplo puede introducirse en la Barra de propiedades. Las variables de objeto también se pueden usar para ayudar a controlar los ejemplos. Por ejemplo, una variable de ejemplo booleana puede usarse para determinar si un enemigo caza al jugador (verdadero-true) o si escapa (falso-false). Si todos los ejemplos tienen diferentes valores, la condición aplicada variable de ejemplo booleana puede usarse para aplicar acciones a enemigos que cazan al jugador. Invirtiendo la condición (seleccionando ejemplos con el valor falso-false) se pueden usar para aplicar acciones a enemigos que escapan. El resultado final es un número de ejemplos del mismo tipo actuando de forma independiente: algunos cazarán y otros escaparán. Éste es un ejemplo sencillo, pero se puede aplicar a casos más complicados. En otras palabras, el estado de un ejemplo se puede controlar usando variables de ejemplo. Las variables de ejemplo también pueden agruparse en familias. Todos los tipos de objeto en la familia tendrán la misma variable de ejemplo. 4.4.5 Comportamientos Los comportamientos dan a los tipos de objeto una funcionalidad concreta. Se pueden añadir con el Diálogo de comportamientos de objeto. Mira la Referencia de comportamientos (Behavior reference) para más información sobre cada uno. Un ejemplo de comportamiento es el de 8 direcciones (8 direction). Este permite que un objeto se mueva usando las flechas del teclado. Te ayuda a agilizar el desarrollo e incrementar la productividad. Los comportamientos no están para hacer todo por ti: en el sistema de eventos es donde la mayoría de la lógica del juego se define. Los comportamientos son, básicamente, atajos. La mayoría de ellos pueden repetirse con eventos, pero así ahorras más tiempo. Los comportamientos son muy personalizables, si uno de ellos no hace exactamente lo que quieres que haga, puedes personalizarlo usando un evento. Todos los ejemplos de un tipo de objeto tienen comportamientos. No puedes añadir un comportamiento sólo a ciertos ejemplos - pero puedes habilitarlos o deshabilitarlo en cada uno de ellos. Algunos comportamientos añaden sus propiedades a la Barra de Propiedades. Ve a Referencia de comportamientos (Behavior reference) para ver las de cada uno. Algunos comportamientos también transmiten a los objetos a los que se les aplica sus propias condiciones, acciones y expresiones. Así, éstas se muestran junto con las propias del objeto en el diálogo de Añadir condición o acción y en el Panel de expresiones. Los comportamientos se pueden agrupar en familias. Todos los tipos de objeto en la familia tendrán el mismo comportamiento. 4.4.6 Efectos Los efectos cambian la apariencia visual de los objetos. Se pueden añadir con el Diálogo de efectos. También se pueden añadir a capas y planos, aunque los efectos que se combinan con el fondo no se pueden usar en planos. Los efectos también son llamados shaders o WebGL shaders effects, ya que se estos son la tecnología oculta que hace posibles los efectos. Debajo hay un ejemplo de Efecto agua (Water effect) en una imagen. C2 tiene una biblioteca con más de 70 efectos. Al añadirlos se muestran en la Vista de Plano si WebGl está habilitado en las propiedades del proyecto. (Si WebGL está deshabilitado la Vista de plano no mostrará ningún efecto). Se dan gran número de ejemplos de efectos en la Carpeta de Ejemplos (Examples folder) de C2. Se pueden aplicar varios efectos a un objeto, capa o plano. En este caso se encadenan los efectos. Los resultados del primer efecto son procesados por el segundo, los del segundo por el tercero y así sucesivamente. Soporte (Support) Para que se muestren los efectos es necesario que el dispositivo soporte WebGL. Para más información mira la sección Tecnología (Technology) en la parte de Lienzo Canvas. En resumen, no todas las plataformas u ordenadores soportan WebGL así que los efectos no se ven en estas plataformas. Para asegurar que tu proyecto siga funcionando correctamente aunque el dispositivo no soporte WebGL, mira la sección Recursos (Fallbacks). Si se ven o no los efectos se puede comprobar con la Condición del sistema (system condition) Se muestran efectos (Effects are supported). Modo de mezcla (Blend mode) La propiedad Modo de mezcla (Blend mode) funciona en todas las plataformas ya que también funciona con el lienzo Canvas 2D. Es el único efecto que no requiere WebGL ni otros recursos para funcionar. El Modo de Mezcla ofrece unas sencillas formas predeterminada para mezclar objetos con el fondo. Para ver un ejemplo de cómo funciona este Modo, mira el ejemplo Blend modes.capx en la carpeta de ejemplos de C2. Si se usan múltiples efectos, el Modo de mezcla se aplica sólo al último efecto. Por ejemplo con tres efectos, los efectos se encadenaran con normalidad, y el Modo de mezcla se usará solo para mezclar el resultado del tercer efecto con el fondo. Recursos (Fallbacks) Si el dispositivo no soporta WebGL, puedes especificar qué hacer usando la propiedad Recursos (Fallbacks) en la categoría Efectos (Effects) en la Barra de Propiedades. La propiedad Recursos no aparece si no se añaden efectos, y no hay necesidad de preocuparse de si los efectos funcionan o no. Por defecto, la propiedad Recursos cambia el Modo de mezcla a Normal si no se pueden soportar los efectos. (Recuerda que la propiedad Modo de mezcla siempre funciona, en cualquier plataforma u ordenador.) Esto hará que el objeto aparezca como si no tuviera ningún efecto cuando no se soporta WebGL. Las otras opciones de Recursos te permiten cambiar la propiedad Modo de mezcla a otra opción. Por ejemplo, cuando usas el efecto pantalla (Screen effect) puedes conseguir un resultado similar usando Aditivo (Additive) en el Modo de mezcla, así que puedes poner en Recursos - Aplicar mezcla “Aditivo” (Set “Additive” blend). Si se soporta WebGL el objeto se mostrará con el efecto pantalla (Screen effect). Si no, no funcionará este efecto pero sí el Aditivo (Additive) del Modo de mezcla, pareciendo algo similar al efecto. Finalmente, los recursos te permiten configurar un objeto para que se destruya (o que la capa se esconda). Esto se puede usar en objetos opcionales con un uso meramente estético, por lo que si no puede mostrar el efecto, simplemente no aparecerá dicho objeto. Pruebas (Testing) Asegúrate de probar tu proyecto con WebGL habilitado y deshabilitado en las propiedades del proyecto para comprobar que los recursos funcionan correctamente y el contenido se muestra de una forma razonablemente correcta. No puedes asumir que todos los usuarios tendrán soporte para WebGL, incluso si usan un navegador que soporta WebGL, ya que un hardware antiguo o unos drivers caducados harán que no se pueda usar WebGL. Hacer pruebas es la mejor forma de proceder. Cambiar efectos en tiempo de ejecución (Changing effects at runtime) Los objetos que pueden tener efectos ofrecen acciones para habilitar y deshabilitar efectos, o configurar los parámetro del efecto. Esto te permite activar efectos o ajustar sus parámetros en tiempo de ejecución, dando más posibilidades y usos creativos. Para habilitar y deshabilitar efectos de plano o capa, o cambiar sus parámetros, usa las acciones del sistema pertinentes. Rendimiento (Performance) Usar demasiados efectos puede ralentizar el rendimiento, especialmente en móviles. Intenta usar los efectos solamente cuando sea necesario. Crear muchos ejemplos de un objeto que contiene efectos puede resultar ineficiente, ya que los efectos deben procesarse muchas veces en pequeños objetos. Si muchos ejemplos necesitan usar efectos, sería más apropiado situar todos los ejemplos en la misma capa y aplicar el efecto a la capa. Esto mejorará el rendimiento manteniendo el mismo efecto. Nunca uses efectos para crear un efecto estático en un objeto. Por ejemplo, no uses “Escala de grises” (“Grayscale”) para que un objeto aparezca en escala de grises. En su lugar, aplica la escala de grises a la propia imagen en el editor e impórtala así al proyecto. Tiene el mismo efecto visual y evitas que el efecto se degrade al procesarlo. Los efectos como “Escala de grises” (“Grayscale”) se deben usar solamente para transiciones o para que los objetos aparezcan en escala de grises sólo ocasionalmente. Para más información, mira la sección del manual Consejos para el rendimiento (performance tips). 4.4.7 Familias (Families) In C2, las Familias son agrupaciones de grupos de objetos. Todos los tipos de objeto de una familia deben provenir del mismo plugin (p.e Sprite objetcs) y no una mezcla como Sprites o Fondo mosaico. Las familias evitan que no repitas eventos. Por ejemplo, en vez de tener los mismos eventos para los objetos Enemy1, Enemy2 y Enemy3, puedes añadir los eventos una sola vez a la familia Enemigos (Enemies). Automáticamente se aplicaran a todos los tipos de objeto dentro de la familia. El ejemplo de Families.capx en la carpeta de ejemplos de C2 te muestran las ventajas de usarlas. Hay siete tipos de enemigos, y todos se destruyen con el laser. Sin usar familias, se necesitan siete eventos separados, como se muestra debajo: Usando familias sólo es necesario usar uno: Esto hace la tarea más fácil, agrupando objetos que funcionan de la misma forma. Cómo crear una familia (How to create a family) Haz clic con el botón derecho en la carpeta de Familias (Families) en la Barra del Proyecto y selecciona Añadir familia (Add family). Aparece entonces el diálogo de Editar Familia (Edit Family): Los objetos de la izquierda son los objetos del proyecto que puedes añadir a la familia. Los de la derecha son los que ya has añadido. Haz doble clic en un objeto para pasarlo al otro lado. Puedes seleccionar varios objetos a la vez manteniendo pulsado Control y clicando varios de ellos, después pulsas el botón del centro del diálogo para transferirlos. Cuando hayas terminado, clica OK y la familia aparecerá en la Barra del Proyecto. Se puede expandir para ver todos los objetos que contiene: La familia, y los objetos que contiene, se pueden editar clicando el botón derecho sobre ella y eligiendo opciones en el menú, como Quitar de la familia (Remove from family) o Editar familia (Edit family). Se pueden añadir objetos a múltiples familias. Todos los eventos de la familia se aplicarán al objeto. Variables de ejemplo de la familia (Family instance variables) Las Variables de ejemplo también se pueden añadir a una familia, clicando el botón derecho en el nombre de la familia en la Barra del Proyecto y seleccionando Variables de ejemplo de la familia (Family instance variables). Si añades una variable de ejemplo a una familia, todos los tipos de objetos dentro de ella adquieren esa variable. Por ejemplo, añadiendo la variable de ejemplo Salud (Health) a la familia Enemigos (Enemies) en el ejemplo de arriba, BladeEnemy, BugEnemy, CrescentEnemy, FighterEnemy, SaucerEnemy, ScytheEnemy y SlicerEnemy adquirirán la variable Salud (Health). Aparecerá también en el editor, junto a esta nueva variable, la propia de cada objeto. Pero en la Vista de hoja de eventos la familia solo mostrará su propia variable de ejemplo (sólo los añadidos directamente a la familia). Esto significa que cualquier variable de ejemplo que quieras habilitar para los eventos de la familia debes añadirla a la propia familia y no a los objetos dentro de ella. Si un tipo de objeto pertenece a distintas familias, adquiere todas las variables de las familias. Comportamientos de la familia (Family behaviors) También se pueden añadir comportamientos a la familia clicando con el botón derecho el nombre de la familia en la Barra del Proyecto y seleccionando Comportamientos de la familia (Family behaviors). Al igual que con las variables de ejemplo, si añades un comportamiento a una familia, todos los tipos de objeto de la familia adquirirán el comportamiento. El comportamiento aparecerá en los eventos para cada objeto y para el conjunto de la familia. Por ejemplo, si añades el comportamiento Bala (Bullet) a la familia llamada Balas (Bullets) significa que la acción Ajustar velocidad (Set speed) de bala estará disponible para todos los objetos de la familia o para la propia familia en conjunto. Si un objeto pertenece a varias familias, adquirirá los comportamientos de todas ellas. Efectos de la Familia (Family effects) Los efectos también se pueden añadir a una familia entera clicando el botón derecho del nombre de la familia en la Barra del proyecto y seleccionando Efectos de la familia (Family effects). Al igual que con las variables de ejemplo y los comportamientos, si añades un efecto a una familia, todos los tipos de objeto de la familia adquirirán el efecto. Esto es útil para aplicar objetos rápidamente a diferentes objetos. Si un objeto pertenece a varias familias, adquirirá los efectos de todas ellas. Seleccionar familias en los eventos (Picking families in events) Las familias seleccionan ejemplos de la hoja de eventos independientemente del tipo de objeto que haya en la familia. Por ejemplo, considerando que la Familia1 (Family1) contiene SpriteA y SpriteB, las condiciones de la Familia1 no afectarán a todos los ejemplos de los tipos SpriteA y SpriteB. Solo afectará a aquellos ejemplos que aparezcan cuando sucede una acción para la Familia1. Así mismo, condiciones para ejemplos de SpriteA y SpriteB no afectarán a todos aquellos contenidos en la Familia1. En otras palabras, en la hoja de eventos se trata a las familias como tipos de objeto propios que contienen ejemplos de otros tipos de objeto. Esto es útil si necesitas que un solo evento seleccione dos listas distintas de ejemplos del mismo tipo objeto. Resumen (Summary) Las familias son una función muy importante y esencial para ayudarte a simplificar los proyectos. Las variables de ejemplo y los comportamientos que se añaden a las familias son adquiridos por todos los objetos dentro de ella, lo que permite aplicar la lógica a varios objetos a la vez. 4.5 Eventos Los eventos son la principal función de C2: en vez de complicados lenguajes de programación y scripts con una sintaxis enrevesada, en la que es fácil cometer errores, puedes definir cómo quieres que funcione el juego usando un sistema lógico de bloques. Los bloques se refieren a los eventos, aunque hay varios bloques que conforman una hoja de eventos. El sistema de eventos de C2 puede no resultar familiar a los nuevos usuarios. Lee Como funcionan los eventos (How Events Work) para ver un resumen. Los eventos no son bloques prediseñados que limitan lo que quieres hacer. Están diseñados para darte las herramientas básicas para crear juegos sofisticados. Los conceptos básicos de los eventos son que las condiciones filtran los ejemplos que cumplen la condición, entonces las acciones funcionan solamente para esos ejemplos. Un malentendido común es que todos los ejemplos deben funcionar de la misma forma. Ése no es el caso: la función de los eventos es filtrar ejemplos de forma individual, y aplicar acciones en aquellos que cumplen cierta condición. Los eventos se editan en la Vista de hoja de eventos usando el diálogo de Añadir condición/acción (Add condition/action), el diálogo de Parámetros (Parameters) y el Panel de expresiones (Expressions panel). Debajo se muestra un sencillo diagrama. (No incluye todas las funciones de los eventos – el resto están explicados en esta sección). Las partes que forman los eventos se resumen debajo. Revisa todas las secciones relevantes del manual para más información de cada una. Mira también, Cómo funcionan los eventos (How events work). Los eventos consisten en condiciones que se deben reunir, acciones que funcionan si es el caso y, opcionalmente, más sub-eventos que prueban más condiciones, activas más acciones, etc. Por ejemplo, si la condición Las balas impactan en el Alien (Bullet collides with alien) aparece, la acción Destruir Alien (Destroy Alien) funcionará, y la acción de dest5ruir sólo afectará a aquellos ejemplo que tengan dicha condición. Las condiciones indican el criterio que se debe reunir. Filtran los ejemplos que sí los reúnen. Las acciones hacen que sucedan cosas. Solamente afectan a los ejemplos filtrados por las condiciones. Las expresiones pueden ser sumas que resolver para obtener valores, o recuperarlos de objetos, como lq coordenada X de un Sprite. Los sub-eventos siguen a los eventos, apareciendo la sangría en la Hoja de eventos. Los grupos organizan los eventos. Se pueden habilitar o deshabilitar en conjunto. Los comentarios te permiten escribir notas y descripciones de los eventos. Se sitúan normalmente encima del evento que estás describiendo. Esto es importante para mantener ordenados tus proyectos. Incluir (Includes) puede intercambiar hojas de eventos entre planos. Esto evita que tengas que copiar y pegar los eventos de forma individual en cada plano. Añadir incluir es como hacer un copia-pega automático del contenido de una hoja de eventos en otra. Las variables de evento pueden almacenar números y textos de forma global (para todos los planos) o local (para un rango específico de eventos). Las hojas de evento son una lista de eventos. Se pueden asignar a un plano específico, o incluirlas en otra hoja de eventos. Scripting C2 sólo usa el sistema de eventos y no funciona con ningún script. Esto es porque el sistema de eventos es suficientemente potente para sustituir cualquier script. Aunque, si eres programador, quizás te interese extender C2 usando Javascript SDK. 4.5.1 Como funcionan los eventos (How events work) Si eres nuevo en los eventos de C2, esta sección te da un resumen de cómo funcionan. ¡Es esencial que los principiantes lo lean! Harás juegos más eficientes si conoces bien cómo funcionan los eventos. Los eventos están diseñados para ser fáciles de manejar y muy intuitivos. Aunque tienen ciertas formas específicas de funcionar, que se describen aquí. Funcionan filtrando ciertos ejemplos que reúnen cierta condición. Las acciones entonces funcionan sólo para esos ejemplos. Por ejemplo, tenemos el siguiente ejemplo: Cuando una Bala (Bullet) colisiona con un Monstruo (Monster) la condición tiene lugar. Los ejemplos de Balas y Monstruos envueltos en la colisión son seleccionados por el evento. Entonces, la acción sólo funciona para los ejemplos seleccionados por la condición. Por ejemplo, si hay otras 3 balas en la pantalla, sólo la que esté incluida en la colisión se destruye por la acción Bala: Destruir (Bullet: Destroy). También, sólo el Monstruo que es golpeado resta una unidad de salud (Subtract 1 from health) que es una variable de ejemplo. ¡Sería muy difícil hacer buenos juegos si esto no funcionara así y las acciones afectaran a todos los ejemplos de monstruos y balas! Así que recuerda que las condiciones filtran o recogen los ejemplos para que las acciones funcionen en ellos. Otra forma de pensar en los eventos es la de “Si todas las condiciones se reúnen en un ejemplo, entonces las acciones funcionan”. Varias condiciones (Multiple conditions) Añadir más condiciones a un evento filtra los ejemplos para que las acciones funcionen. Por ejemplo: Este ejemplo funciona así: 1. Primero, se seleccionan todos los Monstruos que hay en la pantalla (is on-screen). 2. Entonces, en esa selección, se reduce a aquellos que tienen menos de 5 unidades de salud(health <5). 3. Las acciones hacen que todos los monstruos que están en pantalla y que tienen menos de 5 unidades de salud miran directamente al jugador (set angle toward (Player.X, Player.Y)). No afecta a los monstruos de fuera de la pantalla o los que tienen 5 o más de 5 unidades de salud. Usando varias condiciones puedes hacer funcionar las acciones solo en los ejemplos que cumplen todos los criterios. Los usuarios de lenguajes de programación u otras herramientas reconocerán esto como “AND”. Todas las condiciones de un evento deben reunirse para que se aplique la acción. Si no hay monstruos en pantalla o ninguno de los que hay tiene menos de 5 unidades de salud la acción no funciona. Objetos sin referencia (Unreferenced objects) Échale un vistazo al siguiente evento: Si el usuario presiona la barra espaciadora y el booleano del Jugador PowerupEnabled está activado, la acción sería Monstruo: Destruir (Monster: Destroy). Nota que no hay ninguna condición para filtrar los ejemplos de Monstruo en este evento. En este caso, todos los ejemplos de Monstruo se destruyen. En otras palabras, si en un evento no se hace referencia a las condiciones de un efecto, las acciones se aplicarán en todos los ejemplos. Para empezar, piensa en condiciones que cumplan todos los ejemplos y después, progresivamente, ves seleccionándolas y filtrándolas. Si no hubiese condiciones, entonces se seleccionarían todos los ejemplos, afectándoles las acciones a todos. Borrar recoger eventos entre uno y otro (Picking resets between events) Cuando un evento finaliza, el siguiente comienza desde cero. Sus condiciones empezarán a filtrar todos los ejemplos de nuevo. Por otra parte, los sub-eventos (que aparecen con sangría) continúan la tarea desde donde la dejó el evento del que provienen. Un sub-evento filtrará aún más los ejemplos dejados por el evento que venía antes de él. Si un evento tiene dos sub-eventos, ambos recogerán ejemplos del mismo grupo del que recogía el padre (el primer sub-evento no afecta al segundo). En otras palabras, los eventos en el mismo nivel de sangría siempre recogen del mismo grupo de ejemplos, y los eventos de nivel más bajo siempre trabajan con los ejemplos filtrados desde más arriba. El objeto Sistema (The System object) El objeto Sistema en C2 representa la funcionalidad integrada. No tiene ejemplos. Esto significa que la mayoría de condiciones de sistema no recogen ningún ejemplo: sólo son o verdaderos o falsos. Si son falsos el evento deja de funcionar, de lo contrario el evento continúa sin recoger los ejemplos que han sido cambiados. Aunque hay excepciones: si una condición del sistema usa un objeto, como Recoger un ejemplo aleatoriamente (Pick random instance), afectará a los objetos seleccionados. Las acciones de sistema no funcionan en los objetos recogidos: solo si todas las condiciones del evento se reúnen. Los eventos funcionan de arriba a abajo (Events run top to bottom) El orden de los eventos es importante. Cada evento se comprueba a menudo (sobre 60 veces por segundo en la mayoría de ordenadores), y funcionan de arriba a abajo en la Hoja de eventos. La pantalla se crea cada vez que funciona un nuevo evento, así que el proceso empieza de nuevo. Esto significa que si un evento hace una cosa y el siguiente la deshace, no ocurrirá nada. Lo mismo pasa dentro de los propios eventos: las condiciones se comprueban de arriba a abajo, y las acciones funcionan de arriba a abajo. Aunque hay una excepción, los detonantes (triggers). Mira la flecha verde a la izquierda de Teclado: al presionar espacio (Keyboard: On Space pressed) en el ejemplo anterior: Esto indica que el evento está detonado. En lugar de ejecutarse siguiendo los pasos, este evento funciona (o se detona) cuando ocurre algo. En este caso, el evento funciona cuando el usuario pulsa la barra espaciadora del teclado. No aparece en ningún otro momento. Los detonantes hacen que un evento no siga la secuencia de ejecución de arriba a abajo. Esto significa que el orden de los eventos con un detonante no es relevante (excepto en relación con otros detonantes del mismo tipo, que siguen actuando de arriba a abajo). Sólo puede haber un detonante por evento, porque dos no pueden funcionar simultáneamente. Pero varios detonantes sí pueden agruparse en bloques “o” (ver la explicación siguiente). Bloques “o” Como se ha mencionado antes, se tienen que reunir todas las condiciones para que un evento funcione. Esto se llama “Lógica Y” (“Logica AND”), porque la condición 1 Y la condición 2 Y la condición 3... deben cumplirse. Pero puedes modificar un evento para que funcione cuando cualquiera de las tres condiciones se cumpla. Esto se llama “Lógica O” (“Logical OR”), porque el evento funcionará si la condición 1 O la condición 2 O la condición 3… se cumplen. Normalmente los bloques funcionan como bloques Y (AND). Para crear bloques O (OR), clica sobre el bloque con el botón derecho y selecciona Crear bloque O (Make Or block). Entonces aparecerá un -or- entre cada condición, como se muestra abajo. Date cuenta que normalmente sólo puedes poner un detonante por evento, pero puedes juntar varios en un bloque de este tipo, por lo que el evento funcionara si cualquiera de los tres se da. Puedes combinar los tipos de bloques usando sub-eventos. Esto te permite construir una lógica más compleja, como un bloque “O” seguido de uno “Y”. Condiciones enlazadas Algunos eventos se enlazan, es decir, se repiten sus acciones varias veces. Date cuenta que las flechas circulares en el ejemplo siguiente indican esto. Esto significa que, cuando comienza el plano, la acción Crear objeto (Create object) se repite 10 veces. El resultado final es la creación de 10 monstruos en lugares al azar dentro del plano. Puede haber más condiciones que sigan la condición Repetir (Repeat). Se comprueban en todas las repeticiones y deben cumplirse para que la acción se desencadene. Puede haber más de un enlace en un evento, pero no es frecuente. Familias Date cuenta que las familias recogen sus ejemplos independientemente a los tipos de objeto que contienen. Para más información ve a la sección Seleccionar familias en los eventos (Picking families in events). Resumen Usando este sistema de eventos es posible crear una lógica sofisticada que hace juegos de forma rápida y fácil. Es una alternativa muy poderosa a los lenguajes de programación para personas que no están acostumbradas al uso de estas técnicas. Aunque esta sección ha descrito las partes esenciales del sistema de eventos, todavía no ha cubierto todo. El resto de la sección de Eventos trata más características que puedes usar. Behavior reference, Plugin reference y System reference también hablan de las condiciones, acciones y expresiones en C2. 4.5.2 Hojas de evento Las Hojas de Evento son simplemente listas de eventos. Se editan en la Vista de Hoja de Evento. Todas las Hojas de Evento del proyecto aparecen en la Barra del Proyecto. Los Planos tienen asociada una Hoja de Evento que define como funciona el plano. Hay dos formas de compartir eventos entre capas: 1. Establecer la propiedad Hoja de Evento a varios planos en la misma hoja. 2. Crea una hoja de evento independiente con los eventos comunes e inclúyela en otras hojas. La segunda opción es preferible ya que no estás forzado a usar los mismos eventos para diferentes planos – sólo añades unos cuantos eventos extra para personalizarlos. 4.5.3 Condiciones En los Eventos, las condiciones filtran los ejemplos que reúnen ciertos criterios. Aparecen a la izquierda del evento. Todas las condiciones en un evento deben reunirse para al menos un ejemplo para que la acción funcione. Las acciones solo se aplican a los ejemplos que tienen esas condiciones. El sistema de condiciones no selecciona ejemplos: simplemente son verdaderos o falsos, a menos que se refieran específicamente a un objeto, como Recoger un ejemplo al azar (Pick random instance). Hay tres tipos de condiciones: las normales, las detonadas y las enlazadas. Mira la sección Cómo funcionan los eventos (How events work) para más información. Invertir condiciones Las condiciones se pueden invertir, lo que cambia aquello que comprueba. Por ejemplo, la condición Monstruo se superpone a Jugador (Moster is overlapping Player) es verdadera siempre que el monstruo toca al jugador. Pero, si se invierte, aparece un icono rojo tachado que significa Monstruo no se superpone a Jugador (Monster is not overlapping Player). No se pueden invertir todas las condiciones (los detonadores no se pueden, ya que el evento no tendría sentido en ese caso). 4.5.4 Acciones En los eventos, las acciones hacen algo, como crear un objeto o ir a otro plano. Aparecen a la derecha del evento. Las acciones solo afectan a los ejemplos que reúnen las condiciones del evento. Mira la sección Cómo funcionan los eventos (How events work) para más información. 4.5.5 Expresiones En los eventos, las expresiones se usan para calcular sumas o recuperar información de un objeto, como la coordenada X de un Sprite. Las expresiones se introducen el Diálogo de parámetros. El Panel de Expresiones se muestra a la vez que da un catalogo de todas las expresiones del sistema y de objeto disponibles en el proyecto. Algunos ejemplos de expresiones, que pueden ir desde un número simple a un cálculo complejo, son: 0 random(360) Sprite.X (Player1.X + Player2.X) / 2 Sprite.8Direction.Speed Sprite.X + cos(Sprite.Angle) * Sprite.Speed * dt Números Los números simplememnte se introducen como dígitos con un decimal opcional separado por un punto. Por ejemplo: 5 o 1.2. Texto (Secuencias/Strings) El texto, también conocido como secuencias (strings) en programación y a veces en C2. El texto en las expresiones debe ser entrecomillado, por ejemplo “Hola” (“Hello”). Las comillas no se incluyen como parte del texto, así que establecer que un objeto de texto muestre la expresión “Hola” (“Hello”) hará que aparezca Hola (Hello), sin comillas. Para incluir comillas en una secuencia deberás duplicarlas, por ejemplo “Él me dijo “”hola””” (“He said” “””hi”” to me”) se convertirá en Él me dijo “hola” (He said “hi” to me). Puedes usar & para crear cadenas de texto y números, por ejemplo “Tu puntuación es: ” & puntuación” (“Your score is: ” & score) Para añadir un salto de línea a la secuencia usa la expresión del sistema línea nueva (newline), por ejemplo, “Hola” & línea nueva & “mundo” ("Hello" & newline & "world"). Operadores (Operators) Puedes usar los siguientes operadores en las expresiones: + (suma) - (resta) * (multiplicación) / (división) % (módulo, el resto tras la división) ^ (incrementar el poder) & (crear secuencias) También hay operadores de comparación =, <>, <, <=, >, >= para comparar valores. Vuelven a 1 si la comparación es verdadera o a 0 si es falsa. & también se puede usar en la lógica Y (AND) y | para la O (OR). Es útil usarlos junto a los comparadores, por ejemplo puntuación < 0 | salud < 0 (score < 0 | health < 0), que vuelve a 1 si es verdadero y 0 si es falso. ?: es un operador condicional, que te permite probar condiciones en las expresiones. Es útil usado con los operadores de comparación y de lógica. Toma la forma de condición ¿ resultado_si_verdadero: resultado_si_falso (condition ? result_if_true : result_if_false) Por ejemplo, salud < 0 | puntuación < 0 ¿ “¡Fin del juego!” : “¡Vuelve a intertarlo!” (health < 0 | score < 0 ? "Game over!" : "Keep going!"). La condición cuenta como verdadera si no es cero, y falsa si lo es. Expresiones de objeto (Object expressions) Los objetos tienen sus propias expresiones para comprobar la información sobre el objeto. Éstos aparecen como Sprite.X (El nombre del objeto, un punto, y el nombre de la expresión). El Panel de expresiones muestra todas las expresiones disponibles en el proyecto, y están más detalladas en la sección del manual Referencia (Reference). La expresión Mismo (Self) se puede usar como acceso directo para referirse al proyecto actual. Por ejemplo, en una acción para el Jugador, Self.X se refiere al Jugador.X (Player.X). Puedes añadir un índice de objeto basado en 0 para conseguir expresiones para distintos ejemplos de objeto. Por ejemplo, Sprite(0).X consigue la primera posición X del ejemplo, y Sprite(1).X consigue la segunda. Para más información mira el índice IDs (IIDs) en las características comunes. También puedes aprobar otra expresión para el índice. Los números negativos empiezan en el extremo opuesto, así que Sprite(-1).X consigue la última posición de X. Expresiones de comportamiento (Behavior expressions) Si un objeto tiene un comportamiento con sus propias expresiones, aparecen escritos como Objeto.Comportamiento.Expression (Object.Behavior.Expression), por ejemplo Sprite.Dirección8.Velocidad (Sprite.8Direction.Speed). Expresiones del sistema (System expressions) El sistema de expresiones fijas aparece en la referencia (reference). Estas incluyen algunas funciones matemáticas básicas como sqrt (raíz cuadradra). 4.5.6 Sub-eventos Los sub-eventos aparecen detrás de otros eventos. Estos continúan recogiendo ejemplos del evento “padre”. Siguen funcionando tras el término de la acción que activa el evento “padre”. Debajo un ejemplo. Este evento funciona así: 1. Comprueba que todos los ejemplos de Monstruo están superpuestos al Jugador. Si es así, los ejemplos involucrados se recordarán. 2. Las acciones del evento superior funcionarán después, pero en este caso no tiene. 3. El segundo evento (que está sangrado) comprueba entonces si la variable de ejemplo Escudo del Jugador está activado (Player’s ShieldEnable). Si es así, sustrae 1 punto de salud del Monstruo que se solapa con el Jugador. 4. El tercer evento (también sangrado) comprueba si el Escudo del Jugador no está activado (Player’s ShieldEnable) (mira invertir condiciones). Si es así sustrae 1 punto de salud del Jugador. En otras palabras, los monstruos hieren al jugador al tocarlo, a menos que el jugador habilite su escudo, en cuyo case el herido será el monstruo. Esto funciona porque el objeto seleccionado por el evento superior se recuerda y se usa también para los sub-eventos. Si el segundo y el tercero no fueran sub-eventos (no aparecerían sangrados) el segundo evento sustraería 1 punto de salud de todos los Mostruos, ya que no habría referencia alguna en el evento. (Mira Objetos sin referencia (Unreferenced objects) en la sección de cómo funcionan los eventos para más información). Los sub-eventos pueden tener sus propios sub-eventos también, que hacen que sean más poderosos y flexibles para ajustar la lógica de avance del juego. Nota que los sub-eventos funcionan después de las acciones solamente si las hay – en el ejemplo de arriba, si ningún monstruo se solapa con el jugador, ni la acción ni el evento o sub-evento funcionan. Detonadores en los sub-eventos Si hay un detonador en un sub-evento todas las condiciones del evento principal deben cumplirse al tiempo que el detonador se activa, de otra forma no funcionará. Puede haber solamente un detonador en un conjunto de sub-eventos. En otras palabras, los eventos que estén sobre el detonador no pueden contener otro. 4.5.7 Grupos Los grupos de eventos sirven principalmente para organizar eventos. Se pueden abrir y cerrar usando los botones + o -. Se editan con el Diálogo de grupo de evento. Los eventos se pueden arrastrar y soltar dentro y fuera del grupo. Grupos enteros también pueden ser habilitados y deshabilitados con la acción del sistema Activar Grupo (Set Group Active), lo que es útil en pausas del juego. 4.5.8 Comentarios Los comentarios del evento son notas que te ayudan a recordar cómo funcionan los eventos y qué hacen. ¡Son muy importantes para ayudarte a recordar cómo funcionan las cosas en grandes proyectos! Los comentarios tienen el fondo amarillo y aparecen sobre el evento que están describiendo. Se pueden editar haciendo doble clic sobre ellos. Puedes hacer un comentario con un salto de línea manteniendo pulsado shift y pulsando Enter. Si usas C2 muy a menudo, encontrarás esenciales los comentarios para ayudar a organizarte y entender el funcionamiento de trabajos grandes. Volver a un proyecto tras unos pocos meses sin ningún comentario sería difícil, así que no los subestimes. Los comentarios no afectan en absoluto al funcionamiento de tu proyecto. Sólo son informativos. Nada que escribas allí se exportará al juego. 4.5.9 Adjunto La Hoja de eventos adjunta te permite incluir una hoja de evento en otra. Es como un copiapega automático del contenido de una hoja a otra. Esto es útil para compartir eventos comunes en varios planos. Por ejemplo, puedes usar diferentes hojas de eventos para distintas partes de la lógica del juego. Puedes tener hojas de eventos llamadas Entrada del Jugador (Player input), Control del enemigo (Enemy control), Efectos (Effects) y demás. Entonces cada nivel del juego puede incluir estos eventos habituales en la propia hoja de evento de ese plano. Esto te permite compartir eventos entre múltiples planos sin tener que copiar y pegar todos los eventos una y otra vez. Los adjuntos pueden añadirse haciendo doble clic en un espacio de la Hoja de eventos, o usando la Barra de Eventos. 4.5.10 Variables Las Variables de Evento son los valores numéricos o textuales para el proyecto global o local, para un conjunto de eventos. Se modifican con el Diálogo de Variables de evento. Las Variables de evento se modifican con el sistema de acciones en la categoría de Variables Globales y Locales (Global & local variables). Se pueden recuperar usando su nombre en expresiones (expressions). Variables globales Las variables globales aparecen con el icono un globo terráqueo (como en la imagen de arriba). Están en el nivel más alto de la hoja de eventos- no son sub-eventos ni están dentro de un grupo. Almacenan sus valores entre planos. Los eventos en cualquier plano pueden acceder a las variables globales. Variables locales Las variables locales se sitúan tras otros eventos o dentro de un grupo. Aparecen con el icono de un diamante en vez de un globo. Hay dos diferencias importantes entre variables locales y globales: 1. Las locales vuelven a su valor inicial en cada paso. Esto es por diseño e intentando imitar lo que hacen las variables locales en los lenguajes de programación. 2. Las locales solo son accesibles en su radio de alcance. El radio de alcance de una variable de evento está diseñado también para coincidir con los lenguajes de programación reales. El radio de alcance ce una variable local es su nivel de subeventos. El resto de eventos a su nivel, o a más bajos, pueden acceder a la variable local. Los eventos por encima (menos sangrados) no pueden acceder a ellas. Esto hace que las variables locales sean apropiadas para un grupo reducido de eventos o eventos de corta duración. Por ejemplo, si una variable de evento está en un grupo de eventos se convierte en una variable local. Entonces, solo aparecerá como opción para los eventos de ese grupo. En otros grupos o en otras hojas de eventos no aparecerá por lo que no podrá ser accedida. Esto hace que el radio de alcance sea el lugar en el que está contenida la variable. 4.6 Archivos Cualquier archive externo puede ser importado a tu proyecto usando la Barra del Proyecto. Es útil para incluir cualquier otro recurso que tu proyecto pueda necesitar, como videos, imágenes extras, datos JSON, datos XML, datos de texto, documentos, o otros archivos generales que quieras permitir descargar a los usuarios. Para ver ideas sobre usos de archivos en tu proyecto, mira el tutorial Using project files in Construct 2 ⇗. Se pueden importar archivos clicando el botón derecho en la carpeta de archivos (files) en la Barra del Proyecto y seleccionando Importar archivos (Import files). Por defecto puedes añadir cualquier tipo de archivo a tu proyecto, pero también puedes filtrar los archivos para mostrar sólo aquellos del tipo que buscas. Importar archivos del proyecto tiene los siguientes efectos: 1. El archivo se copia en tu carpeta del proyecto o se almacena dentro del archivo .capx (No hay referencia del lugar de almacenamiento del archivo, así que si cambias el archivo original, no se actualizará en el proyecto). 2. Cuando haces la vista previa, también se puede acceder al archivo desde el servidor de vista previa (localhost), que te ayuda a probar los archivos dentro del proyecto. 3. El archivo se exporta junto al proyecto. 4. Cuando lo publiques, el archivo estará disponible para su uso offline junto con el resto del proyecto. Para más información mira el tutorial Offline games in Construct 2 ⇗. Los archivos del proyecto pueden ser solicitados por AJAX en tiempo de ejecución mediante la acción Request project file de objetos AJAX. Esto es útil para datos XML o JSON en tiempo de ejecución. 4.7 Sonido y Música Los Sonidos y la Música en C2 son archivos de audio. Cualquier archivo de sonido que use el proyecto será exportado junto con él. Ya que los creadores de navegadores no se ponen de acuerdo en un formato de audio para la web, se debe encodear en dos formatos: Ogg Vorbis (.ogg) y MPEG-4 AAC (.m4a). Para importar y reproducir audio en C2, debes seguir los siguientes pasos: 1. Importa sonidos clicando el botón derecho en las carpetas de Sonido (Sound) y Música (Music) en la Barra del Proyecto y seleccionando Import sounds o Import music. 2. Importa el audio mediante el diálogo de Importar audio. 3. Añade el objeto de audio al proyecto y añade eventos para reproducir el audio. Para más información a la hora de importar audio, ve a la sección Diálogo de Importar audio Import Audio dialog. Tipos MIME (MIME types) Para que tu servidor envíe los archivos de audio correctamente, deben estar configurados los siguientes tipos MIME: .ogg como audio/ogg .m4a como audio/mp4 Sin estos tipos MIME quizás no puedas escuchar el audio tras subir el proyecto al servidor, o al entrar a la URL del archivo de audio te aparecerá 404 Not Found error. 5. Referencia de Comportamientos Está sección nos da una referencia de todos los comportamientos oficiales que vienen con C2. Cada uno tiene un resumen de su uso, una lista de propiedades y una detallada lista de acciones, condiciones y expresiones específicas del comportamiento. Los comportamientos transmiten sus condiciones, acciones y expresiones al objeto al que son añadidos, apareciendo junto a las propias características del objeto en el Diálogo de Añadir Condición/Acción y en el Panel de expresiones. Los comportamientos se pueden añadir y quitar a un objeto vía Barra de Propiedades, que abre el Diálogo de Comportamientos de objeto y el de Añadir comportamiento. Personalizar controles Por defecto, los movimientos del comportamiento controlados por el usuario usan unos controladores estándares ya fijados (normalmente basados en las flechas del teclado). Para cambiarlos, cambia la propiedad Controles por defecto (Default controls) a No, y configura algunos eventos usando la acción Control simulado (Simulate control). Para un ejemplo, ve al ejemplo Paltform 4 (custom controls).capx en la carpeta de ejemplos en el directorio de instalación de C2. Utiliza los siguientes eventos para cambiar las flechas del teclado a W, A y D: La acción Control simulado (Simulate control) no tiene que manejarse con el teclado. Por ejemplo, se puede usar con un toque para crear controles de toque de pantalla o con un mando. También puedes configurar eventos para que controlen ejemplos automáticamente con la acción Control simulado (Simulate control). Esto te permite configurar enemigos controlados por el ordenador o personajes sin jugador (NPCs), a veces referidos como “AI”. 5.1 8 direcciones El comportamiento de 8 direcciones permite que un objeto se mueva arriba, abajo, izquierda, derecha o en las diagonales, controlado por las flechas del teclado por defecto. Suele ser útil para controlar al jugador en juegos con vista cenital. También se puede simplificar a 4 direcciones (arriba/abajo, izquierda/derecha) útil para deslizarse o para nadar. El comportamiento de 8 direcciones está bloqueado para cualquier objeto que contenga el comportamiento Sólido (Solid). Para configurar los controles, mira el resumen de referencias de comportamiento (behavior reference summary). Propiedades de las 8 direcciones Velocidad Máxima (Max speed) La velocidad máxima a la que un objeto puede viajar en cualquier dirección, en píxeles por segundo. Aceleración (Acceleration) La tasa a la que acelera el movimiento, en píxeles por segundo por segundo. Al invertir el movimiento actual, la aceleración y la deceleración contribuyen a disminuir la velocidad. Deceleración (Deceleration) La tasa a la que decelera el movimiento para descansar cuando no hay movimiento, en píxeles por segundo por segundo. Al invertir el movimiento actual, la aceleración y la deceleración contribuyen a disminuir la velocidad. Direcciones (Directions) Ajusta cuantas direcciones tiene el movimiento. Por defecto son 8, incluyendo las diagonales. Las 4 direcciones no usan las diagonales y, Arriba&Abajo e Izquierda&Derecha solo permiten el movimiento a lo largo de esos ejes. Ajustar ángulo (Set angle) Si hay o no movimiento afectará al ángulo del objeto. 360 grados siempre establece el ángulo del objeto en el ángulo actual del movimiento. Los intervalos de 45 grados ajustarán el objeto en las 8 direcciones posibles. Los intervalos de 90 grados lo ajustarán en las 4 direcciones posibles. No significa que el comportamiento no ajustará el ángulo del objeto, lo que es útil si quieres controlarlo tú mismo con eventos (para hacer que el objeto se encare al según el cursor del ratón). Controles por defecto (Default controls) Si Sí, el movimiento se controla con las flechas del teclado. Cámbialo a No para customizarlos usando la acción Control simulado (Simulate control). Para más información ve a Personalizar controles en el resumen de referencias de comportamiento (behavior reference summary). Condiciones de las 8 direcciones Cotejar velocidad (Compare speed) Coteja la velocidad del objeto en pixeles por segundo. Se está moviendo (Is moving) Verdadero si el objeto tiene una velocidad distinta de cero (no está parado). Inviértelo para comprobar si el objeto está parado. Acciones de las 8 direcciones Opuesto (Reverse) Invierte la dirección del movimiento. Una forma sencilla de rebotar el objeto para evitar un obstáculo. Ajustar aceleración (Set acceleration) Ajustar deceleración (Set deceleration) Ajustar velocidad máxima (Set max speed) Estos ajustan las propiedades correspondientes, descritas en las propiedades de las 8 direcciones. Habilitar (Set enable) Habilita o deshabilita el movimiento. Si está deshabilitado, el movimiento no tendrá efecto en el objeto. Selecciona ignorar entrada (Set ignoring input) Establece si se ignora la entrada, Si se ignora, el presionar las teclas de control no tendrá efecto. Pero, al contrario que deshabilitar el comportamiento, el objeto podrá continuar moviéndose. Ajustar velocidad (Set speed) Ajusta la velocidad del objeto, en píxeles por segundo. Simular control (Simulate control) Simula uno de los controles de movimiento mientras se mantiene pulsado. Es útil cuando ajustas los Controles por defecto a No. Mira los Controles personalizados en el resumen de referencias de comportamiento (behavior reference summary) para más información. Parada (Stop) Un acceso directo para poner la velocidad a cero. Expresiones de las 8 direcciones Aceleración (Acceleration) Deceleración (Deceleration) Velocidad máxima (MaxSpeed) Restablece las propiedades correspondientes, descritas en las propiedades de las 8 direcciones. Mover ángulo (MovingAngle) Da el ángulo del movimiento (que puede ser diferente al ángulo del objeto) en grados. Velocidad (Speed) Da la velocidad del movimiento del objeto, en píxeles por segundo. VectorX VectorY Da la velocidad del objeto en cada eje, en píxeles por segundo. Por ejemplo, si el objeto se mueve a la izquierda a 100 píxeles por segundo, el VectorX es -100 y el VectorY es 0. 5.2 Ancla (Anchor) El comportamiento Ancla es útil para posicionar objetos automáticamente en relación al tamaño de la ventana. Importante para soportar varios tamaños de pantalla. Para más información de las características que soportan múltiples tamaños de pantalla, mira el tutorial Supporting multiple screen sizes ⇗. Este comportamiento sólo tiene un efecto útil cuando la propiedad pantalla completa en el navegador está activada tanto en On (crop mode) como en On (scale mode). Los objetos que usan el Ancla deben estar en una capa cuyo paralaje sea 0,0. De otra forma, mientras el juego avanza el objeto podría quedarse atrás en la pantalla. Posicionar objetos en relación al tamaño de la ventana En la parte superior izquierda de la Vista del plano, un cuadro intermitente representa el tamaño por defecto de la pantalla del juego. Los objetos anclados deben posicionarse dentro del área del cuadro de puntos, como se muestra a continuación. Ahora, si la ventana cambia su tamaño durante la vista previa, los objetos mantendrán sus posiciones relativas, como se muestra abajo: Esto es útil para elementos de la interfaz como notificaciones y pantallas de visualización frontal (HUDs). Posiciones relativas El Borde izquierdo (Left edge) y el Borde derecho (Right edge) posicionan el objeto en relación a las esquinas de la ventana, sin cambiar el tamaño del objeto. Por ejemplo, si el borde izquierdo (left edge) se ajusta a la ventana derecha, (window right) el objeto siempre estará a la misma distancia del borde derecho de la ventana. El Borde derecho (Right edge) y el Borde del fondo (Bottom edge) ajustan el tamaño del objeto en relación a las esquinas de la ventana. Por ejemplo, si quieres que un Fondo adosado (mosaico) se extienda más allá del ancho de la ventana, ajusta el borde derecho (right edge) a la ventana derecha (window right). Condiciones, acciones y expresiones del Ancla El Ancla solo tiene una acción: Habilitar (Set enabled) Ajusta si el comportamiento está habilitado o deshabilitado. Si está deshabilitado, el comportamiento no alterará el tamaño o posición del objeto. 5.3 Atado al plano (Bound to layout) El comportamiento Atado al plano solo evita que el objeto desaparezca por los bordes del plano. Es más útil en objetos que se mueven pero no deben salir del área del plano. No tiene condiciones, ni acciones ni expresiones, solo la siguiente propiedad: Atado por (Bound by) Ajusta al Borde (Edge) para evitar que cualquier parte del objeto se salga del plano. El objeto se parará en esa posición como se muestra a continuación: Ajusta al Origen (Origin) sólo para evitar que el objeto salgo completamente del plano. El resultado depende de donde hayas marcado el origen del objeto, pero con un origen centrado se parará en una posición similar a la siguiente imagen: 5.4 Bala (Bullet) El comportamiento Bala simplemente mueve el objeto hacia delante en un ángulo. Pero también tiene opciones extra como gravedad o rebotar lo que te permite usar el objeto como una pelota que rebota. Como el nombre sugiere, es ideal para proyectiles y balas, pero también es útil para controlar automáticamente otro tipo de objetos como enemigos que caminan hacia delante constantemente. Para dos ejemplos del comportamiento Bala ve a Bouncing balls.capx y Bouncing bullets.cap en la carpeta de ejemplos en el directorio de instalación de C2. Propiedades de Bala Velocidad (Speed) La velocidad inicial de la bala, en píxeles por segundo. Aceleración (Acceleration) La tasa de aceleración de la bala en píxeles por segundo por segundo. Cero mantendrá una velocidad constante, los valores positivos la acelerarán y los negativos la decelerarán hasta pararse (el objeto no puede volver). Gravedad (Gravity) La fuerza de la gravedad que hace que la bala descienda, en píxeles por segundo por segundo. Cero deshabilita la función de la gravedad que es útil en juegos con vista cenital. Los valores positivos hacen que la bala dibuje una parábola mientras avanza, por efecto de la gravedad. Rebotar contra sólidos (Bounce off solids) Si lo ajustas a Sí, la bala rebotará en cualquier objeto con el comportamiento Sólido (Solid). También calculará en ángulo de reverberación para que sea realista dependiendo de la forma y el ángulo del objeto. Ajustar ángulo (Set angle) Si está en No, el comportamiento nunca cambiará el ángulo del objeto. Si está en Sí, el comportamiento siempre ajustará el ángulo del objeto al del movimiento. Condiciones de la Bala Cotejar velocidad (Compare speed) Coteja la velocidad actual de la bala, en píxeles por segundo. Cotejar la distancia viajada (Compare distance travelled) Coteja la distancia total que la bala ha recorrido, en píxeles. Esto no tiene en cuenta la alteración de la posición del objeto llevada a cabo por otras acciones como Ajustar posición (Set position). Acciones de la Bala Rebotar en objeto (Bounce off object) Hace que la bala rebote en un objeto si lo toco. Ya que la bala solamente toca el objeto, es útil usar el evento Colisión (On collision). También calculará el ángulo de reverberación para rebotar de forma realista dependiendo de la forma y ángulo del objeto. Si la bala no se solapa al objeto, o se queda atascada dentro, está acción no tendrá efecto. Ajustar aceleración (Set acceleration) Ajusta la aceleración de la bala en píxeles por segundo por segundo. Ajustar ángulo de movimiento (Set angle of motion) Ajusta el ángulo al que se mueve la bala, en grados. Habilitar (Set enabled) Habilita o deshabilita el movimiento. Si está deshabilitado, el comportamiento dejará de mover la bala, pero recordará la velocidad, aceleración, etc. si la vuelves a habilitar. Ajustar gravedad (Set gravity) Ajusta la aceleración causada por la gravedad, en píxeles por segundo por segundo. Ajustar velocidad (Set speed) Ajusta la velocidad de movimiento de la bala, en píxeles por segundo. Expresiones de la Bala Aceleración (Acceleration) Da la aceleración actual en píxeles por segundo por segundo. Ángulo de Movimiento (AngleOfMotion) Da el ángulo al que la bala se está moviendo (que puede ser distinto al del objeto), en grados. Distancia viajada (DistanceTravelled) Da la distancia total que la bala ha recorrido desde su creación en píxeles. No tiene en cuenta movimientos del objeto realizados por otras acciones como Ajustar posición (Set position). Velocidad (Speed) Da la velocidad de movimiento de la bala en píxeles por segundo. 5.5 Coche (Car) El comportamiento Coche permite que un objeto acelere hacia delante y hacia atrás pudiéndose manejar. También tiene una función de “deriva” con la que el objeto puede “derrapar” en las esquinas (señalando a una dirección diferente a la que se está moviendo). Para un ejemplo del comportamiento Coche ve a Car behavior.capx en la carpeta de ejemplos de C2. Por defecto el objeto se controla con las flechasd el teclado (Arriba para acelerar, Abajo para frenar, Izquierda y Derecha para moverse). Para customizar los controles ve al resumen de referencias de comportamientos behavior reference summary. El comportamiento coche rebotará en cualquier objeto con el comportamiento Sólido. El efecto en el movimiento depende del ángulo de impacto – colisiones de refilón moverán al coche de su ruta, mientras que colisiones de frente lo pararán. La cantidad de velocidad perdida dependerá de la propiedad Fricción (Friction). Propiedades de coche Velocidad máxima (max speed) La velocidad máxima, en píxeles por segundo, a la que el coche puede acelerar. Aceleración (Acceleration) La tasa a la que el coche acelera, en píxeles por segundo por segundo. Deceleración (Deceleration) La tasa a la que el coche frena, en píxeles por segundo por segundo. Velocidad de manejo (Steer Speed) La tasa a la que el coche rota cuando conduces, en grados por segundo. Recuperación de la deriva (Drift recover) La tasa a la que el coche se recupera cuando se va a la deriva, en grados por segundo. En otras palabras, la tasa del ángulo de movimiento se actualiza con el ángulo del objeto. El ángulo de movimiento no puede ser nunca más de 90 grados respecto al ángulo del objeto. Si la recuperación de la deriva (Drift recover) es superior o igual a la Velocidad de manejo (Steer Speed) el coche no se irá a la deriva. Cuanto más despacio se recupere de la deriva, más derrapará en las esquinas. Fricción (Friction) La cantidad de velocidad perdida cuando se colisiona con un sólido, de 0 (parada) a 1 (no afecta a la velocidad). Por ejemplo, para bajar la velocidad a la mitad cuando se colisiona, ajusta la Fricción a 0,5. Ajustar ángulo (Set angle) Si Sí, el comportamiento ajustará el ángulo del objeto. Si No, el comportamiento nunca cambiará el ángulo. Controles por defecto Si Sí, el movimiento del coche se controla con las flechas del teclado. Si No, con controles personalizados. Para más información ve al resumen de la referencia de comportamientos behavior reference summary. Condiciones de coche Cotejar velocidad (Compare speed) Coteja la velocidad actual del coche, en píxeles por segundo. Se está moviendo (Is moving) Verdadero si la velocidad del momento es distinta de cero. Inviértelo para comprobar que el coche está parado. Acciones de coche Ajustar aceleración (Set acceleration) Ajustar deceleración (Set deceleration) Ajustar recuperación de la deriva (Set drift recover) Ajustar fricción (Set friction) Ajustar velocidad máxima (Set max speed) Ajustar velocidad de manejo (Set steer speed) Ajustan las propiedades correspondientes. Mira las propiedades de coche para más información. Habilitar (Set enabled) Habilita o deshabilita el movimiento. Si está deshabilitado, el movimiento no tendrá efecto sobre el objeto. Selecciona ignorar entrada (Set ignoring input) Ajusta si se ignorará la entrada. Si se ignora, presionar las flechas del teclado no tendrá efecto. Pero, si deshabilitas el comportamiento, el objeto continuará moviéndose. Ajustar velocidad (Set speed) Ajusta la velocidad actual a la que el objeto se mueve, en píxeles por segundo. Simular control (Simulate control) Simula uno de los controles de movimiento mientras se mantiene pulsado. Es útil cuando ajustas los Controles por defecto a No. Mira los Controles personalizados en el resumen de referencias de comportamiento (behavior reference summary) para más información. Parada (Stop) Un acceso directo para poner la velocidad a cero. Expresiones de coche Aceleración (Acceleration) Deceleración (Deceleration) Recuperación de la deriva (DriftRecover) Fricción (Friction) Velocidad máxima (MaxSpeed) Velocidad de manejo (SteerSpeed) Dan las propiedades correspondientes. Mira las propiedades de coche para más información. Ángulo de movimiento (MovingAngle) Da el ángulo de movimiento actual (que puede ser distinto del ángulo del objeto), en grados. Velocidad (Speed) Da la velocidad actual del objeto, en píxeles por segundo. VectorX VectorY Da la velocidad del objeto en cada eje, en píxeles por segundo. Por ejemplo, si el objeto se mueve a la izquierda 100 píxeles por segundo, VectorX será -100 y VectorY 0. 5.6 Personalizar movimiento (Custom movement) El comportamiento Personalizar movimiento no implica ningún movimiento para el objeto. Pero tiene funciones que hacen más fácil incluir tus propios movimientos “personalizados” (basados en eventos). Los diferentes movimientos no se pueden explicar en esta sección del manual. Pero sí que se hará un resumen de los comportamientos básicos de movimiento y lo que hacen. Para un ejemplo de movimiento estilo asteroides usando movimientos personalizados, ve al ejemplo Custom movement (asteroids).capx en la carpeta de ejemplos de C2. Para muchos juegos, los comportamientos predefinidos como Platafora (Platform) y las 8 Direcciones (8 Direcction) son suficientes. Modificar comportamientos existentes con la herramienta de personalizar se debe evitar, ya que son más difíciles de hacer funcionar correctamente. Los predefinidos han sido probados concienzudamente y tienen más funciones de las que puedas imaginar (como la detección de inclinación en Plataforma), y son más rápidos y fáciles de usar que los personalizados. Resumen de los movimientos personalizados La mayoría de los movimientos en C2 funcionan manipulando dos valores: la velocidad en el eje X (dx) y la velocidad en el eje Y (dy). También se llaman VectorX y VectorY en algunos comportamientos. Por ejemplo, si un objeto se mueve a la izquierda 100 píxeles por segundo, dx será -100 y dy 0. El objeto se puede acelerar a la derecha añadiendo a dx. Esta es el funcionamiento de la mayoría de los comportamientos de C2 (como Plataforma y 8 Direcciones). El comportamiento de movimiento personalizado almacena los valores de dx y dy, y proporciona funciones para añadir los algoritmos y la matemática necesarios para el movimiento. A cada vez, el movimiento personalizado ajusta la posición del objeto dependiendo de los valores dx y dy. Esto se llama paso. También puede usar múltiples pasos por vez, lo que ayuda a detectar colisiones de forma más precisa si el objeto se mueve muy rápidamente. Cada paso detonará En el paso (On step), En el paso horizontal (On horizontal step) o En el paso vertical (On vertical step) dependiendo en la propiedad Modo de paso (Stepping mode). Propiedades de movimiento personalizado Modo de paso (Stepping mode) Como avanzar un paso en el movimiento por cada vez. El número de pasos dado depende de la propiedad Píxeles por paso (Pixels per step). None mueve el objeto un paso por vez de acuerdo a su velocidad. Linear moverá el objeto en una línea recta hacia su posición de destino, detonando On step (En el paso). Horizontal then vertical moverá el objeto a su destino primero en el eje X (detonando On horizontal step) y después en el eje Y (detonando On vertical step). Vertical then horizontal lo hará al contrario que el anterior. Píxeles por paso (pixels per step) Si el modo de paso está en None, esta es la distancia en píxeles a la que avanzará por vez y por paso. Por defecto es 5, lo que significa que se moverá 20 píxeles por vez, se moverá en pasos de cuatro o cinco píxeles. Condiciones de movimiento personalizado Cotejar velocidad (Compare speed) Coteja la velocidad actual del movimiento, en píxeles por segundo. Horizontal y Vertical cotejan la velocidad de dx y dy respectivamente y Total (Overall) coteja la magnitud del vector (dx, dy) (la cantidad total). Se está moviendo (Is moving) Verdadero si dx o dy son distintas de cero. Invierte para comprobar si está parado. On horizontal step On vertical step Detonados para cada paso a lo alrgo de un eje cuando el modo de paso está en Horizontal then vertical o en Vertical then horizontal. Se usa para detectar colisiones de forma precisa si hay solapamiento (Is overlappeing). On step Detonado para cada paso cuando el modo de paso está en Linear. Se usa para detectar colisiones de forma precisa si hay solapamiento (Is overlappeing). Acciones de movimiento personalizado Habilitar (Set enabled) Habilita o deshabilita el comportamiento. Si está deshabilitado no modificará la posición del objeto. Rotar en el sentido de las agujas del reloj (Rotate clockwise) Rotar en el sentido contrario a las agujas del reloj (Rotate counter-clockwise) Ajustar (Set) Ajusta el ángulo de movimiento. Calculará nuevos valores para dx y dy reflejando un nuevo ángulo de movimiento con la misma velocidad total. Acelerar (Accelerate) Acelera el movimiento total o el movimiento en un eje específico. Acelerar hacia ángulo (Accelerate toward angle) Acelerar hacia posición (Accelerate toward position) Acelera el movimiento hacia el ángulo o la posición. Apartar sólido (Push out solid) Sólo válido cuando el comportamiento se solapa con un objeto con el comportamiento sólido. Mueve automáticamente el objeto hasta que no se solape con el sólido. No tiene efecto si el objeto no se solapa. Se pueden usar las siguientes técnicas: Ángulos opuestos (Opposite angles) invierte (o recalcula) el objeto desde el ángulo de movimiento actual hasta que no se solape. Más cercano (Nearest) mueve el objeto en una espiral dentro de las 8 direcciones un píxel por vez hasta que no se solape. El objetivo es que el objeto acabe en el espacio libre más cercano, pero como se usan sólo 8 direcciones el resultado será una aproximación. Arriba, Abajo, izquierda y derecha (Up, down, left and right) mueven el objeto a través de un eje específico hasta que no se solape. Apartar sólido en el ángulo (Push out solid at angle) Sólo válido cuando el comportamiento se solapa con un objeto con el comportamiento sólido. Mueve el objeto con un ángulo dado hasta que no se solape con el sólido. No tiene efecto si el objeto no se solapa. Invertir (Reverse) Invierte el movimiento volteando los valores de dx y dy. Ajustar velocidad (Set speed) Ajusta la velocidad del movimiento en píxeles por segundos del eje horizontal, del vertical, o del total. Ajustando la velocidad horizontal o vertical das valores a dx y dy directamente. Si la ajustas al total se calculan nuevos valores para dx y dy para que se reflejen la nueva velocidad total manteniendo el mismo ángulo de movimiento. Parada (Stop) Un acceso directo para poner la velocidad a cero. Paras pasos (Stop stepping) Sólo válido para On step, On horizontal step y On vertical step. Para el modo de pasos en esa vez. El objeto puede volver a su Antigua posición (dónde estaba la vez anterior) o mantenerse en su posición actual (probablemente a medio camino entre las dos posiciones). Expresiones de movimiento personalizado dx dy Da los valores de movimiento dx y dy, que es la velocidad en píxeles por segundo de cada eje. Movimiento de ángulo (MovingAngle) Da el ángulo de movimiento, en grados, calculado como el ángulo de vector (dx, dy). Velocidad (Speed) Da la velocidad total en píxeles por segundo, calculados como la magnitud del vector (dx, dy). 5.7 Destruir fuera del plano (Destroy outside layout) El comportamiento Destruir fuera del plano destruye automáticamente cualquier objeto que salga del área del plano. Sólo lo destruye si sale completamente (ninguna parte de su cuadro delimitador está dentro del plano). Este comportamiento no tiene propiedades, condiciones, acciones ni expresiones. Este comportamiento es útil para evitar que balas y otros proyectiles permanezcan todo el tiempo volando sobre el plano. Por ejemplo, sin el comportamiento, si el usuario dispara a un enemigo y falla, la bala continuaría volando fuera del plano para siempre. Con el avance del juego, más y más balas se añadirían, todas moviéndose más lejos y continuamente, lo que usaría más y más memoria haciendo que el ordenador y el juego vayan más despacio. Esto se puede evitar fácilmente añadiendo Destruir fuera del plano a las balas, para que se vayan eliminando de forma gradual cuando salen del plano. 5.8 Arrastar y Soltar (Drag & Drop) El comportamiento Arrastrar y Soltar hace que los objetos puedan ser arrastrados y soltado con el ratón o tocándolos en una pantalla táctil. En dispositivos multi-táctiles varios objetos se pueden arrastrar y soltar a la vez. Un objeto se arrastra clicando sobre él con el ratón o con el dedo. La acción finaliza cuando se suelta el ratón o se deja de tocar. Arrastrar y Soltar no tiene propiedades Condiciones de Arrastrar y Soltar Se está arrastrando (Is dragging) Verdadero si el objeto está siendo arrastrado en ese momento. Comenzando a arrastrar (On drag start) Detonado cuando el objeto es clicado o tocado. Soltando (On drop) Detonado cuando el objeto se está arrastrando y se suelta. Acciones de Arrastrar y Soltar Habilitar (Set enable) Habilita o deshabilita el comportamiento Arrastrar y Soltar. Si está deshabilitado, al clicar o tocar el objeto no habrá ningún efecto y el objeto no se podrá arrastrar. Además, se vuelve “transparente” al tocarlo, haciendo que objetos por debajo puedan ser arrastrados y soltados. Si el objeto se arrastra cuando está deshabilitado, se cancelará y no se detonará la condición Soltando (On drop). Expresiones de Arrastrar y Soltar El comportamiento Arrastrar y Soltar no tiene expresiones. 5.9 Desvanecerse (Fade) El comportamiento Desvanecerse aumenta o disminuye la opacidad del objeto haciendo que aparezca y desaparezca. Por defecto, hace que el objeto se desvanezca 1 segundo antes de destruirse. Desvanecerse funciona en el orden siguiente. Si alguno de los tiempos es 0, el paso se salta: 1. El objeto aparece desde invisible a la opacidad seleccionada, en el tiempo de fundido (fade in time). 2. El objeto mantiene su opacidad durante el tiempo de espera (wait time). 3. El objeto se desvanece hasta hacerse invisible, en el tiempo de desvanecimiento (fade out time). 4. Si Destruir (Destroy) se establece tras Después de desvanecerse (After fade out), el objeto se destruirá. Por ejemplo, si cada paso está ajustado a 1 segundo, el objeto aparecerá desde invisible durante 1 segundo, esperará durante 1 segundo y se desvanecerá durante 1 segundo. Se recomienda establecer Destruir (Destroy) tras Después de desvanecerse (After fade out). Si lo estableces a No, el objeto seguirá existiendo tras desvanecerse, pero invisible. Si muchos objetos usan este comportamiento, puede haber muchos objetos invisibles lo que ocupará memoria y el juego irá lento. Propiedades de desvanecerse Activar al inicio (Activate at start) Si Sí, el objeto empezará a desvanecerse tan pronto como sea creado. Si No, el desvanecimiento no empezará hasta que uses la acción Empezar (Start). Tiempo de fundido (Fade in time) Tiempo, en segundos, de aparecer desde invisible. Si está a 0 se salta este paso. Tiempo de espera (Wait time) Tiempo, en segundos, de espera entre aparecer y desvanecerse. Si está a 0 se salta este paso. Tiempo de desvanecimiento (Fade out time) Tiempo, en segundos, de desvanecerse hasta invisible. Si está a 0 se salta este paso. Destruir (Destroy) Si se establece tras Después de desvanecerse (After fade out), el objeto será automáticamente destruido tras la acción. Si No, el objeto no se destruirá con el comportamiento. Asegúrate de destruir los objetos cuando no sean necesarios, ya que aquellos que están siendo invisibles pueden causar que el juego se ralentice. Condiciones de desvanecerse Terminar desvanecerse (On fade out finished) Detonado cuando se termina el desvanecimiento. Acciones de desvanecerse Comenzar desvanecimeinto de nuevo (Restart fade) Hace funcionar el desvanecimiento otra vez desde el principio. Comenzar desvanecimiento (Start face) Si Activo en el inicio (Active on start) está en No, esto detonara el desvanecimiento. Expresiones de desvanecerse No hay expresiones para este comportamiento. 5.10 Flash El comportamiento Flash hace que un objeto parpadee cambiando su visibilidad de forma intermitente durante un periodo de tiempo. No tiene propiedades ni expresiones. Solamente añadiendo Flash a un objeto no haces nada. Debes usar una acción de Flash para hacerlo funcionar. Condiciones de Flash Esta haciendo flash (Is flashing) Verdadero si el objeto está en dentro de un periodo de flash. Flash terminado (On flash ended) Detonado cuando se llega al final del periodo de flash, y el objeto es visible de nuevo. Acciones de Flash Flash Hace que el objeto parpadee cambiando su visibilidad de forma intermitente. El “On” es el tiempo en segundos en el que el objeto está visible. El “Off” es el tiempo en segundos en el que es invisible. El objeto alternará entre estos dos estados durante los segundos establecidos. El objeto siempre volverá a ser visible tras la acción. Parar flash (Stop flashing) Si el objeto está flasheando, esto lo para y vuelve el objeto visible. Si el objeto no está flasheando en ese momento esta acción no tendrá efecto. 5.11 Saltar a través (Jump-thru) El comportamiento Saltar a través permite que al comportamiento Plataforma estar sobre el objeto, y saltar sobre él desde abajo. Este es diferente al comportamiento sólido, sobre el que el comportamiento plataforma puede estar, pero no saltar desde abajo. La imagen siguiente ilustra la diferencia. El comportamiento Saltar a través no tiene propiedades, condiciones, acciones ni expresiones. Por ello, también se le llama atributo, ya que sólo habilita que se pueda saltar a través de un objeto con el comportamiento Plataforma. 5.12 Física (Physics) El comportamiento Física simula la física de un objeto de forma realista. Funciona por Box2DWeb ⇗. Para un ejemplo, mira Physics example on the Arcade ⇗. Para más ejemplos, hay varios en la carpeta de ejemplos de C2. El comportamiento Física es relativamente complejo. Los siguientes tutorial se recomiendan para entender las bases sobre como usar el comportamiento y algunos puntos importantes a tener en cuenta antes de usarlo: Physics in Construct 2: The basics ⇗ Physics in Construct 2: Forces, impulses, torque and joints ⇗ Esta sección del manual no repetirá la información contenida en estos tutoriales. Simplemente describirá cada una de las características del comportamiento Física. Los tutoriales describen como funciona, que tipos de conjuntos hay, la diferencia entre impulsos y fuerzas, y otras cosas en caso de que su uso no te sea familiar. Usar Física en C2 El comportamiento Física simula las física en un plano separado. C2 mantendrá los dos “mundos” sincronizados si uno cambia y el otro no, pero esto es impredecible. Por ejemplo, ajustar la posición o el ángulo de un objeto hace que C2 traspase los nuevos datos del objeto correspondiente a la simulación física, cosa que a veces no se hace de forma adecuada con las colisiones. También pasa eso al usar otros comportamientos de C2 a la vez que el de Física. Por lo tanto es altamente recomendado controlar los objetos de Física directamente desde el comportamiento Física (ajustando fuerzas, impulsos, torsiones, etc.) más que intentar manipularlos con Ajustar posición (Set position), Ajustar ángulo (Set angle), etc. Otra consecuencia es que Física no responderá a objetos con los comportamientos Sólido (Solid) o Saltar a través (Jumptrhu). Estos comportamientos son redundantes cuando usas Física y no tienen efecto. A cambio, usa la propiedad Inmovible (Immovable). Propiedades de Física Inmovible (Immovable) Si Sí, simula que el objeto tiene masa infinita. Su densidad se ignora y nunca se moverá. Máscara de collision (Collision mask) Usar máscara de colisión (Use collision mask) usa el polígono de colisión del objeto del editor de imágenes para colisiones físicas. Si no hay polígono de colisión usará el cuadro delimitador. Cuadro delimitador (Bounding box) ignora el polígono de colisión del objeto si hay y el comportamiento considera el objeto como si fuera un rectángulo. Círculo (Circle) ignora el polígono de colisión del objeto si hay y el comportamiento considera el objeto como si fuera un círculo. Esto permite que los objetos rueden suavemente (por ejemplo, un barril). Esto es útil cuando el polígono de colisión está formado por líneas rectas y no se puede crear un círculo. Evitar rotación (Prevent rotation) Bloquea el ángulo del objeto para que la colisión física no cause rotación. Densidad (Density) La densidad del objeto físico. Solo se usa si la Inmovilidad está en No. La masa del objeto se calcula como su densidad multiplicada por el área de su máscara de colisión. El valor de la densidad exacta usada no es importante y no tiene unidades específicas – sólo la densidad relativa es relevante (un objeto con densidad 6 será dos veces más denso que otro con densidad 3). Fricción (Friction) El coeficiente de fricción del objeto físico de 0 (sin fricción) a 1 (fricción máxima). Esto ajusta como los objetos se mueven unos contra otros cuando se tocan. Elasticidad (Elasticity) La elasticidad (también llamada restablecimiento o flexibilidad) del objeto físico, de 0 (inelástico, como una piedra) a 1 (elasticidad máxima, como una pelota de goma). Esto afecta a como los objetos rebotan cuando golpean el suelo. Amortiguación linear (Linear damping) La tasa a la que el objeto disminuye su velocidad cuando se mueve, desde 0 (no decelera) a 1 (deceleración máxima). Amortiguación angular (Angular damping) La tasa a la que el objeto disminuye su velocidad cuando gira, desde 0 (no decelera) a 1 (deceleración máxima). Bala (Bullet) Habilita una mejor detección de la colisión para objetos que se mueven muy rápido. Puede afectar al rendimiento, así que no lo habilites a menos que el objeto se mueva tan rápido que la detección de la colisión estándar no sea fiable. Condiciones de física Está durmiendo (Is sleeping) Verdadero si el objeto ha estado descansando y no ha sido movido por un tiempo, por lo que el motor de física no lo estará procesando. Nota que los objetos pueden estar moviéndose de forma imperceptible lo que evitará que “se queden durmiendo” aunque den la sensación de estarlo. Acciones de física: Fuerzas Aplicar fuerza (Apply force) Aplicar fuerza al ángulo (Apply force at angle) Aplicar fuerza hacia la posición (Apply force towards position) Aplica una fuerza sobre el objeto, ángulo, hacia la posición, o fuerzas en los ejes X e Y personalizadas. Aplicando una fuerza haces que el objeto se acelere en la dirección de la fuerza. Las fuerzas se pueden aplicar en un punto de la imagen o en el origen del objeto. Aplicar impulse (Apply impulse) Aplicar impulse al ángulo (Apply impulse at angle) Aplicar impulse hacia la dirección (Apply impulse towards position) Aplica un impulso sobre el objeto, ángulo, hacia la posición, o impulso en los ejes X e Y personalizados. Aplicando un impulso simulas que el objeto se estrella, como golpear con un bate. Los impulsos se pueden aplicar en un punto de la imagen o en el origen del objeto. Ajustar velocidad (Set velocity) Ajusta la velocidad del objetivo, dándola en píxeles por segundo en los ejes X e Y. Acciones de física: Ajustes globales Estas acciones afectan al comportamiento Física en general, no solo donde se han establecido. Habilitar/Deshabilitar colisiones (Enable/disable collisions) Por defecto, todos los objetos con Física colisionan unos con otros. Puedes deshabilitar las colisiones entre los objetos con Física y los que no lo tengan para que pasen unos sobre otros. Esto afectará a todos los ejemplo de ambos tipos de objeto. Nota: habilitar las colisiones otra vez cuando los objetos se solapan puede causar inestabilidad en la simulación. Ajustar iteraciones (Set stepping iterations) Ajusta el número de iteraciones de la velocidad y de la posición usadas en el motor de física. Por defecto son 8 y 3 respectivamente. Valores más bajos harán que vaya más rápido pero son menos precisos, y los más altos reducirán el rendimiento pero darán una simulación más realista. Ajustar modo de paso (Set stepping mode) Elige si los tiempos de Física usan dt (delta time, para una tasa de frames independiente) o un valor fijado (fixed). Por defecto usa un tiempo fijado para eliminar cualquier aleatoriedad que venga de dt, asegurando que las simulaciones se reproducen exactamente todas las veces. Ajusta a tasa de frames independiente (framerate independent) para ajustar el tiempo de a cuerdo a la tasa de frames (framerate), que puede causar que la misma simulación de distintos resultados si se vuelve a reproducir. Para más información ve a Delta-time and framerate independence ⇗. Ajustar gravedad del mundo (Set world gravity) Ajusta la fuerza de la gravedad que afecta a los objetos físicos. Por defecto, es una fuerza de 10 puntos descendentes. Acciones de física: Uniones Crear unión de distancia (Create distance joint) Fija dos objetos físicos a una distancia fijada, como si estuviesen conectados por un polo. Crear unión mecánica (Create revolute joint) Crear unión mecánica limitada (Create limited revolute joint) Crea una articulación entre dos objetos físicos, para que puedan rotar libremente como si estuviesen conectados por un alfiler. Si es limitada solamente permite la rotación hasta cierto ángulo, como el badajo de una campana. Quitar todas las uniones (Remove all joints) Quita todas las uniones de un objeto. Cualquier objeto que esté unido a otro por esta acción se verá afectado. Nota que algunas uniones deshabilitan automáticamente colisiones entre objetos, así que quizás quieras deshabilitar las colisiones manualmente de nuevo tras quitar las uniones. De otra forma los objetos que se solapen podrían “teletransportarse” a otro lugar (ya que el motor físico intenta evitar los solapamientos). Acciones de física: Ajustes de objeto Estas ajustan las propiedades correspondientes. Para más información, ve a las propiedades de Física. Acciones de física: Rotaciones Aplicar rotación (Apply torque) Aplicar rotación hacia ángulo (Apply torque towards angle) Aplicar rotación hacia posición (Apply torque towards position) Aplica una rotación (aceleración rotacional) al objeto, directamente o hacia un ángulo o posición. Ajustar velocidad angular (Set angular velocity) Ajusta la velocidad angular (tasa de rotación) directamente, en grados por segundo. Expresiones de Física Velocidad angular (AngularVelocity) La velocidad angular actual (tasa de rotación) del objeto físico, en grados por segundo. Centro de Masa X (CenterOfMassX) Centro de Masa Y (CenterOfMassY) La posición del centro de la masa del objeto físico, calculado por el motor físico. Depende de la propiedad máscara de colisión (collision mask) y no tiene por qué coincidir con el centro del objeto. Masa (Mass) La masa del objeto físico, calculada por el motor físico. Es el área de la máscara de colisión del objeto multiplicada por su densidad. Velocidad X (VelocityX) Velocidad Y (VelocityY) La velocidad actual del objeto físico, en píxeles por segundo. Amortiguación angular (AngularDamping) Densidad (Density) Elasticidad (Elasticity) Fricción (Friction) Amortiguación linear (LinearDamping) Da las propiedades correspondientes. Para más información, ve a las propiedades de Física. 5.13 Pin El comportamiento Pin posiciona un objeto a una distancia y ángulo relativo a otro, dando la impresión de estar “atado” a ese objeto. Para un ejemplo, ve a Pin behavior.capx en la carpeta de ejemplos de C2. Añadir simplemente el comportamiento al objeto no hará nada. Debes usar alguna de las acciones de Pin para unir un objeto a otro. Condiciones de Pin Está atado (Is pinned) Verdadero si el objeto está atado a otro. Acciones de Pin Atar a objeto (Pin to object) Ata un objeto a otro. La distancia y el ángulo relativo entre los objetos usados en el momento de la acción se recordará. El parámetro Modo (Mode) elige como se mueve el objeto en relación al otro: Posición y ángulo (Position & angle) (por defecto): mantiene ambos objetos a su distancia y ángulo relativo. El objeto aparecerá unido y estará en el lugar mientras el otro se mueve y rota. Sólo posición (Only position): como antes, pero el ángulo del objeto no cambia; solo mantiene la distancia relativa. Sólo ángulo (Only angle): el objeto solamente rota en relación con el otro, y no cambia su posición. Estilo cuerda (Rope style): el objeto no rota, pero se mantiene a la distancia máxima del otro. Estilo barra (Bar style): el objeto no rota, pero se mantiene a una distancia fijada del otro objeto. Para más ejemplos, ve a los ejemplos Pin rope style.capx y Pin chain style.capx de la carpeta de ejemplos de C2. Desatar (Unpin) Desata el objeto, así que ya no será situado por el comportamiento Pin. Expresiones de Pin Atado UID (PinnedUID) Da la UID del objeto al que está atado, o a -1 si no está atado. Para más información sobre UID, ve a características comunes (common features). 5.14 Plataforma (Platform) El comportamiento Plataforma da un estilo de movimiento “salta y corre” a juegos de vista lateral. Soporta inclinaciones, plataformas móviles, plataformas para “saltar a través” y ángulos arbitrarios de gravedad. Hay varios ejemplos de este comportamiento en la carpeta de ejemplos de C2. El comportamiento Plataforma se aplicará en cualquier objeto con el comportamiento Sólido o Saltar a través. Saltar a través es diferente ya que se puede saltar a la plataforma sobre un objeto desde abajo, mientras que al saltar a un Sólido desde abajo el jugador rebota. La siguiente imagen ilustra la diferencia. Por defecto, el movimiento de la Plataforma se controla con las flechas del teclado (arriba para saltar). Para personalizar los controles, ve al resumen de referencia de comportamientos (behavior reference summary). Crear movimientos de plataforma fiables Para los movimientos más fiables se recomienda usar un sprite de rectángulo invisible sin animaciones. Entonces, el jugador podrá situarse encima de él. De otra forma, la forma cambiante del polígono de colisión y su animación podrían interferir con el movimiento sobre el suelo de la plataforma, muro o inclinación, causando temblores o movimientos extraños. Para más información y una guía completa, mira el tutorial How to make a Platform game ⇗. Espejar al jugador No es necesario duplicar el dibujo de tu jugador para poder usar los dos perfiles, el izquierdo y el derecho. Simplemente dibuja al jugador mirando a la derecha y usa la acción Espejar (Set mirrored). Ajusta que el jugador se espeje cuando presionas las teclas de control del movimiento. Abajo un ejemplo. Una pregunta frecuente es como hacer que el jugador dispare a la izquierda y a la derecha, ya que incluso cuando los espejas el jugador seguirá disparando a la derecha. Para solucionar esto usa la condición Está espejado (Is mirrored) y si es verdadera, que dispare a la izquierda. Propiedades de la Plataforma Velocidad máxima (Max speed) La velocidad máxima del suelo en píxeles por segundo. Aceleración (Acceleration) La aceleración del movimiento horizontal en píxeles por segundo por segundo. Deceleración (Deceleration) La deceleración del movimiento horizontal en píxeles por segundo por segundo. Cuando se mueve en la dirección contraria al movimiento aceleración y deceleración se combinan. Fuerza del salto (Jump strength) La velocidad vertical del salto al inicio en píxeles por segundo cuando se pulsa la tecla de saltar. Gravedad (Gravity) La aceleración causada por la gravedad, en píxeles por segundo por segundo. Velocidad máxima de caída (Max fall speed) La velocidad máxima en píxeles por segundo a la que el objeto puede acelerar cuando hace caída libre. Controles por defecto (Default controls) Si Sí, el movimiento se controlará con las flechas izquierda y derecha del teclado y el salto con la flecha de arriba. Ajústalo a No para usar controles personalizados usando la acción Simular control (Simulate control) en el resumen de referencia de comportamientos (behavior reference summary). Condiciones de la Plataforma Cotejar velocidad (Compare speed) Coteja la velocidad del objeto en píxeles por segundo. Hay un muro (Is by wall) Comprueba si hay un sólido que bloquee el movimiento horizontal en el objeto inmediatamente a la izquierda o derecha. Saltar a través no cuenta como pared. Está cayendo (Is falling) Verdadero si el objeto está en caída libre. Está saltando (Is jumping) Verdadero si el objeto se está moviendo hacia arriba. Está en el suelo (I son floor) Verdadero si el objeto está sobre un objeto sólido o sobre un saltar a través. En caída (On fall) En salto (On jump) En tierra (On landed) En movimiento (On moved) En parade (On stopped) Estos son detonadores de animación que se detonan cuando hay movimiento entre los estados. Si tu objeto tiene animación para alguno de estos estados, debes establecer la animación apropiada para cada detonador. Esto te ayuda a ahorrar lógica que detecta estados de transición. Acciones de Plataforma Caer a través de (Fall through) Si el jugador está sobre una plataforma con Saltar a través, esta acción lo hará caer a través de ella. Es útil para añadir otro control, la flecha hacia abajo, para bajar de las plataformas. Ajustar aceleración (Set acceleration) Ajustar deceleración (Set deceleration) Ajustar gravedad (Set gravity) Ajustar fuerza del salto (Set jump strength) Ajustar velocidad máxima de caída (Set max fall speed) Ajustar velocidad máxima (Set max speed) Ajusta las propiedades correspondientes. Para más información, mira las propiedades de Plataforma. Ajustar ángulo de gravedad (Set angle of gravity) Cambia el ángulo de gravedad, en grados. Por defecto es 90 (hacia abajo en la pantalla). Esto puede interactuar de forma interesante con la rotación de la capa. Habilitar (Set enabled) Habilita o deshabilita el movimiento de la Plataforma. Cuando está deshabilitado, el comportamiento no afecta al objeto. Establecer ignorar entrada (Set ignoring input) Determina si se ignora una entrada. Si se ignora, presionar cualquiera de las teclas de control no tendrá efecto. Pero, a diferencia de deshabilitar el comportamiento, el objeto continuará moviéndose (por ejemplo, si está en caída libre). Ajustar vector X (Set vector X) Ajustar vector Y (Set vector Y) Ajusta los componentes de los movimientos horizontales y verticales manualmente, en píxeles por segundo. Por ejemplo, ajustando el vector Y a -1000 hará que se salte con una fuerza de 1000, lo que puede ser útil para añadir muelles. Simular control (Simulate control) Simula el control de movimiento que se está pulsando. Útil cuando estableces No en los Controles por defecto. Ve a Controles personalizados en el resumen de referencia (behavior reference summary) de comportamientos para más información. Expresiones de Plataforma Aceleración (Acceleration) Deceleración (Deceleration) Gravedad (Gravity) Fuerza del salto (JumpStrength) Velocidad máxima de caída (MaxFallSpeed) Velocidad máxima (MaxSpeed) Da las propiedades correspondientes. Para más información, ver las propiedades de Plataforma. Ángulo de movimiento (MovingAngle) Da el ángulo de movimiento en grados, que puede ser distinto del ángulo del objeto. Velocidad (Speed) Da la velocidad total en píxeles por segundo. VectorX VectorY Da los componentes de movimiento de X e Y, en píxeles por segundo. 5.15 Rotar (Rotate) El comportamiento Rotar simplemente hace que el objeto gire. Propiedades de Rotar Velocidad (Speed) La tasa de rotación, en grados por segundo. Usa un valor positivo para rotación en el sentido de las agujas del reloj y negativo para el sentido contrario. Aceleración (Acceleratio) La tasa a la que cambia la velocidad de rotación, en grados por segundo por segundo. Usa un valor positivo para acelerar en el sentido de las agujas del reloj y negativo para el sentido contrario. Condiciones de Rotar El comportamiento Rotar no tiene condiciones. Acciones de Rotar Ajustar aceleración (Set acceleration) Ajustar velocidad (Set speed) Ajusta las propiedades correspondientes. Mira las propiedades de Rotar. Expresiones de Rotar Aceleración (Acceleration) Da la propiedad Aceleración correspondiente. Velocidad (Speed) Da la velocidad de rotación, en grados por segundo. Un valor positivo indica rotación en el sentido de las agujas del reloj y negativo en el sentido contrario. 5. 16 Desplazarse a (Scroll to) El comportamiento Desplazarse a simplemente centra la vista en el objeto con el comportamiento. Es un acceso directo para la acción del sistema Desplazarse al objeto (Scroll to object). Además, da la opción de Agitar la pantalla, y si varios objetos tienen el comportamiento es centrará la vista entre todos ellos. Si necesitas un desplazamiento más avanzado, como limitado a ciertas regiones o siguiendo al jugador tras un retraso, desplázate a un objeto invisible que controles por eventos. Para desplazarte, el tamaño del plano debe ser mayor que el de la ventana, o la propiedad de desplazamiento ilimitado (Unbounded scrolling) seleccionada. De otra manera no habría donde desplazarse y el comportamiento no tendría efecto. Desplazarse a no tiene propiedades, condiciones no expresiones. Acciones de Desplazarse a Agitar (Shake) Agitar la pantalla durante un periodo de tiempo, compensando la posición de la pantalla aleatoriamente cada vez. La Magnitud (Magnitude) es la distancia máxima en píxeles de la posición del desplazamiento hasta que se compensa vista. La Duración (Duration) es cuánto durará el movimiento en segundos. En el modo Reducir magnitud (Reducing magnitude), la Magnitud se reducirá gradualmente hasta cero una vez llegados al fin el movimiento. En el modo Magnitud Constante (Constant magnitude) la Magnitud permanecerá estable hasta el final del movimiento y parará de forma abrupta. 5.17 Seno (Sine) El comportamiento Seno puede ajustar las propiedades de un objeto (como su posición, tamaño o ángulo) de menos a más usando una onda sinusoidal que puede oscilar. Se puede usar para crear efectos visuales más interesantes. A pesar del nombre, la función alternativa de la onda “Triángulo” se pude usar para crear distintos efectos. Puedes encontrar en Wikipedia ⇗ diferentes tipos de ondas. Para ejemplos de este comportamiento en distintos modos ve a Sine behavior - types.capx en la carpeta de ejemplos del directorio de instalación de C2. Propiedades de Seno Activo desde el inicio (Active on start) Si No, el comportamiento no tendrá efecto hasta que se use la acción Activar (Set active). Movimiento (Movement) El comportamiento tiene 8 modos diferentes: Horizontal mueve el objeto de izquierda a derecha en el eje X. Vertical mueve el objeto arriba o abajo en el eje Y. Tamaño (Size) hace que el objeto crezca o se reduzca. Amplitud (Width) hace el objeto más ancho o más estrecho. Altura (Height) hace el objeto más alto o más bajo. Ángulo (Angle) rota el objeto en el sentido de las agujas del reloj o al contrario. Opacidad (Opacity) cambia la opacidad del objeto. Va de 0 a 100. Sólo valor (Value only) no modifica el objeto. Simplemente almacena los valores cambiantes a los que acceder con la expresión Valor (Value). Puede ser útil para crear efectos personalizados o modificar cualquier propiedad del objeto o comportamiento basándote en el comportamiento Seno. Onda (Wave) Esta función se usa para calcular el movimiento. Para verlo ve a este diagrama en Wikipedia (this Wikipedia diagram ⇗). Seno (Sine) - una suave oscilación del movimiento basada en la onda sinusoidal. Triángulo (Triangle) - un movimiento linear de adelante a atrás. Diente de sierra (Sawtooth) - movimiento linear con un salto al volver al inicio. Diente de sierra invertido (Reverse Sawtooth) - lo anterior invertido. Cuadrado (Square) - alternar entre los dos valores máximos. Periodo (Period) La duración, en segundos, de un ciclo completo que se repite. Periodo aleatorio (Period random) Una cantidad aleatoria de segundos añadidos al periodo en cada ejemplo. Te puede ayudar a variar la apariencia cuando muchos ejemplos usan el comportamiento Seno. Periodo compensado (Period offset) El tiempo inicial en segundos del ciclo. Por ejemplo, si el periodo es de 2 segundos y el periodo compensado es de 1, el comportamiento Seno empezará a la mitad del ciclo. Periodo compensado aleatorio (Period offset random) Una cantidad aleatoria de segundos añadidos al periodo compensado. Te puede ayudar a variar la apariencia cuando muchos ejemplos usan el comportamiento Seno. Magnitud (Magnitude) El cambio máximo de la posición, tamaño o ángulo del objeto. Está en píxeles para posición y para el tamaño y en grados para el ángulo. Magnitud aleatoria (Magnitude random) Un valor aleatorio añadido a la magnitud para cada ejemplo. Te puede ayudar a variar la apariencia cuando muchos ejemplos usan el comportamiento Seno. Condiciones de Seno Cotejar magnitud (Compare magnitude) Coteja la magnitud actual del movimiento. Cotejar movimiento (Compare movement) Coteja la propiedad Movimiento actual del comportamiento. Cotejar periodo (Compare period) Coteja el periodo de movimiento actual, en segundos. Cotejar onda (Compare wave) Coteja la propiedad Onda actual del comportamiento. Está activo (Is active) Verdadero si el comportamiento está activo. Acciones de Seno Activar (Set active) Habilita o deshabilita el comportamiento. Cuando está deshabilitado el comportamiento no afecta al objeto. Ajustar magnitud (Set magnitude) Ajusta la magnitud del ciclo. Está en píxeles cuando modifica la posición o el tamaño y en grados cuando modifica el ángulo. Ajustar movimiento (Set movement) Cambia el tipo de movimiento del comportamiento, por ejemplo, de Horizontal a Tamaño. Ajustar periodo (Set period) Ajusta la duración de un único ciclo completo, es segundos. Ajustar onda (Set wave) Cambia la propiedad Onda, eligiendo una función distinta para calcular el movimiento. Expresiones de Seno Posición de Ciclo (CyclePosition) Da el valor de 0 a 1 que representa el progreso a través del ciclo actual. Por ejemplo, será 0,5 cuando el ciclo esté a la mitad. Magnitud (Magnitude) Da la magnitud del ciclo actual. Está en píxeles cuando modifica la posición o el tamaño y en grados cuando modifica el ángulo. Periodo (Period) Da el periodo de un único ciclo completo en segundos. Valor (Value) Da el valos cambiante u oscilante. Se alternará como valores positivos y negativos centrados en 0. Es útil para crear efectos personalizados cuando está en modo Sólo valor (Only value). 5.18 Sólido (Solid) El comportamiento Sólido hace que otros comportamientos reaccionen como si fuera un obstáculo infranqueable. Los objetos con este comportamiento se llaman Sólidos. Afecta a los siguientes comportamientos: 8 Direcciones, que queda bloqueado por los sólidos. Bala, que puede rebotar en los sólidos, opcional. Coche, que rebota en los sólidos. Plataforma, que puede posarse sobre un sólido. Plataforma no puede saltar sobre sólidos desde abajo, para esto usa el comportamiento Saltar a través. Nota que al comportamiento Física no le afectan los objetos sólidos. A cambio, usa el comportamiento con Inmovible (Immovable) activado, Yes. El comportamiento Sólido no tiene propiedades, condiciones, acciones ni expresiones a parte de la acción Habilitar (Set enabled). Por esto, también se le llama atributo. Este comportamiento es fundamental en C2, y otras muchas funciones del programa interactúan con él. Por ejemplo, el comportamiento de Movimientos personalizados tiene acciones para empujar el objeto fuera de sólidos. Evita bloquear/ atrapar objetos con Sólidos Los comportamientos que responden al Sólido normalmente se bloquean o se quedan atrapados en el interior del objeto Sólido. En este caso no hay solución para continuar el movimiento. Las únicas tres opciones son 1) dejarlo atascado, 2) permitir al objeto moverse dentro de los sólidos o 3) teletransportar el objeto al espacio libre más cercano, que en algunos casos puede estar muy lejos. Ya que las opciones 2 y 3 pueden causar comportamientos extraños, C2 hará de forma deliberada que el objeto quede incapacitado para moverse. Así que es tu tarea diseñar juegos de tal forma que el jugador no se pueda quedar atascado o atrapado moviendo objetos Sólidos. Debes tener especial cuidado cuando mueves Sólidos contra otros Sólidos. Es sólo por mover (o rehabilitar) Sólidos, o usar Ajustar posición (Set position), que el objeto pueda quedar atrapado. Si ninguno de los Sólidos de tu juego se mueven y no “teletransportas” al jugador usando Ajustar posición (Set position), será prácticamente imposible que el jugador se quede atrapado. Acciones de Sólido Habilitar (Set enabled) Habilita o Deshabilita Sólido de ese objeto. Si lo deshabilitas, el objeto no actuará como si fuera un sólido, y los objetos podrán pasar a través de él. Ten cuidado de no atrapar objetos habilitando el sólido otra vez cuando se están solapando, mira la sección anterior. 5.19 Rodear (Wrap) El comportamiento Rodear simplemente reposiciona el objeto en el lado contrario del plano, si éste sale de él. No tiene propiedades, condiciones, acciones ni expresiones. El objeto solo rodea una vez haya salido completamente del plano, ninguna parte de su cuadro delimitador estará dentro del plano. 6. Referencia de Plugins El objeto solo rodea una vez haya salido completamente del plano, ninguna parte de su cuadro delimitador estará dentro del plano. Esta sección da una referencia a todos los plugins oficiales que hay en C2. Cada uno tiene un resumen de su uso, una lista de propiedades y una detallada lista de acciones, condiciones y expresiones. Muchos plugings comparten acciones, condiciones y expresiones. Se describen como Características comunes en vez de repetir la información en cada plugin. 6.1 Características Comunes (Common features) Muchos plugings comparten acciones, condiciones y expresiones; como el tamaño y la posición del objeto. Aquí se describen todas en vez de repetir la información en cada plugin. No todos los objetos usan todas las características comunes, algunos usan sólo unos pocos de los listados. Esta lista es una referencia de las características que puedes encontrar en C2, sin describirse ningún plugin en particular. IDs unicas (UIDs) Todos los objetos en tiempo de ejecución tienen asignada una única ID, que es un número que empieza por 0 para el primer ejemplo y que va sumando 1 para los siguiente ejemplos. Viene dado por la expresión UID. Este número se puede utilizar para identificar únicamente un ejemplo en todo el juego. Por ejemplo, puede almacenarse en las variables de ejemplo y en las variables de evento y luego recogerlas de nuevo usando la condición Recoger por ID única (Pick by unique ID). Índice de IDs (IIDs) Todos los objetos en tiempo de ejecución tiene asignado un índice de ID, que es el número de ejemplo dentro del tipo de objeto. Viene dado por la expresión IID del objeto. Por ejemplo, los primeros ejemplos de dos tipos distintos de objeto tendrán, ambos un IID 0, los segundos 1 y así sucesivamente. Por ello, el IID no identifica a un único ejemplo como lo hace UID, ni se refiere de forma constante al mismo grupo de ejemplos (si se destruye IID 0, el siguiente ejemplo adquirirá IID 0). Pero puede ser útil para que los usuarios avanzados se beneficien del índice de expresiones de objeto y de la condición del sistema Recoger ejemplo Nth (Pick Nth instance). 6.1.1 Condiciones communes Las siguientes condiciones son comunes a varios plugins. Ángulo (Angle) Nota que los ángulos en C2 empiezan en 0 grados mirando hacia la derecha y avanzan en el sentido de las agujas del reloj. Está entre ángulos (Is between angles) Verdadero si el ángulo actual del objeto está entre los dos ángulos dados en grados. El primer y el segundo ángulo deben estar en el sentido de las agujas del reloj. Está entre 0 y 45 grados (Is between 0 and 45 degrees) es verdadero si el objeto está en un área de 45 grados, pero Está entre 45 y 0 grados (Is between 45 and 9 degrees) es verdadero si el objeto está en un área de 315 grados desde los 45 hasta los 0. Está en el sentido de las agujas del reloj (Is clokwise from) Verdadero si el ángulo actual del objeto está en el sentido de las agujas del reloj respecto al ángulo dado en grados. Invierte para comprobar si el objeto está en el sentido contrario. Por ejemplo, un objeto a 45 grados está en el sentido de las agujas del reloj con respecto a 0 grados, pero otro a 0 grados estaría en el sentido contrario con respecto a 45 grados. Está dentro del ángulo (Is within angle) Verdadero si el ángulo actual del objeto está dentro del número de grados de otro ángulo. Esto es más fiable que comprobar si el ángulo del objeto es exactamente igual al otro ángulo. Está dentro de 0,5 grados en 90 grados (Is within 0.5 degrees of 90 degrees) es probablemente mejor que Ángulos iguales a 90 grados (Angle equals 90 degrees), ya que hay muchos casos en los que el objeto puede estar muy cerca, pero no medir exactamente 90 grados. Apariencia (Appearance) Cotejar opacidad (Compare opacity) Coteja la opacidad del objeto, de 0 (transparente) a 100 (opaco). Es visible (Is visible) Verdadero si el objeto es visible en ese momento. Invierte para comprobar si es invisible. Esto sólo comprueba la visibilidad establecida por la acción Hacer visible (Set visible); so le afecta si el objeto está fuera de la pantalla, si tiene opacidad 0 o si está en una capa invisible. Variables de ejemplo (Instance variables) Cotejar variable de ejemplo (Compare instance variable) Coteja el valor actual de una de las variables de ejemplo del objeto. La variable de ejemplo booleana esta activa (Is boolean instance variable set) Comprueba si una variable de ejemplo booleana es verdadera. Invierte la condición para comprobar si es falsa. Miscelanea (Misc) Creado (On created) Destruido (On destroyed) Detonados para cada ejemplo que se crea o se destruye durante el juego. Por ejemplo, un efecto de partículas se puede activar siempre que un objeto se crea, y una explosión siempre que se destruye. Estas condiciones son análogas a los constructores y los destructores en un lenguaje de programación tradicional (comandos que funcionan en la creación y destrucción de objetos). Ten cuidado de no crear un objeto del mismo tipo en un evento Creado (On created) (On Sprite2 created: create Sprite2) ya que creará un bucle infinito y el juego se enganchará. Recoger (Pick) Recoger por ID única (Pick by unique ID) (UID) Recoge el ejemplo que coincide con el número de ID dado. Recoger el más cercano/lejano (Pick nearest/furthest) Recoge el ejemplo más cercano o lejano de una posición del plano dada. Tamaño y Posición (Size & Position) Cotejar amplitude (Compare width) Cotejar altura (Compare height) Coteja el tamaño actual del objeto, en píxeles. Cotejar X (Compare X) Cotejar Y (Compare Y) Coteja la posición del objeto en el plano, en píxeles. Nota que los objetos se pueden posicionar entre píxeles (5,5 o 10,33333). Por ello es una mala idea confiar que un objeto este en una posición exacta. Está en pantalla (Is on-screen) Verdadero si una parte del cuadro delimitador del objeto está dentro del área de la pantalla. La visibilidad o la opacidad no lo afectan. Está fuera del plano (Is outside layout) Verdadero si el cuadro delimitador del objeto está completamente fuera del área del plano. Orden Z (Z Order) Está en la capa (Is on layer) Recoge todos los ejemplos de una capa dada, especificados por su nombre o por su índice basado en cero. Recoger de arriba/abajo (Pick top/bottom) Recoge el ejemplo de más arriba o de más abajo, teniendo en cuenta las capas y el índice Z. Por ejemplo, el ejemplo del frente de la capa más cercana es el ejemplo de arriba. 6.1.2 Acciones communes Las siguientes acciones son comunes a varios plugins. Ángulo (Angle) Nota que los ángulos en C2 empiezan en 0 grados mirando hacia la derecha y avanzan en el sentido de las agujas del reloj. Rotar en el sentido de las agujas del reloj (Rotate clockwise) Rota el objeto en un número de grados en el sentido de las agujas del reloj. Rotar en el sentido contrario a las agujas del reloj (Rotate counter-clockwise) Rota el objeto en un número de grados en el sentido contrario a las agujas del reloj. Rotar hacia ángulo (Rotate toward angle) Rota el objeto en un número de grados hacia otro ángulo. Si el objeto está cerca del ángulo objetivo no lo sobrepasará (Acabará exactamente en el ángulo objetivo). Rotar hacia posición (Rotate toward position) Rota el objeto en un número de grados hacia la posición. Si el objeto está cerca del ángulo objetivo no lo sobrepasará (Acabará exactamente en el ángulo objetivo). Ajustar ángulo (Set Angle) Ajusta el ángulo del objeto en grados, de 0 a 360. 0 grados miran a la derecha y aumenta en el sentido de las agujas del reloj. Ajustar ángulo hacia la posición (Set angle toward position) Ajusta el ángulo del objeto para que se posicione en un sitio concreto del plano. Apariencia (Appearance) No todos los objetos soportan las acciones en relación con los efectos. Para más información ve a Efectos. Ajusta modo de fusión (Set blend mode) Cambia la forma en la que el objetos se funde con el fondo alterando la propiedad del objeto Modo de fusión (Blend Mode). Habilita efecto (Set effect enabled) Habilita o deshabilita uno de los efectos añadidos la objeto. Ajusta parámetro de efecto (Set effect parameter) Cambia el valor de uno de los parámetros de un efecto añadido al objeto. El parámetro que se cambia se especifica por su índice basado en 0, es decir, 0 para cambiar el primer parámetro, 1 para cambiar el segundo y así sucesivamente. Ajustar opacidad (Set opacity) Ajusta la opacidad del objeto (o semitransparecia) de 0 (transparente) a 100 (opaco). Hacer visible (Set visible) Hace el objeto visible o invisible (escondido). Variables de ejemplo (Instance variables) Añadir a (Add to) Quitar de (Subtract from) Modifica el número de la variable de ejemplo. Ajustar (Set) Ajusta un número o texto a la variable de ejemplo. Ajustar booleano (Set boolean) Ajusta la variables de ejemplo booleana, que puede tener un valor verdadero a falso. Alternar booleano (Toggle boolean) Alterna una variable de ejemplo booleana, que cambia de verdadera a falsa y viceversa. Miscelanea (Misc) Destruir (Destroy) Elimina el objeto del juego. Tamaño y Posición (Size & Position) Mover al ángulo (Move at angle) Mueve el objeto un número de píxeles hacia un ángulo dado en píxeles. Mover adelante (Move forward) Mueve el objeto un número de píxeles hacia adelante en el ángulo actual del objeto. Ajustar amplitud (Set width) Ajustar altura (Set height) Ajustar tamaño (Set size) Ajustan el tamaño actual el objeto en píxeles. Ajustar X (Set X) Ajustar Y (Set Y) Ajustar posición (Set position) Ajusta la posición del objeto en el plano, en píxeles. El origen (0,0) es la parte de arriba a la derecha del plano y el eje Y se incrementa hacia abajo. Ajustar posición a otro objeto (Set position to another object) Posiciona el objeto de acuerdo a otro. También puede posicionarse en relación a un punto de imagen de un objeto dado. Orden Z (Z Order) Mover abajo (Move to bottom) Mover arriba (Move to top) Posiciona el objeto en la parte de arriba o de abajo de la capa actual. Mover a capa (Move to layer) Mueve el objeto a la parte de arriba de la capa dada, por su nombre o por su índice basado en 0. Si el objeto ya está en la capa dada la acción no tendrá efecto. 6.1.3 Expresiones comunes Las siguientes expresiones son comunes a varios plugings. Ángulo (Angle) Ángulo (Angle) El ángulo actual del objeto en grados. 0 grados comienza a la derecha y se incrementa en el sentido de las agujas del reloj. Apariencia (Appearance) Opacidad (Opacity) La opacidad actual del objeto (semitransparencia), de 0 (transparente) a 100 (opaco). Miscelanea (Misc) Conteo (Count) El número de ejemplos de ese tipo de objeto Conteo recogido (PickedCount) El número de ejemplos que reúnen la condición del evento. Por ejemplo, si el evento tiene la condición “El Ratón está sobre el Sprite” (“Mouse is over Sprite”), Sprite.PickedCount dará el número de ejemplos sobre los que está el ratón. IID Da el índice del ejemplo (IID). Ver características comunes. UID Da la ID única del ejemplo (UID). Ver características comunes. Tamaño y Posición (Size & Position) Amplitud (Width) Altura (Height) Da el tamaño del objeto en píxeles. Punto de Imagen X (ImagePointX) Punto de Imagen Y (ImagePointY) Da la posición de un punto de imagen de un objeto en las coordinadas del plano. Da tanto el nombre del punto como su número. X Y Da la posición del objeto en el plano, en píxeles. El origen (0,0) es la parte de arriba a la derecha del plano y el eje Y se incrementa hacia abajo. Tiempo (Time) dt Da el tiempo delta (delta-time) de acuerdo a la propia escala de tiempo del objeto. Ve a Delta-time and framerate independence ⇗ para más información. Orden Z (Z Order) Nombre de capa (LayerName) El nombre de la capa en la que el objeto está actualmente. Número de capa (LayerNumber) El índice basado en cero de la capa en la que el ejemplo está actualmente. Índice Z (ZIndex) Da el índice basado en 0 del orden Z de ese ejemplo dentro de la capa actual. 0 es el ejemplo de abajo, incrementándose hasta el ejemplo de arriba. 6.2 AJAX El plugin AJAX permite que se soliciten páginas web durante el juego. Su nombre se deriva de “Asynchronous JavaScript and XML” una técnica usual en la mayoría de desarrolladores web. El objeto AJAX se diseña para el uso de desarrolladores web ya familiarizados con la técnica - esta referencia no describirá los principios de AJAX, solo mostrará cómo usarlo en C2 con el objeto AJAX. Normalmente, usar el objeto AJAX también requiere scripts del lado del servidor personalizados (custom server-side scripting) que están fuera del alcance de este manual. Como hacer una solicitud El uso básico del objeto AJAX consiste en: 1. Uso de la acción Solicitud (Request) para cargar la URL. 2. Un momento después de que la solicitud se complete, se detona Completado (On completed). 3. La expresión Último Dato (LastData) se puede usar para acceder al contenido de la respuesta. La expresión del sistema tokenat puede ser útil para dividir respuestas simples. También puedes cargar Último dato (LastData) en el plugin XML para leerlo en un documento XML. Etiquetas (Tags) Se puede crear una etiqueta diferente para cada solicitud. Es una secuencia simple que se usa para separar solicitudes distintas. Por ejemplo, en el arranque quizás solicites ambos foo.php con la etiqueta “foo” y bar.php con la etiqueta “bar”. Cuando se completa la primera solicitud, se detona “foo” completado (On “foo” completed); cuando la segunda se completa, se detona “bar” completado (On “bar” completed). Las solicitudes se pueden completar en distinto orden al que se realizaron, así que sin etiquetas sería imposible decir cual se ha completado. Hacer solicitudes AJAX entre dominios o en la vista previa Por defecto, los navegadores bloquean las solicitudes AJAX entre dominios. Esto significa, por ejemplo, que un juego en scirra.com puede solicitar otras páginas en scirra.com, pero no puede solicitar en facebook.com. Esta es una característica de seguridad importante paras los navegadores (no es específica de C2 o del objeto AJAX). Además, cuando haces vista previa en C2 el juego funciona en localhost. Esto cuenta como un dominio diferente para el resto de internet así que las solicitudes de AJAX a cualquier página fallarán, a menos que el servidor permita específicamente solicitudes entre dominios. Si quieres que las solicitudes de AJAX funcionen para cualquier dominio, o en la vista previa, puedes configurarlo para enviar el siguiente encabezado HTTP: Access-Control-Allow-Origin: * Esto habilitará las solicitudes AJAX para cualquier dominio, pero debes tener en cuenta las implicaciones de ello en tema de seguridad. Para más información ve a HTTP access control on MDN ⇗. Condiciones de AJAX Completado (On completed) Detonado cuando la solicitud con la misma etiqueta se ha completado satisfactoriamente. La expresión Último dato (LastData) contiene la respuesta. Error (On error) Detonado cuando la solicitud falla. Esto puede ser por numerosas razones, como que el servidor haya caído o que se haya acabado el tiempo de la respuesta. (La expresión LastData no se ajusta puesto que no hay respuesta.) En progreso (On progress) Para solicitudes de larga duración (descargar un archivo grande), esta condición se detona periódicamente y actualiza el estado de la solicitud en la expresión Progreso (Progress). Es útil para crear barras de progreso para las solicitudes AJAX. Acciones de AJAX Publicar en URL (Post on URL) Envía una solicitud de PUBLICACIÓN (POST) a una URL y recupera la respuesta. Se da una etiqueta que coincida con los detonadores Completado (On completed), En progreso (On progress) y Error (On error). C2 no codifica en URL los datos del post - usa la expresión del sistema URLEncode para asegurar que los datos están en el formato correcto para publicarlos. Solicitud (Request) Envía OBETENER respuesta para recuperar los contenidos de una URL. Se da una etiqueta que coincida con los detonadores Completado (On completed), En progreso (On progress) y Error (On error). Solicitud de archivo de proyecto (Request project file) Solicita los contenidos de un archivo de proyecto. Se da una etiqueta que coincida con los detonadores Completado (On completed), En progreso (On progress) y Error (On error). Expresiones AJAX Último Dato (LastData) El contenido de la última respuesta. Se activa en el detonador Completado (On completed). Si se vuleve a usar en un evento distinto, contendrá la respuesta de la última solicitud completada. La expresión del sistema tokenat pude ser útil para dividir en respuestas simples. Progreso (Progress) Da el progreso de la solicitud AJAX en un evento En progreso (On progress). El progreso se representa como un número de 0 a 1 (0,5 para la mitad completada). 6.3 appMobi El plugin appMobi proporciona integración con el servicio de publicación móvil de appMobi ⇗. Para más información ve al tutorial How to export to appMobi ⇗. Condiciones de appMobi Está en AppMobi (Is in AppMobi) Verdadero si el juego está funcionando dentro de appMobi. Será falso si el juego está funcionando en otro lugar, como en la web abierta (open web). Almacenar habilitado (Caching enabled) (Para usuarios avanzados) Verdadero si el servicio de almacenamiento de appMobi ha sido habilitado. Cotejar orientación inicial (Compare initial orientation) Comprueba si la orientación del dispositivo al inicio fue alguna particular. Cotejar orientación (Compare orientation) Comprueba si la orientación actual del dispositivo es alguna particular. Impulsar habilitado (Push enabled) (Para usuarios avanzados) Verdadero si el servicio de notificaciones de impulso (push notifications) de appMobi están habilitadas. Streaming habilitado (Streaming enabled) (Para usuarios avanzados) Verdadero si el servicio de streaming de appMobi está habilitado. Actualizaciones habilitadas (Updates enabled) Verdadero si el servicio de actualizaciones en la nube (cloud update) está activado. Tecla “atrás” presionada (On “back” button pressed) Se detona cuando se presiona la tecla “atrás” del dispositivo, si la hay. Nota que algunos dispositivos (como iOS) no la tienen. Antes de que este detonador funciones, debes añadir una página virtual usando la acción Añadir página virtual (Add virtual page). Código de barras escaneado (On barcode scanned) Detonado cuando el dispositivo escanea un código de barras satisfactoriamente. Datos remotos (On remote data) Detonado cuando se reciben datos de la acción Obtener datos remotos (Get remote data). Sitio remoto cerrado (On remote site closed) Detonado cuando una ventana emergente del navegador que está mostrando contenido remoto es cerrada por el usuario. Se abre con la acción Mostrar sitio remoto (Show remote site). Acciones appMobi Registrar evento (Log event) Registra un evento con nombre para el servicio analítico de appMobi. Los parámetros se pueden ser proporcionados en formato URL (foo=bar&baz=ban). Añadir a almacenamiento de medios (Add to media cache) Descarga un archivo desde Internet y lo almacena en un dispositivo de almacenamiento local, permitiendo usar el juego offline en el futuro. Borrar todas las cookies (Borrar todas las cookies) Elimina todas las cookies guardadas con la acción del dispositivo Establecer cookie (Set cookie). (No afecta a las cookies del navegador del usuario). Borra almacenamiento de medios (Clear media cache) Borra todos los archivos descargados con Añadir a almacenamiento de medios (Add to media cache). Eliminar cookie (Remove cookie) Elimina una cookie establecida con la acción Establecer cookie (Set cookie). (No afecta a las cookies del navegador del usuario). Establecer cookie (Set cookie) Establece una cookie en el dispositivo. Ésta es un sustituto del almacenamiento local. No afecta al navegador del usuario; el almacenamiento es sólo para la aplicación. Cerrar sitio remoto (Close remote site) Cierra un sitio remoto que está mostrándose con la acción Mostrar sitio remoto (Show remote site). Conseguir datos remotos (Get remote data) Crea el fondo de una solicitud AJAX usando el servicio appMobi. El detonador Datos remotos (On remote data) se activará cuando se complete. Instalar actualización (Install update) Instala una actualización pendiente cuando esté preparada. Lanzar a sitio externo (Launch external site) Abre una URL en el navegador por defecto del dispositivo del usuario. El usuario dejará la app, no como en la acción Mostrar sitio remoto (Show remote site). Escanear código de barras (Scan barcode) Abre un lector de códigos QR a pantalla completa. Se detonará Código de barras escaneado (On barcode scanned) cuando se escanee satisfactoriamente. Ajustar auto-rotar (Set auto-rotate) Evita que un dispositivo rote automáticamente la pantalla cuando se cambia la orientación. Esto puede forzar una orientación específica cuando lo usas con Ajustar orientación (Set orientation). Mostrar sitio remoto (Show remote site) Muestra una URL remota en el navegador de la aplicación. El usuario no sale de la app, puede darle al botón de cerrar y volver a la app, no como en la acción Lanzar a sitio externo (Launch external site). Actualizar conexión (Update connection) Comprueba si el tipo de conexión del dispositivo ha cambiado (3G, Wifi, etc.). Añadir página virtual (Add virtual page) Úsalo para abrir una pantalla nueva que quieras que se pueda cerrar con la tecla “atrás”. La siguiente vez que se presione tras esta acción evitará que la acción por defecto del dispositivo y detonará Tecla “atrás” presionada (On “back” button pressed). Eliminar página virtual (Remove virtual page) Elimina la página añadida previamente, por ejemplo, si cancelas la pantalla. Expresiones appMobi Cookie Da los datos almacenados por la acción Ajustar cookie (Set cookie). Almacenamiento local URL (LocalMediaCacheURL) Da el camino local para los archivos almacenados de Internet por la acción Añadir a almacenamiento de medios (Add to media cache). Versión AppMobi (AppMoviVersion) Da la versión actual del software appMobi. Datos del dispositivo Código de barras (DeviceBarcodeData) Da los datos escaneados de un código de barras. Sólo aparece en Código de barras escaneado (On barcode scanned) tras la acción Escanear código de barras (Scan barcode). Conexión del dispositivo (DeviceConnection) El tipo de conexión disponible más adecuado para el dispositivo: “wifi”, “cell” o “none”. Modelo del dispositivo (DeviceModel) El nombre del modelo del dispositivo. Versión de SO del dispositivo (DeviceOSVersion) Información de la versión de SO del dispositivo. Plataforma del dispositivo (DevicePlatform) “iOS” o “Android” dependiendo de cual esté usando. Cadena de consulta del dispositivo (DeviceQueryString) Da cualquier cadena de consulta que pasa a la aplicación cuando se inicia con un controlador de protocolo (protocol handler). Datos remotos del dispositivo (DeviceRemoteData) Los datos dados por los detonadores Conseguir datos remotos (Get remote data) y Datos remotos (On remote data). Estado remoto del dispositivo (DeviceRemoteStatus) Puede ser “abierto” (“open”), “cerrado” (“closed”) o “inactivo” (“idle”). UUID del dispositivo (DeviceUUID) Da el Identificador Universal Único (UUID), que es un código que identifica únicamente a ese dispositivo. Orientación inicial (InitialOrientation) La orientación del dispositivo en el inicio, dado en grados (0, -90, 90 o 180). Orientación (Orientation) La orientación actual del dispositivo, dado en grados (0, -90, 90 o 180). 6.4 Matriz (Array) El objeto Matriz almacena listas de valores (cifras o texto). Es análogo a las matrices en los lenguajes de programación tradicionales. Sobre las Matrices La matriz tiene 3 dimensiones. Por ejemplo, una lista simple de diez valores sería una matriz de 10 x 1 x 1. Nota que no debes usar el valor 0 en ninguna dimensión porque la matriz entera quedará vacía; hay que usar 1 para dimensiones no usadas. Cada elemento de la matriz puede almacenar una cifra o texto. La cifra o el texto se pueden cambiar con las acciones de Ajuste (Set) y se puede acceder a ellas con la expresión En (At). Por ejemplo, una matriz de 10 x 10 x 1 es igual a una cuadrícula 2D con un total de 100 valores. Se puede almacenar un número en la posición (3,7) con la acción Ajustar en XY (Set at XY), y se puede acceder mediante Matriz.En(3,7) (Array.At(3,7)). Nota que, al igual que el resto de C2, los índices comienzan en 0, así que el primer elemento será 0. En este ejemplo, Matriz.En(0,0) (Array.At(0,0)) dará el primer número de la cuadrícula. La matriz puede almacenar tanto cifras como texto con cualquiera de sus elementos. Incluso se pueden mezclar números y letras dentro de ella. Las matrices no cambian su tamaño automáticamente. Si accedes a un valor fuera de la matriz, te dará el número 0. Si ajustas un valor fuera de ella, no tendrá efecto. Manipular matrices Una matriz de una dimensión, de tamaño N x 1 x1, funciona como una lista simple de valores N. Las acciones de la categoría Manipular (como Push (Insertar), Pop (Quitar)) permiten que las matrices de una dimensión se usen como otras estructuras de datos. (Estas acciones funcionan con matrices multidimensionales pero están hechas específicamente para las de una sola). Por ejemplo, el siguiente esquema usa una fila (último en entrar, primero en salir o “LIFO”): Añade nuevos ítems con Insertar al frente (Push front). Recupera el siguiente valor con Matriz.AlFinal (Array.Back). Elimina el valor recuperado con Quitar al final (Pop back). El siguiente esquema usa una pila (primero en entrar, primero en salir o “FIFO”) Añade nuevos ítems con Insertar al final (Push back). Recupera el siguiente valor con Matriz.AlFinal (Array.Back). Elimina el valor recuperado con Quitar al final (Pop back). Propiedades de Matriz Amplitud (dimension X) (Width (X dimension)) Altura (dimension Y) (Height (Y dimension)) Profundidad (dimensión Z) (Depth (Z dimension)) El tamaño de la matriz. Si quieres que sea de 1 dimensión (una lista de valores) usa A x 1 x 1. Si quieres que sea de 2 (una cuadrícula de valores) usa A x B x 1. Condiciones de Matriz Cotejar en X (Compare at X) Cotejar en XY (Compare at XY) Cotejar en XYZ (Compare at XYZ) Coteja un valor en una posición de la matriz. Los índices están basados en 0. Todos los valores fuera de la matriz dan 0. Si se usa Cotejar en X (Compare at X) los índices de Y y Z serán 0. Si se usa Cotejar en XY (Compare at XY) el índice Z será 0. Para cada elemento (For each element) Una condición de repetición que funciona una vez para cada elemento de la matriz. Esto, por lo tanto, funciona anchura x altura x profundidad veces. Cotejar valor actual (Compare current value) Sólo válido para el bucle Para cada elemento (For each element), ya sea como la condición siguiente a ella como un sub-evento. Contiene valor (Contains value) Busca en la matriz entera para comprobar si alguno de los elementos contiene el valor dado. Por ejemplo, puedes usarlo para comprobar que la secuencia “espada” (“sword”) está almacenada en alguna parte de la matriz. Esta vacia (Is empty) Comprueba si la matriz está vacía. Estará vacía cuando el número total de sus elementos sea 0, calculado como anchura x altura x profundidad. Por ello, la matriz estará vacía si cualquiera de sus ejes mide 0. Es útil cuando usas matrices como estructura de datos (cuando insertas y quitas valores). Acciones de Matriz Borrar (Clear) Pone a 0 todos los elementos de la matriz. Ajustar en X (Set at X) Ajustar en XY (Set at XY) Ajustar en XYZ (Set at XYZ) Escribe un valor en una posición en la matriz. Los índices están basados en 0. Escribir valores fuera de la matriz no tendrá efecto. Si se usa Ajustar en X (Set at X) los índices de Y y Z serán 0. Si se usa Ajustar en XY (Set at XY) el índice Z será 0. Ajustar tamaño (Set size) Ajusta las dimensiones de la matriz. Los valores se guardan, pero si la nueva matriz es más pequeña se truncan. Si la nueva matriz es más grande, los elementos nuevos almacenarán el valor 0. Si alguna de las dimensiones es 0 la matriz completa quedará vacía, así que deben ser al menos 1. Descargar (Download) Abre una nueva pestaña en el navegador con un enlace de descarga del contenido de la matriz como un archivo en formato JSON. Se usa para desarrollo offline (como crear editores de nivel). Ya que funciona abriendo una pestaña nueva, puede no aparecer si tienes activado el bloqueo de ventanas emergentes asegúrate de que el localhost permite estas ventanas para que la acción funcione. Cargar (Load) Carga los contenidos de la matriz de una secuencia en formato JSON. Debe recuperarse de la acción Descargar (Download) o de la expresión AsJSON. También se puede recuperar del objeto AJAX. Insertar (Push) Añade un nuevo valor al principio (al frente) o al final de un eje. Ya que la matriz es un cubo de valores en 3D, técnicamente esto insertará un nuevo plano de elementos 2D con los valores dados. Pero en matrices de 1 dimensión esto añade un único elemento, y en una de 2 dimensiones insertará una fila de elementos. Quitar (Pop) Borra el valor al principio (al frente) o al final de un eje. Ya que la matriz es un cubo de valores en 3D, técnicamente esto quitará un nuevo plano de elementos 2D con los valores dados. Pero en matrices de 1 dimensión esto quita un único elemento, y en una de 2 dimensiones quitará una fila de elementos. Introducir (Insert) Inserta un nuevo valor en un índice específico de un eje. Ya que la matriz es un cubo de valores en 3D, técnicamente esto insertará un nuevo plano de elementos 2D con los valores dados. Pero en matrices de 1 dimensión esto añade un único elemento, y en una de 2 dimensiones insertará una fila de elementos. Borrar (Delete) Borra el valor en un índice específico de un eje. Ya que la matriz es un cubo de valores en 3D, técnicamente esto quitará un nuevo plano de elementos 2D con los valores dados. Pero en matrices de 1 dimensión esto quita un único elemento, y en una de 2 dimensiones quitará una fila de elementos. Invertir (Reverse) Invierte el orden de elementos en un eje. Nota que en matrices multidimensionales solo invierte un eje. Por ejemplo, en el eje X de una matriz 2D se invertirá el orden de las columnas guardando el contenido de cada una de ellas. Sort (Ordenar) Ordena el orden de los elementos de un eje en sentido ascendente. Nota que en matrices multidimensionales se ordena desde el primer elemento del eje. Por ejemplo, en el eje X de una matriz 2D se clasificará el orden de columnas basándose en los elementos de la coordenada Y, guardando el contenido de cada columna. Expresiones de Matriz En (X) (At(X)) En (X, Y) (At(X, Y)) En (X, Y, Z) (At(X, Y, Z)) Recupera el valor de una posición en la matriz. Los índices están basados en 0. Los valores de fuera de la matriz serán 0. Si no se dan los índices Y o Z se usará el 0. CurX CurY CurZ El índice basado en 0 actual de cada dimensión en un bucle Para cada elemento (For each element). Valor actual (CurValue) El valor actual en el bucle Para cada elemento (For each element). Esto es un acceso directo para Array.At(Array.CurX, Array.CurY, Array.CurZ). Amplitud (Width) Altura (Height) Profundidad (Depth) Da el tamaño de cada dimensión de la matriz. Al frente (Front) Acceso directo para acceder al primer valor de la matriz, que es lo mismo que At(0, 0, 0). Al final (Back) Acceso directo para acceder al último valor del eje X, que es lo mismo que At(Self.Width - 1, 0, 0). Índice de (IndexOf) Último Índice de (LastIndexOf) Busca en el eje X de la matriz un valor dado y da el índice en el que se encuentra, o -1 si no se encuentra. IndexOf encuentra en primer elemento que coincide y LastIndexOf en último que coincide. AsJSON Da el contenido de la matriz como una secuencia en formato JSON. Esto puede cargarse luego en la matriz con la acción Cargar (Load). 6.5 Audio El objeto Audio reproduce archives de audio que has importado al proyecto. Debe insertarse a todos los proyectos que necesiten reproducción de audio. Se importan haciendo clic con el botón derecho en las carpetas de Sonido o Música en la Barra del Proyecto y seleccionando Importar… (Import…), lo que hace que aparezca el Diálogo de importar audio. Ve a las secciones relacionadas con la importación de archivos de audio para más información. Actualmente, el soporte de audio en los navegadores es irregular. No todas las características funcionaran en todos los navegadores. Por ejemplo, ajustar la tasa de playback no funcionará en muchos dispositivos móviles. Esto es un problema del navegador y no del objeto Audio de C2. Se recomienda probar tu proyecto en varios navegadores para identificar que características funcionan en cada navegador. Sin embargo, este área está en pleno desarrollo para futuros navegadores y el problema podría resolverse pronto. Categorizar correctamente los archives de audio Es importante organizar los archivos de audio apropiadamente, ya que los archivos en la carpeta Sonidos se descargan completamente antes de reproducirse, pero los de la carpeta Música se reproducen en streaming. Esto significa que si una pista de música acaba en la carpeta de Sonidos tendrá que descargarse completamente (lo que podría tardar varios minutos) antes de reproducirse. Sin embargo, audio en la carpeta de Música empezará la reproducción inmediatamente desde el servidor. El Audio se descarga según demanda Para agilizar el tiempo de carga y comenzar el juego lo antes posible, el audio se descarga o se reproduce según la demanda durante el juego. En otras palabras, nada se descarga hasta que la acción Reproducir (Play) se activa. Entonces, si el audio está en la carpeta de Música se reproducirá desde el servidor; y si está en la de Sonidos empezará a descargarse y se reproducirá al terminar la descarga. Esto ayuda a preservar ancho de banda en el servidor, ya que no se descarga audio innecesario. Sin embargo, puede haber un retraso antes de que el audio se reproduzca la primera vez. El retraso de la primera vez es único, porque después el sonido ya estará descargado y se reproducirá inmediatamente el resto de las veces. Puedes usar también la acción Precargar (Preload) para descargar antes el audio sin necesidad de reproducirlo en ese momento. Esto se puede hacer en el Inicio del Plano (Start of layout) para empezar a descargar unos pocos efectos de sonido importantes para que no haya retraso en la primera reproducción. Sin embargo esto es opcional (todos los juegos funcionan sin Precargado) y no debe usarse demasiado pues puede ralentizar la descarga del resto y encontrarte con un tiempo sin ningún efecto de sonido. Etiquetas de Audio Algunas acciones afectan a parámetros de audio como el volumen al reproducirse. Sin embargo, puede haber varios sonidos sonando a la vez. Para identificar a qué sonido quieres que afecte, se reproducen con una etiqueta asociada. Es una secuencia que identifica al sonido. Por ejemplo, el sonido del arma del jugador se reproducirá con la etiqueta “ArmaJugador” (“PlayerWeapon”) y la de su enemigo con “Arma Enemigo” (“EnemyWeapon”). Entonces, la etiqueta puede usarse en la acción Ajustar Volumen (Set Volume) para especificar a qué sonido quieres ajustar el volumen. Las etiquetas no diferencian mayúsculas y minúsculas. Varios sonidos pueden reproducirse a la vez usando la misma etiqueta. En este caso, las acciones como Volumen (Set Volume) afectaran a todos los sonidos con esa etiqueta. Una etiqueta con una secuencia vacía (“”) tiene un significado especial: se refiere sólo al último sonido reproducido con la acción Reproducir (Play). Es útil para reproducir un sonido inmediatamente después de ajustarlo. Propiedades de audio Escala de tiempo de audio (Timescale audio) La escala de tiempo puede usarse para acelerar o ralentizar la reproducción, para algunos efectos como cámara lenta. Ve a Delta-time and framerate independence ⇗ para más información. Esta propiedad controla si la escala de tiempo afecta al audio. Off reproducirá el audio sin tener en cuenta la escala de tiempo. On (sounds only) reproducirá el audio de la carpeta Sonidos a una tasa distinta dependiendo de la escala de tiempo, pero lo hará de la carpeta de Música sin tenerla en cuenta. On (sounds and music) reproducirá el audio de ambas carpetas a una tasa distinta dependiendo de la escala de tiempo. Algunos navegadores pueden no soportar las escalas de tiempo de audio; prueba en varios navegadores. Además, diferentes navegadores pueden usar distintos algoritmos de tiempo de audio. También puede alterar el tono, tomando tonos más bajos para escalas más bajas, lo que puede sonar como una cinta de casete a velocidades distintas; también puede cambiar la velocidad sin afectar el tono. Prueba en varios navegadores para establecer el efecto deseado. Condiciones de Audio Finalizado (On ended) Detonado cuando un sonido con cierta etiqueta finaliza su reproducción. No se detona para sonidos en bucle. Precargas completas (Preloads complete) Ya que el audio se descarga de acuerdo a la demanda, los archivos sólo se descargan cuando se usan las acciones Precargar (Preload) o Reproducir (Play). Esta condición será verdadera cuando todos los audios hayan descargado lo suficiente para reproducirse hasta el final. Se puede usar para precargar ciertos sonidos en el plano inicial e ir al siguiente cuando hayan terminado, eliminando los retrasos de la primera reproducción. Acciones de Audio Reproducir (Play) Reproducir (por nombre) (Play (by name)) Reproduce un archivo de audio con cierta etiqueta. La segunda acción te da la oportunidad de usar una expresión para el nombre del archivo de audio. Se pude establecer que se haga una reproducción en bucle. Precargar (Preload) Precargar (por nombre) (Preload (by name)) Empieza a descargar el archivo de audio par que no haya retrasos al reproducirlo. Mira la sección El Audio se descarga según demanda para más información. No es necesario precargar los archivos para que se reproduzcan - sólo sirve para reducir la posibilidad de retraso en la primera reproducción. Sólo se deben precargar dos o tres sonidos de una vez. Establecer bucle (Set looping) Establece que un sonido se reproduzca en bucle (repitiéndose cuando acabe) o no (para cuando acaba). No todos los navegadores soportan esta característica; prueba en varios de ellos. Enmudecer (Set muted) Establece si un sonido es audible o no. Ajustar tasa de reproducción (Set playback rate) Cambia la tasa a la que se reproduce el sonido. Diferentes navegadores pueden usar diferentes algoritmos de tiempo (alternado o no el tono) o pueden no soportar la opción; prueba en varios navegadores para conseguir el efecto deseado. Si la propiedad Escala de tiempo de audio (Timescale audio) está habilitada, combina con la tasa de reproducción establecida para esta acción. Silenciar (Set silent) Habilita, deshabilita o alterna el Modo silencio (Silent mode). En este modo los sonidos reproducidos son mudos y no se sonarán. Es útil para crear rápidamente una alternación de audio en un título de pantalla. Ajustar volumen (Set volume) Cambia el volumen de un sonido. El volumen viene dado en decibelios (dB). El volumen de 0 dB es el origen, se amplifica a partir de ahí y por debajo de 0 dB se atenúa. Por ejemplo, introduciendo un valor de -10 hará el sonido 10 unidades más flojo (aproximadamente la mitad de fuerte). Parar (Stop) Para un sonido reproduciéndose inmediatamente. Expresiones de Audio El objeto Audio no tiene expresiones. 6.6 Browser El objeto Navegador accede a las características del navegador web que ejecuta el juego HTML5. También cambia el modo a pantalla completa, detecta si el juego tiene actualizaciones y determina si la página es visible. A veces, las limitaciones de seguridad evitan acciones de Navegador. Por ejemplo, la acción de la ventana Cerrar (Close) sólo se puede usar cuando la ventana se crea con javascript window.open. Condiciones de Navegador Cookies habilitadas (Cookies enabled) Verdadero si el usuario tiene habilitadas las cookies del navegador. (Normalmente es raro que estén deshabilitadas ya que muchas páginas web funcionan con ellas). Está en línea (Is online) Verdadero si el navegador tiene activa una conexión a internet. Los juegos de C2 pueden funcionar offline - para más información ve a Offline games ⇗. Cambio de tamaño (On resized) Detonado cuando la ventana del navegador que muestra el juego cambia de tamaño. Esto incluye el cambio de orientación del dispositivo. La expresión del sistema Amplitud de Ventana (WindowWidth) y Altura de Ventana (WindowHeight) se actualizarán para reflejar el nuevo tamaño si se usa el modo pantalla completa. Tiene conexión (On went online) No tiene conexión (On went offline) Detonado si la conexión a internet está disponible o no durante el juego. Es común en dispositivos móviles que pueden moverse a zonas donde no llegue la señal. La condición Está en línea (Is online) también cambia para reflejar el estado de la conexión. Tecla menú (On menu button) Sólo disponible cuando exportas a PhoneGap. Detonado cuan el usuario presiona la tecla “Menú” del dispositivo. Nota que todos los dispositivos no tienen esta tecla, como iOS, que solo tiene la tecla “Home”. Tecla buscar (On search button) Sólo disponible cuando exportas a PhoneGap. Detonado cuan el usuario presiona la tecla “Buscar” del dispositivo. Nota que todos los dispositivos no tienen esta tecla, como iOS, que solo tiene la tecla “Home”. Está descargando una actualización (Is downloading update) Verdadero si el juego está funcionando con lo almacenado, pero descargando y actualizando la versión al mismo tiempo. Se puede usar un auto-actualizador. Para más información ve a Offline games ⇗. Actualización descargada (On update ready) Detonado cuando un juego está funcionando con lo almacenado, pero una versión actualizada ha terminado su descarga. Si el usuario todavía está en el menú del juego o en la página de créditos quizás quieras preguntar al usuario si quiere recargar la página para cargar la nueva versión (o simplemente hacerlo automáticamente). Para más información ve a Offline games ⇗. Está en pantalla completa (Is fullscreen) Verdadero si el navegador está en modo pantalla completa. Página visible (Page is visible) Verdadero si la página en la que el juego HTML5 está funcionando está visible actualmente. La página cuenta como escondida si la ventana está minimizada, si está en una pestaña distinta a la que se está viendo o, en un dispositivo móvil, cuando la página está en segundo plano. Cuando es así la página se pausa automáticamente. Suspendido (On suspended) Reanudado (On resumed) Detonado cuando la visibilidad de la página cambia o cuando, en un dispositivo móvil, la página está en segundo plano o en primero. Cuando es invisible la aplicación se suspende: todos los eventos se paran y los sonidos se silencian. Acciones de Navegador Ir atrás (Go back) Ir adelante (Go forward) Se mueve por el historial de navegación como si clicaras en los botones Atrás y Adelante del navegador. Ir al inicio (Go home) Va a la página de inicio del navegador. Ir a la URL (Go to URL) Va a una URL dada. Nota que usa la misma ventana/pestaña en la que se está mostrando el juego, así que esta acción finalizará el juego. Abrir URL en una ventana nueva (Open URL in new window) Va a una URL dada en una nueva ventana (o pestaña, según la configuración del navegador). El juego continua en la ventana/pestaña anterior. Recargar (Reload) Fuerza que la página se recargue. El juego se reinicia. Alerta (Alert) Hace que surja un mensaje de “alerta” en un cuadro. Desenfocar (Blur) Desenfoca la ventana del navegador. Cancelar pantalla completa (Cancel fullscreen) Vuelve al modo pantalla normal si el navegador está en pantalla completa. Cerrar (Close) Cierra la ventana actual si el script da permiso para ello. Enfocar (Focus) Enfoca la ventana del navegador. Solicitar pantalla completa (Request fullscreen) Solicita que el navegador entre en el modo pantalla completa. Nota que el navegador puede ignorar la solicitud a menos que la acción la haga el usuario con un clic del ratón, presionando una tecla o tocando algo en la pantalla. Hay tres modos de pantalla completa: Centro (Center) - centra la pantalla completa en la ventana del juego. Estirar (Stretch) (crop) - extiende la ventana del juego para que ocupe la ventana completa. Estirar (Stretch) (scale) - escala (hace zoom) en la ventana del juego para que ocupe la ventana completa. Las dos últimas opciones corresponden a la propiedad del proyecto Pantalla completa en el navegador (Fullscreen in browser). Para más información ver supporting multiple screen sizes ⇗. Expresiones de Navegador Idioma (Language) Da el idioma configurado en el navegador. Ejemplo, en-US. Nombre (Name) Da el nombre que el navegador se da a sí mismo. Este puede ser inexacto por razones de compatibilidad anteriores, como Google Chrome que se llama Netscape. Plataforma (Platform) Da la plataforma en la que el navegador se ejecuta, como Win32 para Windows. Producto (Product) Da el nombre del producto del navegador. Este puede ser inexacto por razones de compatibilidad anteriores, como Google Chrome, cuyo producto se llama Gecko. Agente de usuario (UserAgent) Da la secuencia completa del agente de usuario para el navegador, por ejemplo Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.63. Vendedor (Vendor) Da el vendedor del navegador, como Google Inc. para Google Chrome. Versión (Version) Da la versión actual del navegador como una secuencia. Puede ser simplemente un subtexto en la secuencia del agente de usuario. Título (Title) El título del documento HTML actual. Dominio (Domain) El dominio actual, como scirra.com. Almohadilla (Hash) La secuencia tras la almohadilla al final de la URL, incluyendo la almohadilla. Por ejemplo, si la URL es http://scirra.com/mygame/index.html#teapot, esto da #teapot. Nombre de Trayectoria (PathName) La trayectoria relativa al dominio de la URL. El nombre de la trayectoria para http://scirra.com/mygame/index.html#teapot sería /mygame/index.html. Protocolo (Protocol) El protocolo actual, normalmente http: o https:. Parámetro de pregunta (QueryParam) Da un parámetro de secuencia de pregunta por el nombre. Por ejemplo, si la URL termina con index.html?foo=bar&baz=wan, QueryParam("foo") da bar y QueryParam("baz") da wan. Secuencia de pregunta (QueryString) Da la secuencia de pregunta completa de la URL incluyendoel símbolo de interrogación. Por ejemplo, si la URL termina con index.html?foo=bar&baz=wan, da ?foo=bar&baz=wan. Referencia (Referrer) Da la página anterior que enlaza a la actual, si la hay. URL Da la URL actual completa en la barra de direcciones del navegador, incluyendo el protocolo. 6.7 Botón (Button) El objeto Botón crea un botón que el usuario puede clicar para realizar una acción. Los controles de formulario son elementos HTML que flotan sobre el lienzo del juego en la página HTML. Por lo tanto, no se puede mostrar nada por encima de un control, aparte de otros controles. Los controles se posicionan ellos solos de acuerdo al paralaje de la capa, su escala y otros. Sin embargo, no están realmente en el juego (ya que flotan encima) por lo que se recomiendo evitar el uso de desplazamientos, paralaje y escalas, de otra forma no quedaría natural. Estilo de Botón Los botones se pueden personalizar de un gran número de formas usando CSS (Hojas de estilo en cascada). En vez de tener muchas acciones para ajustar todas las posibles propiedades, tiene una sola acción Ajustar estilo CSS (Set CSS style). CSS ahorra trabajo, es sencillo para usar con propiedades simples. Aquí algunos ejemplos: Hacer el texto rojo (Make the text red): Ajusta el "color" a "rojo". Hacer el fondo amarillo (Make the background yellow): Ajusta el "color del fondo" a "amarillo". Hacer el borde gris claro y fino (Make the border a thick light grey: Ajusta el "borde" a "3px solid #AAAAAA". Hacer la letra más grande (Make the font bigger): Ajusta el "tamaño de letra" a "2em". Hacer un borde rojo y discontinuo (Make a dashed red border): Ajusta el "borde" a "2px dashed red". Propiedades de Botón Texto (Text) El texto que aparecerá en el botón. Consejo de Herramienta (Tooltip) Aparece en la mayoría de los navegadores si el usuario pasa el ratón por encima de una herramienta y para. Déjalo en blanco si no quieres poner ningún consejo. Visibilidad Inicial (Initial Visibility) Si el botón se muestra o no en el inicio. Si es Invisible el botón aparecerá con la acción Hacer visible (Set visible). Habilitado (Enabled) Si el botón está habilitado en el inicio. Si No, el botón estará deshabilitado y no podrá pulsarse. Tamaño de letra automático (Auto font size) Ajusta la propiedad de tamaño de letra automáticamente de acuerdo a la escala del plano y la capa. Esto evitará que tengas que usar manualmente la propiedad de tamaño de letra de CSS. Establece No si quieres usar los estilos de CSS para ajustar la letra. ID (Opcional) Una id adicional para el elemento en el DOM (Modelo de Objetos del Documento). Puede ser útil para acceder al valor del elemento desde scripts externos, o dar estilo con CSS en la página HTML. Condiciones de Botón Clicado (on clicked) Detonado cuando el usuario presiona el botón, con el teclado, ratón o tocándolo. Acciones de Botón Ajustar estilo CSS (Set CSS style) Ajusta un estilo CSS (Hojas de estilo en cascada) en el elemento Botón. Para más información ver la sección anterior Estilo de Botón. Nota que si la propiedad Tamaño de letra automático (Auto font size) está activada, cualquier cambio a la propiedad tamaño de letra se sobrescribirá. Habilitar (Set enabled) Habilita o deshabilita el botón. Cuando está deshabilitado no puede ser pulsado. Enfocar (Set focused) Enfoca el botón. Ajustar texto (Set text) Ajusta el texto del botón. Ajustar consejo de herramienta (Set tooltip) Ajusta el texto que aparece en el consejo. Déjalo en blanco si no quieres que haya consejo. Expresiones de Botón El objeto Botón no tiene expresiones. 6.8 Diccionario (Dictionary) El objeto Diccionario almacena secuencias y números. Cada valor tiene asociada una clave, que es una secuencia. Es un objeto de almacenamiento de datos – no hace ninguna corrección ortográfica ni por características especiales del idioma. Los nombres clave en Diccionario distinguen siempre entre mayúsculas y minúsculas. Esto significa que “SCORE” se considera diferente a “score”. Ejemplo Suponemos que el número 100 se almacena con la clave “puntuación” (“score”) y la secuencia “Joe” se almacena con la clave “nombre” (“name”). El resultado del almacenaje sería así: “name”: “Joe” “score”: 100 Reuperar la clave “nombre” con Dictionary.Get("name") dará “Joe”, y recuperar “puntuación” dará 100. Al ajustar “puntuación” a 50 cambiará el valor de la clave. Esto es como almacenar datos en variables de ejemplo o en variables de evento, pero ya que puedes usar secuencias como claves puedes almacenar cualquier número de valores. Condiciones de Diccionario Cotejar valor (Compare value) Coteja el valor almacenado para una clave. Tiene clave (Has key) Comprueba si hay alguna clave almacenada Está vacía (Is empty) Verdadero cuando no hay claves almacenadas. Para cada clave (For each key) Repite el evento una vez para cada clave almacenada. Las expresiones Clave actual (CurrentKey) y Valor actual (CurrentValue) dan las claves respectivas. Cotejar valor actual (Compare current value) Sólo válido en un evento Para cada clave (For each key). Coteja el valor de la clave actual. Acciones de Diccionario Añadir clave (Add key) Añade una nueva clave para almacenar, con un valor dado. Si la clave ya existe el valor se actualiza. Borrar (Clear) Elimina todas las claves almacenadas, haciendo que el objeto quede vacío. Eliminar clave (Delete key) Elimina una clave y su valor almacenado. Si la clave no existe no tiene efecto. Establecer clave (Set key) Actualiza el valor de una clave que ya existe. Si la clave no existe no tiene efecto. (No como Añadir clave (Add key), con esta acción no se creará). Descargar (Download) (JSON) Abre una nueva pestaña del navegador con un enlace para descargar los contenidos de Diccionario en formato JSON. Sólo sirve para desarrollo. Quizás te aparezca una ventana emergente con un aviso. Cargar (Load) (JSON) Carga todas las claves y valores de datos JSON previamente recuperados del objeto Diccionario usando la acción Descargar (Download) o la expresión AsJSON. Expresiones de Diccionario Conseguir (Get) Da el valor almacenado de una clave, Dictionary.Get("score"). Si la clave no existe da 0. Contador de Clave (KeyCount) Da el número de claves almacenadas. Clave actual (CurrentKey) Valor actual (CurrentValue) En el evento Para cada clave (For each key), esto da la clave y su valor (respectivamente) de la clave actual que está siendo repetida. AsJSON Da los contenidos del objeto Diccionario en formato JSON. Puede ser cargado más tarde con la acción Cargar (Load), enviada a un servidor mediante AJAX, guardada en un disco, etc. 6.9 Facebook El objeto Facebook (FB de ahora en adelante) te permite integrar tu juego con FB. El tutorial How to make a Facebook game ⇗ trata sobre como publicar juegos en FB y tiene una guía paso a paso para usar el objeto Facebook. Esta sección del manual simplemente describe sus características. El objeto FB se pude usar en cualquier juego, no solo para juegos de FB. Puedes tener tu juego funcionando en tu propio servidor. El objeto te permitirá conectar con la cuenta de FB del usuario incluso cuando este esté jugando en tu web. Sin embargo, es necesario conectar la aplicación con FB para guardar la ID de la aplicación. Se pueden conectar a FB mediante Facebook Developers ⇗. El objeto FB hace solicitudes asíncronas. Esto significa que el juego sigue funcionando mientras operaciones que pueden durar varios segundos (como enviar una puntuación) se completan. Por ello, el objeto funciona con una acción que activa una tarea (como Publicar puntuación (Publish scoore)), que, al completarse, detona una condición (como Puntuación enviada (On score submitted)). Esto tardará unos segundos mientras el juego sigue funcionando, en vez de congelarlo y esperar a que se completen las acciones. Como muchas solicitudes asíncronas, las acciones pueden completarse en un orden distinto del que fueron hechas. Propiedades de Facebook ID de la aplicación (App ID) La ID dada a la aplicación en la sección de Programadores de FB (FB Developers). Aplicación Secreta (App Secret) Sólo necesario si piensas usar Puntuaciones API (Scores API). Si no, no uses esta propiedad. La aplicación secreta se puede encontrar en los Programadores de FB y es necesaria para habilitar las Puntuaciones API (Scores API). Condiciones de Facebook Está preparado (Is ready) Verdadero si el objeto FB está preparado para usarse. Cuando es Falso es que todavía está cargando los scripts necesarios. Usuario ha iniciado sesión (Is user logged in) Verdadero si el usuario ha iniciado sesión en su cuenta de FB. Nombre disponible (On name available) Detonado inmediatamente tras Usuario ha iniciado sesión (Is user logged in) cuando la expresión que obtiene el nombre de usuario está disponible. Usuario registrado (On user logged in) Detonado cuando el usuario ha iniciado sesión satisfactoriamente. También se detona al principio si el usuario ha iniciado sesión anteriormente y vuelve a la aplicación con la contraseña recordada. Además, se detona al principio de cada plano mientras el usuario siga registrado. Usuario ha cerrado sesión (On user logged out) Detonado si el usuario cierra sesión durante el juego. Puntuación alta (On hi-score) Detonado una vez por cada puntuación alta conseguida tras la acción Solicitar tabla de puntuaciones altas (Request hi-score board). Las expresiones Nombre (HiscoreName), Posición (HiscoreRank) y Puntuación (Score) contienen la información. Puntuación enviada (On score submitted) Detonado cuando la acción Publicar puntuación (Publish score) se ha completado satisfactoriamente. Puntuación más alta del usuario disponible (On user top score available) Detonado cuando la acción Solicitar puntuación más alta del usuario (Request user top score) se ha completado satisfactoriamente. La expresión Puntuación (Score) tiene esta puntuación. Acciones de Facebook Iniciar sesión (Log in) Abre una ventana emergente pidiendo al usuario que se registre. Esto sólo se activa por voluntad del usuario, como presionar una tecla, hacer clic o tocar la pantalla. El usuario puede cancelar el registro por lo que esto no está garantizado su éxito. Se pueden pedir dos permisos: publicar automáticamente (permitiendo que las publicaciones automáticas en el muro del usuario) y publicar puntuaciones (permitiendo el uso del sistema de puntuaciones altas). Puedes pedir al usuario escribir en el muro mediante un diálogo sin tener que pedir permiso cada vez - hacerlo siempre automáticamente. No pidas permisos que tu aplicación no necesite. Cerrar sesión (Log out) Cierra la sesión el usuario de FB. Pedir compartir enlace (Prompt to share link) Abre un diálogo pidiendo al usuario que comparta la URL que tú quieras en su muro. Se pueden usar descripciones o imágenes opcionalmente. No requiere permisos, pero los usuarios pueden cancelar la acción. Pedir compartir la aplicación (Prompt to share this app) Abre un diálogo pidiendo al usuario que comparta la URL de la aplicación en su muro. Se pueden usar descripciones o imágenes opcionalmente. No requiere permisos, pero los usuarios pueden cancelar la acción. Pedir escribir en el muro (Prompt wall post) Abre un diálogo pidiendo al usuario escribir en su muro. No se añadirá contenido ni enlaces - sólo un cuadro de texto vacío para que el usuario escriba lo que quiera. No requiere permisos, pero los usuarios pueden cancelar la acción. Publicar enlace (Publish link) Publica de forma automática una URL en el muro del usuario sin preguntárselo. Se pueden usar descripciones o imágenes opcionalmente. Requiere que el usuario haya aceptado Publicar automáticamente (Publish to stream). Publicar en el muro (Publish wall post) Publica de forma automática un mensaje en el muro del usuario sin preguntárselo. Requiere que el usuario haya aceptado Publicar automáticamente (Publish to stream). Publicar puntuación (Publish score) Publica una puntuación numérica en la tabla de puntuaciones altas del juego. Requiere que el usuario haya aceptado Publicar puntuaciones (Publish scores). Cuando la acción se completa se detona Puntuación enviada (On score submitted). Solicitar tabla de puntuaciones altas (Request hi-score board) Solicita las puntuaciones altas del juego. Requiere que el usuario haya aceptado Publicar puntuaciones (Publish scores). Esta acción detonará Puntuación alta (On hi-score) una vez por cada puntuación que aparezca en la tabla. Es de tu elección elegir la manera de mostrar estas puntuaciones; una forma sencilla es anexando cada puntuación a un objeto de texto. Solicitar la puntuación más alta del usuario (Request user top score) Solicita la puntuación más alta del jugador hasta el momento en el juego. Requiere que el usuario haya aceptado Publicar puntuaciones (Publish scores). Cuando se completa la acción se detona Puntuación más alta del usuario disponible (On user top score available). Expresiones de Facebook Nombre (FirstName) El nombre actual del usuario. Sólo se ajusta tras la detonación de Nombre disponible (On name available). Nombre completo (FullName) El nombre completo actual del usuario. Sólo se ajusta tras la detonación de Nombre disponible (On name available). Apellidos (LastName) Los apellidos actuales del usuario. Sólo se ajusta tras la detonación de Nombre disponible (On name available). ID de usuario (UserID) La ID actual del usuario, que se usa para distinguir diferentes usuarios con el mismo nombre. Sólo se ajusta después de que el usuario se haya registrado. Nombre para Puntuación alta (HiscoreName) El nombre en la tabla de Puntuaciones Altas. Se ajusta en el evento Puntuación Alta (On hi-score). Posición en Puntuaciones Altas (HiscoreRank) La posición actual en la tabla de Puntuaciones Altas, desde 1 hacia abajo. Se ajusta en el evento Puntuación Alta (On hi-score). ID de usuario en Puntuaciones Altas (HiscoreUserID) Da la ID actual del usuario en la tabla de Puntuaciones Altas. Es único aunque dos personas en la tabla tengan el mismo nombre. Puntuación (Score) La puntuación más alta actual en el evento Puntuación Alta (On hi-score) o la puntuación actual del usuario en Puntuación más alta del usuario disponible (On user top score available). 6.10 Mando (Gamepad) El objeto Mando te permite detectar la entrada de un mando de consola, teclado de PC o joystick. Si bien debe funcionar con varios dispositivos, está diseñado para funcionar mejor con mandos de la XBox 360 o los diseñados de forma similar (con los mismos botones). Desafortunadamente, si un dispositivo es válido o no depende de muchos factores, incluyendo el sistema operativo, los drivers disponibles y el soporte del navegador. Esto hace difícil saber de antemano si un dispositivo específico funcionará. Los mandos de la XBox 360 funcionan con un sistema Windows y con el navegador Google Chrome. Los de la Playstation 3 no funcionan sin instalar ciertos drivers. Por esta razón se recomienda la primera opción siempre habilitando un método alternativo como el teclado. La mayoría de los dispositivos móviles no tienen una toma física para conectar un controlador. Por ello, normalmente sólo se habilita el uso de mandos en ordenadores de mesa. Para móviles con pantalla táctil, céntrate en el diseño de controles táctiles touch controls ⇗. Para evitar que las páginas web hagan un seguimiento a través de tus controladores disponibles, la mayoría de los navegadores que los soportan dirán que no hay controladores conectados hasta que se pulse un botón de uno de los dispositivos. Asignación de teclas (Key mapping) Diferentes controladores tienen distintas disposiciones de los botones, o estos tienen distintos nombres. Por ejemplo, los de la Playstation 3 usan cuadrado, círculo, triángulo y X mientras que los de la XBox 360 usan A, B, X e Y (La X aparece en distinto lugar en ambos controladores). El objeto Mando se refiere al controlador de la XBox 360 únicamente. El objeto Mando también asignará otros botones al diseño del controlador de la XBox 360 para asegurar que el mismo botón detone siempre el mismo evento. Sin embargo no es práctico ajustar esto para cada dispositivo, así que algunos botones pueden detonar distintos eventos. Por ello es por lo que se recomiendan los controladores de la XBox 360. Si estás interesado en usar otros asegúrate de probarlos. Las entradas en bruto se obtienen, evitando la asignación de teclas, usando la expresión En bruto (Raw). Controlar comportamientos con Mando Para controlar comportamientos con entradas de Mando, usa la acción Control Simulado (Simulate control). Abajo se muestra un ejemplo de cómo controlar el comportamiento Plataforma con el stick izquierdo y el botón A para saltar. Para más información, ver la sección Controles personalizados en la Referencia de Comportamientos. Varios Mandos Varios Mandos se pueden conectar a un solo ordenador. Para diferenciar entre ellos, la mayoría de las acciones, condiciones y expresiones de este objeto toman unos parámetros. Es un índice basado en 0 del controlador. Por ejemplo, 0 identifica al primer controlador, 1 al segundo y así sucesivamente. Esto te permite jugar en multijugador. Propiedades de Mando Zona sin cobertura analógica (Analog deadzone) Los dispositivos con joysticks analógicos son extremadamente sensibles. Esto te permite controlar los juegos de forma precisa, pero el joystick registrará también un leve movimiento cuando no se toque. Si no se ignoraran ciertos valores, el jugador controlado por el usuario se movería de forma incorrecta cuando este no tocara el joystick. Para resolver el problema los valores por debajo de cierto límite se ignoran. El movimiento del joystick tiene un rango de -100 a 100 en cada eje, y si la magnitud está por debajo del valor Zona sin cobertura analógica (Analog deadzone) dará 0. Por ejemplo, por defecto es 25, así que valores desde -25 a 25 contarán como 0. Se recomienda este valor para asegurar que no haya movimientos no intencionados. Condiciones de Mando Cotejar ejes (Compare axis) Coteja la posición de un joystick analógico en un mando específico. Los valores dentro de la Zona sin cobertura analógica (Analog deadzone) dan 0. El rango de valores de los ejes es de -100 a 100. Tiene Mandos (Has gamepads) Verdadero si hay algún mando conectado y activado. Para evitar que sitios web te controlen en base a los mandos que tengas, la mayoría de los navegadores no envían los datos del controlador hasta que se pulsa un botón. Botón presionado (Is button down) Verdadero si un botón se presiona en un mando específico. Los botones se denominan de acuerdo a los controladores de la XBox 360, y se pueden asignar como se explica en Asignación de Teclas. Mando conectado (On gamepad connected) Detonado cuando un dispositivo de mando se conecta al ordenador. Para evitar que sitios web te controlen en base a los mandos que tengas, la mayoría de los navegadores no envían los datos del controlador hasta que se pulsa un botón, cuando también funcionará esta condición. Mando desconectado (On gamepad disconnected) Detonado cuando un dispositivo de mando se desconecta del ordenador, como quitándole el cable. Acciones de Mando El objeto Mando no tiene acciones. Expresiones de Mando Eje (Mando, Índice) (Axis(Gamepad, Index)) Recupera la posición actual de un joystick analógico. Índice (Index) especifica a la izquierda y a la derecha en los ejes X e Y, de acuerdo a la Asignación de Teclas. EL rango de valores de los ejes va desde -100 a 100. Los valores dentro de la Zona sin cobertura analógica (Analog deadzone) dan 0. Botón (Mando, índice) (Button (Gamepad, Index)) Recupera el valor al pulsar un botón. Índice (Index) especifica el índice basado en 0 del botón en el menú desplegable de la condición Botón presionado (Is button down) (0 da el valor para el botón A). El valor dado depende de las características del botón: si el botón es sensible a la presión, puede dar valores entre 0 y 100, de otra forma dará 0 para no presionado y 100 para presionado. Los botones que no son sensibles a la presión son más fáciles de detectar usando la condición Botón presionado (Is button down). Cantidad de Mandos (GamepadCount) Da el número de mandos conectados y activados. Para evitar que sitios web te controlen en base a los mandos que tengas, la mayoría de los navegadores no envían los datos del controlador hasta que se pulsa un botón. ID de Mando (Mando) (GamepadID (Gamepad)) Una secuencia que representa el modelo y la manufactura de un mando específico, por ejemplo “XBox 360 controller”. Sin embargo, en la práctica varía de acuerdo al sistema y al navegador usado. Eje en bruto (Mando, Índice) (RawAxis(Gamepad, Index)) Recupera la entrada en bruto del eje. Da el valor sin asignar la tecla o aplicar la zona sin cobertura. El rango de valores del eje será de -100 a 100. Cuenta de Eje en bruto (Mando) (RawAxisCount(Gamepad)) Da el número de ejes disponible en la entrada en bruto. Da el valor sin asignar teclas. Botón en bruto (Mando, Índice) (RawButton (Gamepad, Index)) Recupera la entrada del botón en bruto para un mando y un índice específico. Da el valor sin asignar teclas. Cuenta de Botón en Bruto (Mando) (RawButtonCount(Gamepad)) Da el número de botones disponibles en la entrada en bruto. Da el valor sin asignar teclas. 6.11 Teclado (Keyboard) El objeto Teclado permite que el objeto responda a entradas del teclado. Nota que hoy en día es ingenuo asumir que todos los usuarios tendrán teclado. Muchos ahora manejan las redes con pantallas táctiles. (Este objeto no responde a teclados en pantalla u otras formas de pantalla táctil). Por ello, si tu juego usa exclusivamente el ratón o el teclado, es imposible que se use en dispositivos táctiles. Mira el tutorial Touch controls ⇗ para ver un sistema de control alternativo. Accesos directos del navegador En algunos navegadores, algunas teclas son accesos directos para acciones del navegador. Por ejemplo, la barra espaciadora desplaza la página hacia abajo. Si hay algún evento para “Tecla pulsada” (“On key pressed”) según una tecla dada, C2 bloqueará la acción normal del navegador, Por ejemplo, si quieres evitar que la barra espaciadora desplace la página hacia abajo, deja vacío el evento “Tecla pulsada” (“On key pressed”). Condiciones del Teclado La Tecla está presionada (Key is down) Verdadero si una tecla está siendo presionada. Cualquier tecla presionada (On any key pressed) Detonado cuando cualquier tecla del teclado está presionada. Útil para la pantalla de títulos o para escenas de corte. Tecla presionada (On key pressed) Detonado cuando una tecla específica se está presionando. Tecla soltada (On key released) Detonado cuando una tecla específica se suelta. Acciones de Teclado El objeto Teclado no tiene acciones. Expresiones de Teclado El objeto Teclado no tiene expresiones. 6.12 Ratón (Mouse) El objeto Ratón permite que el proyecto responda a entradas del ratón. Nota que hoy en día es ingenuo asumir que todos los usuarios tendrán teclado. Muchos ahora manejan las redes con pantallas táctiles. (Este objeto no responde a teclados en pantalla u otras formas de pantalla táctil). Por ello, si tu juego usa exclusivamente el ratón o el teclado, es imposible que se use en dispositivos táctiles. Mira el tutorial Touch controls ⇗ para ver un sistema de control alternativo. Si sólo usas el botón izquierdo, considera usar el objeto Táctil (Touch) con el Uso de entrada de Ratón (Use Mouse Input) en Sí. Esto permitirá que tu juego funcione en dispositivos táctiles sin tener que hacer muchos cambios. Seleccionar elementos en la página Por defecto el navegador selecciona elementos en la página web cuando el usuario clica y arrastra. C2 bloquea el lienzo para que el juego no se vea afectado por clicados y arrastrados rápidos. Sin embargo, si tu juego está incrustado dentro de otra página, el usuario pude seleccionar elementos de otra página por accidente. Puedes añadir el siguiente atributo a cualquier elemento HTML para evitar que se pueda seleccionar: onselectstart="return false;" Puedes añadirlo a la etiqueta <cuerpo> (<body>) para evitar selecciones en toda la página, pero te advertimos que puede causar dificultades a los usuarios si hay algo que éste quiera seleccionar. Condiciones de Ratón El cursor está sobre el objeto (Cursor is over object) Verdadero si el cursor del ratón está sobre algo. El Botón del Ratón está pulsado (Mouse button is down) Verdadero si un botón dado (izuqierdo, derecho o centro) están siendo pulsados. En cualquier clic (On any click) Detonado cuando cualquier botón del ratón está pulsado. Útil para la pantalla de títulos y escenas de corte. Botón soltado (On button released) Detonado cuando un botón del ratón dada se suelta. Clicado (On click) Detonado cuando un botón dado está presionado. Se puede usar para detectar dobles clics. Rueda del Ratón (On mouse wheel) Detonado cuando la ruleta del ratón (si la hay) se desliza arriba o abajo. Nota: añadir este detonador en cualquier parte de tu juego evitará que la rueda se deslice en el navegador, así que úsalo con cuidado. Objeto clicado (On object clicked) Detonado cuando un botón dado se presiona mientras en cursor está sobre un objeto. Se puede usar para detectar dobles clics en objetos. Acciones de Ratón Ajustar cursor de un Sprite Ajusta el cursor de la imagen de un objeto Sprite. Esto es preferible a ajustar las coordinadas del ratón, puesto que el retardo de la entrada es bastante más bajo. Se aplican varias limitaciones: se usa la imagen que aparece en el editor, sin tener en cuenta el tamaño o la rotación en le plano; la imagen no puede ser demasiado grande (el límite suele ser 64x64); y el soporte varía dependiendo del navegador y el SO. Ajustar estilo de cursor (Set cursor style) Ajusta el tipo de cursor que se muestra en el lienzo de la página HTML. Se puede ocultar completamente eligiendo None. Expresiones de Ratón X absoluta (AbsoluteX) Y absoluta (AbsoluteY) Da la posición del cursor del ratón sobre el lienzo. Es (0,0) en la parte de arriba a la izquierda y crece de acuerdo al tamaño de la ventana. No se ve afectado por ningún desplazamiento o escala en el juego. X Y Da la posición del cursor en coordinadas. Es (0,0) en la parte de arriba a la izquierda. Cambia según desplazamientos y escalas. Sin embargo, si una capa individual se ha desplazado, escalado o rotado, no se tiene en cuenta en la expresión - para ese caso, usa las versiones de capa de abajo. X (“capa”) (X("layer")) Y (“capa”) (Y("layer")) Da la posición del cursor en coordinadas, con desplazamientos, escalas y rotaciones teniendo en cuenta la capa dada. La capa se puede identificar por una secuencia de su nombre o por el índice basado en 0 (Ratón.X(0) ((Mouse.X(0))). 6.13 Partículas (Particles) El objeto Partículas puede crear efectos visuales de forma rápida, creando y moviendo muchas imágenes pequeñas de forma independiente. Es un objeto versátil capaz de muchos tipos de efectos. Hay 6 demos en la carpeta de ejemplos de C2, que incluyen desde fuego a fuentes. La imagen abajo muestra un ejemplo de efecto de partículas: El objeto Partículas tiene varios parámetros para cambiar el comportamiento de cada partícula. Además, requiere el uso de una textura para dibujar cada partícula. Normalmente un simple punto balnco sobre un fondo negro es suficiente. El Modo de Fusión aditivo (Additive blend mode) funciona especialmente bien con este objeto. Hace que cada partícula ilumine el fondo en vez de pegarse sobre él y permite que se fundan unas con otras en vez de solaparse. Hace que parezcan fuentes de luz. La imagen siguiente muestra el efecto cuando la textura es un punto blanco en un fondo negro. Los efectos de colores se crean usando partículas de colores. Nota que ya que el efecto Aditivo ilumina el fondo, cualquier objeto que use este efecto no se verá en un fondo blanco. Funciona mejor en fondos oscuros. Para más información sobre modos de fusión y efectos, ve a la sección Efectos de este manual. Partículas en la Vista de Plano El objeto se representa en la Vista de Plano con dos líneas rojas que representan el cono de pulverización (spray cone) (que es el ángulo en el que se expanden las partículas), con la textura de partícula en el centro. El origen del objeto es donde se crean las partículas. Abajo se muestra un ejemplo con el efecto que se mostraría durante la ejecución. El tamaño del objeto partículas en el plano no es importante. Se reajustará él mismo en tiempo de ejecución para encajar todas las partículas creadas. Cómo funcionan los efectos de partículas Los efectos de partículas funcionan de forma similar a usar el comportamiento Bala en cada partícula. Las partículas iniciales se disparan a una velocidad y ángulo dado en el cono de pulverización (spray cone). Cada partícula se controla individualmente alterando su velocidad, ángulo, opacidad y tamaño durante el tiempo que aparecen. El moverse de forma independiente es lo que hace interesante el efecto visual. Las propiedades del objeto controlan como cambian las partículas y que alteraciones aleatorias se hacen. Vale la pena pasar algún tiempo cambiando los parámetros para ver el efecto que tienen. Hay tres ajustes diferentes para hacer que las partículas se destruyan, dadas por la propiedad Modo de destrucción (Destroy mode). La que se aplica por defecto Desvanecerse hasta invisible (Fade to invisible) disminuye la opacidad de cada partícula hasta 0 durante el Tiempo de espera (Timeout) destruyendo la partícula cuando es invisible. Tiempo de espera acabado (Timeout expired) simplemente destruye la partícula tras un tiempo, sin cambiar su opacidad. Partícula parada (Particle stopped) destruirá la partícula cuando su velocidad sea 0, ¡pero debes tener cuidado de asegurar que la partícula decelere hasta llegar a valores negativos ya que si no no se destruirá nunca! Optimización Los efectos de partículas son más eficientes que crear el efecto con objetos Sprite, pero no a gran escala. Lo mismo que con los sprites, debes tener cuidado de no crear un gran número de partículas, ya que el rendimiento bajaría, especialmente en móviles. Usa la expresión Contador de partículas (ParticleCount) para saber cuántas has creado. En móviles, el uso de este objeto no está recomendado ya que la tasa de frames es muy limitada; pero si es necesario, mantén el número por debajo de 50. Para reducir mantener a raya el contador de partículas, intenta reducir la tasa o acortar el tiempo de espera. Para compensar, puedes intentar hacer la partícula más grande para que el efecto no se quede muy vacío. Propiedades de Partícula El objeto Partículas tienes bastantes propiedades, que están divididas en tres grupos: Propiedades del espray de partículas (relativas al propio objeto Partículas), Propiedades de las partículas iniciales (relativas a la creación de cada partícula de forma individual) y las Propiedades de la duración de la partícula (relativas a cómo se comportan las partículas tras su creación). Propiedades del espray de partículas Tasa (Rate) El número de partículas creadas por segundo. Si el Tipo es Caso único (One-shot) será cuantas partículas se han creado en total. Nota que el modo Espray continuo (Continuous spray) el número total de partículas puede ser mayor que la tasa, ya que depende de otras propiedades. Cono de pulverización (Spray cone) El número de grados en que las partículas son pulverizadas. Se representa con líneas rojas en la Vista de Plano. Usa 360 para pulverizarlas en todas las direcciones. Tipo (Type) Las partículas pueden funcionar de dos modos: Espray continuo (Continuous spray) creará un espray constante (por defecto). Caso único (One-shot) creará una única explosió de partículas, el número total ajustado en la Tasa. Una vez han sido todas destruidas, el propio objeto se destruye. Es útil para efectos como explosiones o impactos. Imagen (Image) Clica para abrir el editor de imágenes y editar la partícula. Prueba un punto en un fondo transparente o en un fondo negro con el efecto Aditivo. Propiedades de las partículas iniciales Velocidad (Speed) La velocidad inicial a la que se dispara cada partícula, en píxeles por segundo. Tamaño (Size) El tamaño inicial de cada partícula, en píxeles. Las partículas se muestran siempre como cuadrados. Opacidad (Opacity) La opacidad inicial de cada partícula, desde 0 (transparente) a 100 (opaca). Tasa de crecimiento (Grow rate) La tasa de crecimiento inicial (cambio de tamaño a través del tiempo) de cada partícula, en píxeles por segundo. 0 significa que la partícula mantendrá siempre su tamaño. Un valor positivo hará que crezca y uno negativo que decrezca. Randomizador X (X randomizer) Randomizador Y (Y randomiser) El desplazamiento inicial de la partícula. Puedes hacer que sigan una línea o una caja con estas propiedades. Randomizador de velocidad (Speed randomiser) Un ajuste al azar de la velocidad inicial de cada partícula. Por ejemplo, un valor 100 cambiará la velocidad inicial de cada partícula hasta 50 píxeles por segundo más rápida o más lenta. Randomizador de tamaño (Size randomiser) Un ajuste al azar del tamaño inicial de cada partícula. Por ejemplo, un valor 20 cambiará el tamaño inicial de cada partícula hasta 10 píxeles más grande o más pequeño. Randomizador de tasa de crecimiento (Grow rate randomiser) Un ajuste al azar de la tasa de crecimiento inicial de cada partícula. Por ejemplo, un valor 10 cambiará la tasa de crecimiento inicial de cada partícula hasta 5 píxeles por segundo mayor o menor. Propiedades de la duración de la partícula Aceleración (Acceleration) Cambia la velocidad de la partícula a través del tiempo, en píxeles por segundo por segundo. Un valor positivo hará que las partículas aceleren y uno negativo que deceleren. Gravedad (Gravity) La aceleración hacia abajo causada por la gravedad, en píxeles por segundo por segundo. Útil para hacer efecto fuente o similares. Establece 0 para evitar que la gravedad tenga efecto en el movimiento de la partícula. Randomizador de ángulo (Angle randomiser) Máximo cambio al azar del ángulo de cada partícula durante su vida, en grados por segundo. Por ejemplo, establece 0 para evitar que cambien de dirección o 10 para permitir que cambien 5 grados por segundo a la derecha o a la izquierda. Randomizador de velocidad (Speed randomiser) Máximo cambio al azar de la velocidad de cada partícula durante su vida, en píxeles por segundo por segundo. Por ejemplo, establece 0 para evitar que cambien la velocidad o 100 para permitir que aceleren o deceleren 50 píxeles por segundo por segundo. Randomizador de opacidad (Opacity randomiser) Máximo cambio al azar de la opacidad de cada partícula durante su vida. Útil para crear efectos “titilantes”. Modo de destrucción (Destroy mode) Cómo se destruye cada partícula. Hay tres modos: Desvanecer hasta invisible (Fade to invisible) disminuirá la opacidad de cada partícula hasta 0 durante el tiempo de espera (timeout). Cuando sean invisibles se destruirán. Tiempo de espera acabado simplemente destruye la partícula al finalizar el tiempo de espera (timeout), sin cambiar su opacidad. Partícula parada (Particle stopped) destruirá la partícula cuando su velocidad sea 0, ¡pero debes asegurar que la partícula use una Aceleración negativa ya que si no no se destruirá nunca! Tiempo de espera (Timeout) El tiempo en segundos que la partícula dura hasta que se destruye, dependiendo del Modo de destrucción (Destroy mode). Condiciones, acciones y expresiones de Partículas La mayoría de las acciones o expresiones de este objeto simplemente ajustan o dan las propiedades de arriba. Mira la sección propiedades para más información. Las otras condiciones, acciones y expresiones se describen a continuación. Para características comunes a otros objetos ve a Características Comunes. Condiciones de Partículas Está pulverizando (Is spraying) Verdadero si el espray está habilitado. Acciones de Partículas Ajustar pulverización (Set spraying) Habilita o deshabilita el espray, cuando está en modo Espray continuo (Continuous spray). Cuando está deshabilitado no se crean nuevas partículas. Expresiones de Partículas Contador de partículas (ParticleCount) El número de partículas actual que tiene el objeto Partículas. Es importante para asegurar que no creas demasiadas para el buen funcionamiento del juego; ve a la sección Optimización. Nota que debido a cómo funcionan las expresiones en C2, si tienes varios ejemplos del objeto, esto solo dará el número de partículas de un ejemplo - usa Para Cada bucle (For Each loop) para contar varios ejemplos. 6.14 Sprite El objeto Sprite es una imagen inimitable que aparece en el juego. Es uno de los objetos más importante en la mayoría de los juegos de C2. Se usa para hacer elementos más visuales, como el jugador, los enemigos, proyectiles, explosiones y escenarios sin mosaico (los escenarios de mosaicos es mejor hacerlos con el objeto Fondo Adosado (Tiled Background)). Si un Sprite tiene una animación sencilla con un solo frame, simplemente mostrará una imagen sin animar. Sin embargo, se pueden añadir animaciones más complejas al objeto con el Editor de imágenes y animaciones. Todos los ejemplos de este objeto comparten la animación. En otras palabras, un único conjunto de imágenes conforman una animación que pertenece al tipo de objeto, los ejemplos son referencias a este objeto. Se pueden aplicar efectos a los Sprites. Para más información ver Efectos. Propiedades de Sprite Animaciones (Animations) Clica el enlace Editar (Edit) para abrir el Editor de imágenes y animaciones. Todos los ejemplos del tipo de objeto compartirán esta animación. Tamaño (Size) Clica el enlace Hacer 1:1 (make 1:1) para ajustar la selección a tamaño real (100%). Esto hace que la altura y la anchura del objeto sea la misma que las del primer frame de la animación. Visibilidad inicial (Initial visibility) Ajusta si el objeto se muestra (visible) o está escondido (invisible) cuando comienza el plano. Frame inicial (Initial Frame) Muestra el primer frame de la animación. Usa un índice basado en cero, así que el primero será el 0. Puede ser útil para almacenar diferentes partes de un mosaico o escenario en diferentes frames de la animación de un único tipo de Sprite. Condiciones de Sprite Para condiciones comunes a varios objetos, ver Condiciones Comunes. Cotejar frame (Compare frame) Coteja el número del frame actual, que tiene un índice basado en cero (el primer frame es 0). Está volteado (Is flipped) Está espejado (Is mirrored) Verdadero si el objeto ha sido volteado o espejado con las acciones Voltear (Set flipped) y Espejar (Set mirrored). Está reproduciéndose (Is playing) Verdadero si una animación dada funciona en ese momento. Las animaciones se identifican por su nombre (sin diferenciar mayúsculas y minúsculas). Cualquiera terminada (On any finished) Detonado cuando cualquier animación termina. Si estableces un bucle no terminarán. Terminada (On finished) Detonado cuando una animación dada termina. Si estableces un bucle no terminarán. Las animaciones se identifican por su nombre (sin diferenciar mayúsculas y minúsculas). Frame cambiado (On frame changed) Detonado si la animación cambia a otro frame mientras la animación se está reproduciendo. Se está solapando con otro objeto (Is overlapping another object) Se está solapando en el desplazamiento (Is overlapping at offset) Verdadero si cualquier ejemplo está solapándose con cualquier ejemplo de otro objeto. Se tienen en cuenta los polígonos de colisión, además del tamaño y la rotación del objeto. La variante “desplazamiento” comprobará los posibles solapamientos cuando se dé el desplazamiento. Por ejemplo, en una prueba de superposición en un de desplazamiento (100, 0) el objeto se moverá temporalmente a la derecha 100 píxeles, probará la superposición y volverá atrás de nuevo. Colisionando con otro objeto (On collision with another object) Detonado la primera vez que cualquier ejemplo se solapa con cualquier ejemplo de otro objeto. El polígono de colisión se tiene en cuenta para ello, además del tamaño y la rotación del objeto. Imagen URL cargada (On image URL loaded) Detonado cuando Cargar imagen de una URL (Load image from URL) termina su descarga de la imagen y ésta está lista para mostrarse. Acciones de Sprite Para acciones comunes a varios objetos, ver Acciones Comunes. Ajustar animación (Set animation) Cambia la animación que se está reproduciendo a otra. Las animaciones se identifican por su nombre (que no distingue mayúsculas y minúsculas). La nueva animación puede empezar desde el principio o desde el mismo frame en el que se quedó la imagen anterior (frame actual (current frame)). Voltear (Set flipped) Ajusta si el objeto aparece volteado verticalmente o normal. Esto también afecta a los puntos de la imagen en el polígono de colisión. Espejar (Set mirrored) Ajusta si el objeto aparece espejada horizontalmente o normal. Es útil para juegos de plataforma. Espejar también afecta a los puntos de la imagen en el polígono de colisión. Ajustar frame (Set frame) Ajusta el número de frame de la animación siguiendo el índice basado en 0. La animación continuará reproduciéndose de igual forma. Ajustar velocidad (Set speed) Ajusta la tasa de reproducción de la animación actual, en frames por segundo. Los ejemplos pueden tener distintas velocidades de animación. Empezar (Start) Si la animación actual se para, esto hará que se reproduzca de nuevo desde el frame en el que se quedó (current frame) o desde el principio. Parar (Stop) Detiene la animación. El objeto dejará de mostrar el frame actual. Generar otro objeto (Spawn another object) Crea un nuevo ejemplo del tipo de objeto. El nuevo ejemplo se crea en la misma posición y ángulo que el objeto actual. Puede estar en cualquier capa (elegida por su nombre o por su índice basado en 0). Si se crea una familia, un tipo de objeto al azar se recogerá en la familia. Escalar (Set scale) Ajusta la altura y la anchura a un múltiplo del tamaño actual del objeto, similar a hacer zoom de forma proporcional. Por ejemplo, si el objeto es 50x100 Escalar a 2 (Set scale to 2) lo convertirá en 100x200 y Escalar a 0,1 (Set scale to 0,1) lo convertirá en 5x10. Cargar imagen de una URL (Load image from URL) Carga una imagen de una URL dada. El frame actual de la animación se sustituirá por esa imagen. No se muestra hasta que la imagen se ha terminado de cargar, cuando se detona Imagen URL Cargada (On image URL loaded). Las imágenes cargadas de diferentes dominios están sujetas a las restricciones entre dominios de las solicitudes AJAX – para más información ve a la sección del objeto AJAX. Los datos de URI se pueden pasar a imagen, de una captura de pantalla o desde la webcam. El parámetro Tamaño (Size) ajusta si el objeto Sprite se ajustará al tamaño de la imagen cuando se cargue o si mantiene su tamaño original y se estrecha la imagen. Expresiones de Sprite Para expresiones comunes a varios objetos, ver Expresiones Comunes. Frame de animación (AnimationFrame) El número de índice basado en cero del frame actual. Contador de frames (AnimationFrameCount) El número de frames que contiene la animación actual. Nombre de Animación (AnimationName) Una secuencia que contiene el nombre de la animación actual. Velocidad de Animación (AnimationSpeed) La tasa de reproducción de la animación actual, en frames por segundo. Anchura de la imagen (ImageWidth) Altura de la imagen (ImageHeight) Las dimensiones originales del objeto (el tamaño del frame de la animación actual) en píxeles. Ya que el objeto puede estrecharse en tiempo de ejecución cambiando los valores Anchura (Width) y Altura (Height), esto se puede usar para saber el tamaño original sin tener en cuenta el nuevo tamaño. 6.15 Texto (Text) El objeto Texto puede mostrar texto en el juego usando fuentes. Nota que no hay muchas fuentes comunes a todos los ordenadores - mira this page ⇗ para ver algunas fuentes comunes a todas las webs. El objeto soporta estas Fuentes de Web usando la acción Ajustar fuente de web (Set web font). Para más información mira el tutorial Using Web Fonts in the Text object ⇗. El objeto Texto no muestra nada si el rectángulo de texto es demasiado pequeño para que quepa una sola letra. Si el texto desaparece prueba a agrandar el rectángulo. Renderizar texto Diferentes navegadores renderizan el texto de distintas formas, y la Vista de Plano de C2 también lo hace distinto a los navegadores. Esto significa que debes esperar que la apariencia del texto sea algo distinta cuando se juega en distintos navegadores. Debes probar tu juego en varios de ellos para asegurarte que el texto se ve como tú pretendías. Para más información ve a la sección Buenas prácticas. Fuentes no soportadas en el editor Por razones técnicas, algunas fuentes no son compatibles con C2. Sólo afecta la editor y no tiene por qué significar que no se vaya a ver en algún navegador - asegúrate de probar todos los navegadores. Para garantizar que la fuente que utilizas es visible para todos, se recomienda usar las Fuentes de Web. Propiedades de Texto Texto (Text) El texto que mostrará el objeto. Initial visibility (Visibilidad inicial) Si el objeto se muestra (visible) o se esconde (invisible) cuando comienza el plano. Fuente (Font) La fuente en la que el objeto muestra el texto. Clica el botón a la derecha del nombre de fuente “…” para abrir un diálogo y seleccionar la fuente. Las fuentes elegidas deben estar instaladas en el ordenador del usuario para que se muestren correctamente. Por esta razón se recomienda usar Fuentes de Web en vez de elegir fuentes poco comunes. Color Elige el color del texto. Alineamiento horizontal (Horizontal alignment) Elige si el texto se muestra alineado a la izquierda, centrado o a la derecha dentro del rectángulo de texto. Origen (Hotspot) Elige si el origen del objeto estará en la parte de arriba a la izquierda del rectángulo de texto (por defecto) o centrado (centered). Esto sólo es importante si se quiere rotar el texto. Ajustar (Wrapping) Elige como se ajusta el texto al final de la línea. Palabra (Word) ajustará palabras enteras separadas por espacios o guiones. Carácter (Character) se cambiará a la siguiente línea en cualquier carácter, lo que podría partir palabras en Idiomas Occidentales, pero que es útil en idiomas como el chino. Interlineado (Line height) Cantidad de espacio entre una línea y otra del texto, en píxeles. Usa 0 para que sea por defecto, -5 para 5 píxeles menos que el defecto, 10 para 10 píxeles más que el defecto y así sucesivamente. Condiciones de Texto Para condiciones comunes a otros objetos ve a Condiciones comunes. Cotejar texto (Compare text) Comprueba si el objeto está mostrando cierta secuencia de texto. Puede diferenciar mayúsculas de minúsculas (“TEXT” sería distinto de “text”) o no (“TEXT” sería lo mismo que “text”). Para comprobar que el objeto no está mostrado cierto texto invierte la condición. Acciones de Texto Para acciones comunes a otros objetos ve a Acciones comunes. Ajustar color de fuente (Set font color) Ajusta el color del texto. Usa expresiones como rgb(red, green, blue). Ajustar fuente (Set font face) Cambia la fuente en la que se muestra el texto. Las fuentes elegidas deben estar instaladas en el ordenador del usuario para que se muestren correctamente. Por esta razón se recomienda usar Fuentes de Web en vez de elegir fuentes poco comunes. Ajustar tamaño de fuente (Set font size) Ajusta el tamaño del texto en puntos (pt). Ajustar fuente de web (Set web font) Establece una fuente de web cargada online. Para más información ve al tutorial Using Web Fonts in the Text object ⇗. Texto apéndice (Append text) Añade texto al final del texto actual. Por ejemplo si el objeto contiene Hola y tiene Mundo como apéndice, el objeto de texto contendrá entonces HolaMundo. Ajustar texto (Set text) Establece que el objeto de texto se está mostrando en ese momento. Usa el operador & para combinar texto y números. Para más información ve a Expresiones. Expresiones de Texto Para expresiones comunes a otros objetos ve a Expresiones comunes. Texto (Text) Da la secuencia que contiene el objeto de texto actual. Anchura de Texto (TextWidth) Altura de Texto (TextHeight) Da el tamaño del contenido actual dentro del rectángulo de texto. 6.16 Cuadro de texto (Textbox) El objeto Cuadro de Texto crea un campo de texto en el que el usuario puede escribir. Los controles de formulario son elementos HTML que flotan sobre el lienzo del juego en la página HTML. Por lo tanto, no se puede mostrar nada por encima de un control, aparte de otros controles. Los controles se posicionan ellos solos de acuerdo al paralaje de la capa, su escala y otros. Sin embargo, no están realmente en el juego (ya que flotan encima) por lo que se recomiendo evitar el uso de desplazamientos, paralaje y escalas, de otra forma no quedaría natural. Estilo de Cuadro de Texto Los botones se pueden personalizar de un gran número de formas usando CSS (Hojas de estilo en cascada). En vez de tener muchas acciones para ajustar todas las posibles propiedades, tiene una sola acción Ajustar estilo CSS (Set CSS style). CSS ahorra trabajo, es sencillo para usar con propiedades simples. Aquí algunos ejemplos: Hacer el texto rojo (Make the text red): Ajusta el "color" a "rojo". Hacer el fondo amarillo (Make the background yellow): Ajusta el "color del fondo" a "amarillo". Hacer el borde gris claro y fino (Make the border a thick light grey: Ajusta el "borde" a "3px solid #AAAAAA". Hacer la letra más grande (Make the font bigger): Ajusta el "tamaño de letra" a "2em". Hacer un borde rojo y discontinuo (Make a dashed red border): Ajusta el "borde" a "2px dashed red". Propiedades de Cuadro de texto Texto (Text) El texto introducido en el campo. Marcador de posición (Placeholder) Texto que aparece débilmente cuando el campo está vacío. Sirve de pista para saber para qué sirve ese campo, (como Nombre de usuario (Username)). Consejo de Herramienta (Tooltip) Un consejo que aparece so el usuario pone el ratón encima del cuadro de texto y espera. Déjalo en blanco si no quieres que haya consejo. Visibilidad inicial (Initial visibility) Si el cuadro de texto se muestra o no al inicio. Si es Invisible el campo se debe mostrar con la acción Hacer visible (Set visible). Habilitado (Enabled) Si el cuadro de texto está habilitado al inicio. Si No, el campo estará bloqueado y no se podrá modificar. Sólo lectura (Read-only) Establece si el texto es de sólo lectura, que significa que el texto no se puede modificar pero sí seleccionar. Es diferente a deshabilitar el campo, ya que entonces no se podrá seleccionar. Comprobar ortografía (Spell check) Habilita el corrector en el texto introducido en el campo, si el navegador lo soporta. Si está habilitado los errores ortográficos se subrayarán con una línea roja. Tipo (Type) Ajusta el tipo de contenido que se tiene que introducir en el campo. Puede ser: Texto (Text) cualquier contenido. Contraseña (Password) cualquier contenido pero escondiendo los caracteres. Email para secuencias de formato similar a [email protected]. Número (Number) sólo caracteres numéricos. Número de teléfono (Telephone number) sólo caracteres de números de teléfono. URL direcciones web de formato similar a http://example.com. Área de texto (Área de texto) texto de varias líneas. Los de tipo email, número, número de teléfono y URL son más útiles en dispositivos móviles ya que cambia el tipo de teclado táctil de acuerdo al contenido a introducir. Por ejemplo, Texto mostrará un teclado general mientras que Número mostrará solo los números, haciendo la tarea más fácil al usuario. Tamaño de fuente automático (Auto font size) Ajusta automáticamente la propiedad de tamaño de fuente de acuerdo a la escala de la capa y del plano. Esto evitará se muestre la propiedad CSS ajustada manualmente con la acción Ajustar estilo CSS (Set CSS style). Ajusta a No si pretendes ajustar tú mismo el tamaño con Ajustar estilo CSS (Set CSS style). ID (Opcional) Una id adicional para el elemento en el DOM (Modelo de Objetos del Documento). Puede ser útil para acceder al valor del elemento desde scripts externos, o dar estilo con CSS en la página HTML. Condiciones de Cuadro de texto Cotejar texto (Compare text) Coteja el texto introducido en el campo. Puede diferenciar mayúsculas de minúsculas (“TEXT” sería distinto de “text”) o no (“TEXT” sería lo mismo que “text”). Clicado (On clicked) Detonado cuando el usuario clica el campo Doble-clicado (On doublé-clicked) Detonado cuando el usuario hace doble clic en el campo Texto cambiado (On text changed) Detonado siempre que el texto del campo se modifica, escribiendo, borrando, cortando/copiando, etc. Acciones de Cuadro de texto Ajustar estilo CSS (Set CSS style) Ajusta el estilo CSS (Hojas de estilo en cascada) en el elemento Cuadro de texto. Para más información ve a la sección Estilo de Cuadro de Texto. Nota que si la propiedad Tamaño de fuente automático (Auto font size) está activada, cualquier cambio en esta acción no se aplicará. Habilitar (Set enabled) Habilita o deshabilita el campo. Cuando está deshabilitado, el campo está bloqueado y no se puede modificar. Enfocar (Set focused) Enfoca el campo. El cursor de texto parpadeará y estará preparado para la escritura. Ajustar marcador de posición (Set placeholder) Ajusta el texto que aparecerá débilmente cuando el campo esté vacío. Se usa para dar pistas sobre qué debe contener el campo (como Nombre de usuario (Username)). Establecer sólo lectura (Set read-only) Establece si el campo es de sólo lectura, que significa que el texto no se puede modificar pero sí seleccionar. Es diferente a deshabilitar el campo, ya que entonces no se podrá seleccionar. Ajustar texto (Set text) Ajusta el texto introducido en el campo. Ajustar consejo de herramienta (Set tooltip) Ajusta el texto que aparecerá en el consejo. Déjalo blanco si no quieres que aparezca. Expresiones de Cuadro de texto Texto (Text) Da la secuencia que contiene el texto introducido en el campo. 6.17 Fondo Adosado (Tiled Background) El objeto Fondo Adosado muestra una imagen repetidamente formando un mosaico, como se ve abajo. Este mosaico se puede conseguir con un solo objeto de Fondo Adosado, y mucho más rápido (y más fácil de editar) que usar varios objetos Sprite en una cuadrícula. Usa este objeto simpre que la imagen se repita. Este objeto no puede tener polígono de colisión. Siempre colisionand e acuerdo al rectángulo de acción (bounding rectangle). Además, se les puede aplicar efectos. Para más información ve a Efectos. Tamaños potencia de dos (Power-of-two sizes) Para unos mejores resultados, usa cuadrados de potencia dos para el mosaico (por ejemplo 16x16, 32x32, 64x64, 128x128...). Se consiguen mejores resultados en el modo WebGL. El objeto seguirá funcionando con otros tamaños que no tengan potencia dos, pero la calidad se puede reducir ya que la imagen tiene que estrecharse a un tamaño en potencia dos antes de adosarse. (Nota que esto no se aplica a los objetos Sprite, que pueden usar cualquier tamaño). Propiedades de Fondo Adosado Imagen (Image) Clica el enlace Editar (Edit) para editar la imagen del mosaico. Visibilidad inicial (Initial visibility) Elige si el objeto se muestra (visible) o se oculta (invisible) al inicio del plano. Origen (Hotspot) Elige donde está el origen en el objeto. Por defecto está en la parte de arriba a la izquierda del rectángulo de acción, pero se puede poner en el Centro (Center) que puede ser útil para rotar el objeto. Condiciones, acciones y expresiones de Fondo Adosado El Fondo Adosado tiene unas pocas condiciones, acciones y expresiones únicas. Ve a Características comunes para documentarte sobre las funciones comunes a varios objetos en C2. Condiciones de Fondo Adosado Imagen URL cargada (On image URL loaded) Detonado cuando la acción Cargar imagen desde URL (Load image from URL) termina de descargar la imagen y está preparado para mostrarla. Acciones de Fondo Adosado Cargar imagen desde URL (Load image from URL) Carga una imagen de una URL dada. No se muestra hasta que la imagen se ha descargado completamente, cuando se detona Imagen URL cargada (On image URL loaded). Las imágenes cargadas de diferentes dominios están sujetas a las restricciones entre dominios de las solicitudes AJAX. Los datos URI se pueden pasar a imagen, como una captura de pantalla o imagen de la webcam. 6.18 Táctil (Touch) El objeto Táctil detecta entradas de dispositivos táctiles como iPhones, iPads, Android y Windows 8. La opción táctil para ordenadores de mesa también está disponible, pero son poco usuales en comparación a los móviles. El objeto Táctil también da entradas de acelerómetros y giroscopios (inclinación/dirección de la brújula) si el dispositivo los soporta. Es mejor habilitar entradas táctiles siempre que sea posible. En la actualidad muchos usuarios suelen navegar en dispositivos móviles sin teclado ni ratón. Si tu juego no soporta los controles táctiles, estos usuarios no podrán jugar tu juego. Para una guía de cómo usar estos controles ve al tutorial Touch controls ⇗. Multi-táctil (Multi-touch) El objeto Táctil soporta también estímulos táctiles múltiples. Este modo es más útil con las condiciones Objeto tocado (On touched object) y Está tocando objeto (Is touching object), que pueden detectar varios controles táctiles simultáneos. Para más usos avanzados, las expresiones Contador de toques (TouchCount), XAt y YAt dan los contactos actuales en la pantalla. Los toques tienen un índice basado en 0, así que 0 es el primer toque, 1 el segundo y así sucesivamente. Los toques se ordenan como una pila: el primero (el más viejo) es siempre el 0, el segundo es siempre el 1 y así sucesivamente. Si un toque se destruye y después se vuelve a añadir, se convertirá en el último toque de la lista. Propiedades de Táctil Usar entradas de ratón (Use mouse input) Si está en Sí, los clics del ratón simularán los toques en la pantalla. Clicar y arrastrar con el botón izquierdo del ratón simulará un arrastre con el dedo y los clics sencillos simularán toques. Puede ser muy útil para probar que los eventos táctiles funcionan correctamente en un ordenador de mesa que no tenga pantalla táctil. Sin embargo, sólo los toques simples se pueden simular además de que el ratón es mucho más preciso, por lo que es mejor probarlos en un dispositivo táctil real. Condiciones de Táctil Cotejar velocidad de toque (Compare touch speed) Coteja la velocidad de un toque específico (dado por su índice basado en 0). La velocidad se mide en el lienzo en píxeles por segundo, por lo que no se ve afectado por la escala de la pantalla. Está tocando (Is in touch) Verdadero si algo está tocando la pantalla. Está tocando un objeto (Is touching object) Verdadero si se está tocando un objeto dado. Toque finalizado (On touch end) Detonado cuando cualquier toque se suelta de la pantalla. Toque empezado (On touch start) Detonado ante cualquier toque de la pantalla. Objeto tocado (On touched object) Detonado cuando se toca un objeto dado. Acciones de Táctil El objeto Táctil no tiene acciones. Expresiones de Táctil Aceleración X (AccelerationX) Aceleración Y (AccelerationY) Aceleración Z (AccelerationZ) Da el movimiento actual del dispositivo como su aceleración en cada eje en m/s^2 (metros por segundo por segundo) excluyendo el efecto de la gravedad. La expresión que incluye la gravedad (abajo) es más común; esta dará 0 en los dispositivos que no la soporten. Aceleración X con G (AccelerationXWithG) Aceleración Y con G (AccelerationYWithG) Aceleración Z con G (AccelerationZWithG) Da el movimiento actual del dispositivo como su aceleración en cada eje en m/s^2 (metros por segundo por segundo) incluyendo la aceleración causada por la gravedad, que es sobre 9.8 m/s^2 hacia abajo. Esta expresión es comúnmente soportada. Sin embargo, algunos dispositivos no garantizan la detección de movimiento, en cuyo caso dará 0 en cada caso. Alpha Beta Gamma Da la orientación del dispositivo si es soportada, o 0 en caso de que no. Alpha es la dirección de la brújula en grados. Beta es la inclinación de adelante hacia atrás en grados (la inclinación ante ti si lo mantienes delante de ti). Los valores positivos indican inclinación hacia adelante y los negativos hacia atrás. Gamma es la inclinación hacia los lados en grados (si lo mantienes delante de ti). Los valores positivos indican inclinación hacia la derecha y los negativos hacia la izquierda. X Absoluta (AbsoluteX) Y Absoluta (AbsoluteY) X en (índice) Absoluta (AbsoluteXAt(index)) Y en (índice) Absoluta (AbsoluteYAt(index)) Da la posición actual de un toque sobre el lienzo. Será (0, 0) en la parte de arriba a la izquierda y aumenta con el tamaño de la ventana. No se ve afectado por desplazamientos o escalas del juego. Las expresiones En (At) dan la posición absoluta de un toque dando su índice basado en 0, permitiendo toques múltiples. X Y XAt(index) YAt(index) Da la posición actual de un toque en las coordinadas del plano. Cambia reflejando desplazamientos y escalas. Sin embargo. Si se mueve, escala o rota una sola capa esta expresión no la tendrá en cuenta - para ese caso usa la versión de abajo. Las expresiones En (At) dan la posición absoluta de un toque dando su índice basado en 0, permitiendo toques múltiples. X (“capa”) (X("layer")) Y (“capa”) (Y("layer")) XAt(index, "layer") YAt(index, "layer") Da la posición actual de un toque en las coordinadas del plano, incluyendo desplazamientos y escalas en cualquier capa. La capa se identifica por la secuencia de su nombre o por su índice basado en 0 (Touch.X(0)). Las expresiones En (At) dan la posición absoluta de un toque dando su índice basado en 0, permitiendo toques múltiples. Por ejemplo, para conseguir la coordinada X del segundo toque de la capa de abajo, la expresión sería Touch.XAt(1, 0). Contador de toques (TouchCount) Número de toques actuales en contacto con la pantalla del dispositivo. Ángulo en (índice) (AngleAt(index)) Da el ángulo de movimiento de un toque específico en grados dando su índice basado en 0. Un toque debe moverse a través de la pantalla para que esta expresión tenga un valor útil. Velocidad en (índice) (SpeedAt(index)) Da la velocidad de un toque específico (dado por su índice basado en 0). La velocidad del toque se mide en el lienzo en píxeles por segundo, por lo que no se ve afectado por ninguna escala del dispositivo. 6.19 Medios de comunicación del Usuario (User Media) El objeto Medios de comunicación del Usuario permite obtener entradas de cámara de un usuario. Requiere un dispositivo de video en el sistema del usuario, como una webcam o la cámara del móvil. Se podrán obtener fotos y transferirse a Sprites o a Fondos Adosados. Por razones de seguridad, la mayoría de los navegadores pedirán permiso al usuario antes de permitir entradas de cámara y mostrará notificaciones cuando la cámara se esté usando. Este objeto tiene muchas características comunes a otros objetos, incluyendo la posibilidad de aplicar efectos. En el plano El objeto Medios de comunicación del Usuario aparece como un rectángulo en la Vista de Plano, con una cruz roja. Representa donde se mostrará el video introducido en el plano. Condiciones de Medios de comunicación del Usuario Solicitud de medios aprobada (On media request approved) Detonado cuando el usuario confirma que quiere usar la cámara tras la acción Solicitar cámara (Request camera) indicando el permiso a la aplicación para usar la cámara. Solicitud de medios rechazada (On media request declined) Detonado cuando el usuario cancela la petición tras la acción Solicitar cámara (Request camera) indicando que no da permiso a la aplicación para usar la cámara. Soporta medios de usuario (Supports user media) Verdadero si el navegador actual puede usar el objeto Medios de comunicación del Usuario. No todos ellos pueden así que en este caso se indicará que no está disponible. Puede ser verdadero incluso aunque el usuario no tenga dispositivos de video instalados en su sistema, ya que solo tiene en cuenta la capacidad del navegador de usar cámaras o no. Acciones de Medios de comunicación del Usuario Solicitar cámara (Request camera) Muestra una petición de seguridad para dar permiso a la aplicación para usar entradas de cámara. Solicitud de medios aprobada (On media request approved) o Solicitud de medios rechazada (On media request declined) se detonarán dependiendo de la respuesta. Si se aprueba el objeto se aparecerá en el plano y mostrara entradas de video. Foto (snapshot) Si el usuario ha aprobado la solicitud de cámara y el objeto se muestra, está acción capturará el frame actual. La imagen estará disponible en la expresión FotoURL (SnapshotURL) como datos URI. La imagen se podrá cargar en un Sprite o Fondo adosado usando la acción Cargar imagen de una URL (Load image from URL) y usando FotoURL (SnapshotURL). Esta acción muestra parámetros opcionales para especificar el formato de compresión, lo que es útil si pretendes subir y guardar la imagen en un archivo más pequeño. Parar (Stop) Finaliza cualquier captura de video activa. Se debe volver a pedir permiso para poder usarse de nuevo. Expresiones de Medios de comunicación del Usuario FotoURL (SnapshotURL) Un dato URI que representa la foto capturada tras la acción Foto (Snapshot), de otra forma estará vacía. La imagen se podrá cargar en un Sprite o Fondo adosado usando la acción Cargar imagen de una URL (Load image from URL) y usando FotoURL (SnapshotURL). Además, los datos URI se pueden enviar a un servidor, guardado en un disco o cualquier otra cosa que quieras hacer con ellos. Anchura de video (VideoWidth) Altura de video (VideoHeight) Si una grabación de video está aprobada y activa, esto da el tamaño en píxeles de la grabación que hace el dispositivo (que puede no ser la misma que la del objeto en el plano). Si no está activa dará 0. 6.20 Almacenamiento Web (WebStorage) El objeto Almacenamiento Web puede almacenar datos locales en el ordenador del usuario entre sesiones. Por ejemplo, puede usarse para almacenar el último guardado y restaurar el progreso del jugador cuando vuelve a jugar. Almacenamiento por dominio El objeto asocia todos los datos almacenados con un dominio. Por ejemplo, todos los juegos que funcionan en scirra.com comparten los mismos datos, pero los de facebook.com usan unos totalmente diferentes a los anteriores. La mayoría de los navegadores ponen un tamaño máximo de almacenamiento de datos en la Web - el límite común es 5mb. Si excedes el límite se detonará Cuota excedida (On quota exceeded) del objeto Almacenamiento Web. Almacenamiento Local vs. De sesión El objeto permite que los datos se almacenen en dos lugares: Almacenamiento local y de sesión. El almacenamiento local es permanente (hasta que el usuario borre el almacén). Si el usuario vuelve a entrar al juego, el almacenamiento local tendrá sus datos anteriores guardados. El almacenamiento de sesión sólo dura durante la sesión actual. Si el usuario vuelve a jugar este almacenamiento estará vacío. Usar Almacenamiento Web El objeto usa un modelo de almacenamiento muy sencillo: los valores se almacenan bajo claves, similares a las del objeto Diccionario. Por ejemplo, el valor 100 se puede almacenar con la clave puntuación mediante la acción Ajustar valor local “puntuación” a 100 (Set local value "score" to 100). De la misma forma el valor John se puede almacenar con la clave nombre. Entonces, la expresión Almacenamiento Web. Valor local (“puntuación”) (WebStorage.LocalValue("score")) dará “100” (como una secuencia) y Almacenamiento Web. Valor local (“nombre”) (WebStorage.LocalValue("name")) dará “John”, y estos valores continuaran en las sesiones siguientes. (Si se usa almacenamiento de sesión los valores solo valdrían para la sesión actual del navegador). Nota que Alamcenamineto Web solo almacena secuencias. Si pones una clave a un número como 100, cuando lo recuperes será una secuencia. Para volver a convertirlo, usa la expresión del sistema int, int(WebStorage.LocalValue("score")). Condiciones de Almacenamiento Web Existe clave local/de sesión (Local/Session key exists) Comprueba si un valor ha sido guardado con una clave en cualquiera de los dos almacenamientos. Cuota excedida (On quota exceeded) La mayoría de los navegadores limitan la cantidad de datos que se pueden Almacenar en la Web a 5mb. Si se excede ese límite o el usuario cancela los permisos para incrementar el espacio de almacenaje, entonces funcionará esta condición. No podrás añadir nuevas claves ni ajustar claves ya existentes para valores más largos hasta que borres alguno de los valores anteriores o vacíes todos los datos. Acciones de Almacenamiento Web Vaciar almacenamiento local/de sesión (Clear local/session storage) Vacía cualquiera de estos dos almacenajes del dominio, sin dejar ni un dato. Quitar valor local/de sesión (Remove local/session value) Borra una clave (y su valor asociado) de algunos de los dos almacenamientos. No volverá a existir. Ajustar valor local/de session (Set local/session value) Almacena un valor (secuencia o número) para una clave en cualquiera de los dos almacenamientos. Si la clave existe se actualiza y si no se crea. Cargar JSON (Load JSON) Carga claves y valores locales almacenados de datos JSON. El formato JSON del objeto Diccionario es compatible, así que se pueden intercambiar datos entre los dos objetos, pero nota que Almacenamiento Web solo almacena secuencias (todos los números se convertirán en secuencias). Si el Modo (Mode) es Colocar (Set), el almacenamiento local se borra primero y después se cargan los datos. Si el Modo (Mode) es Mezclar (Merge), las calves en los datos JSON se añaden o sobrescriben a las claves ya existentes. Expresiones de Almacenamiento Web Local en (LocalAt) De sesión en (SessionAt) Da a los valores un índice basado en 0 si todas las claves están almacenadas en orden alfabético. Útil para listar todos los datos almacenados. Contador Local (LocalCount) Contador de Sesión (SessionCount) Da el número de claves existentes en el almacenamiento de este dominio. Clave Local en (LocalKeyAt) Clave de Sesión en (SessionKyeAt) Da a las claves un índice basado en 0 si todas ellas están almacenadas en orden alfabético. Útil para listar todos los datos almacenados. Valor Local (LocalValue) Valor de Sesión (SessionValue) Recupera el valor almacenado para una clave. Si la clave no existe dará 0. Como JSON (AsJSON) Da el contenido completo de un almacenamiento local en formato JSON. El resultado se podrá cargar también en el objeto Diccionario pero nota que Almacenamiento Web solo almacena secuencias por lo que todos los valores en el diccionario se convertirán en secuencias. 6.21 Windows 8 El objeto Windows 8 (W8 en adelante) da acceso a características específicas de plataformas disponibles cuando se usa el juego como aplicación de Windows 8. Nota que estas características no se aplicarán para otras formas, incluso en Internet Explorer - sólo funciona en el nuevo estilo de apps de W8 a partir de su menú de inicio. W8 también soporta entradas táctiles que es el único método disponible para móviles y tabletas de W8. Para que funcione en estos dispositivos asegúrate de añadir el objeto Táctil. Datos de itinerancia (Roaming data) Las características del objeto que usan datos itinerantes están diseñadas para usarse de la misma forma que el objeto Almacenamiento Web. Con Almacenamiento Web será más fácil usar estas características. La principal diferencia entre el objeto Almacenamiento Web y los datos de itinerancia es que en W8 los datos de itinerancia están sincronizados entre todos los dispositivos móviles. Como en Almacenamiento Web todos los valores de datos de itinerancia son secuencias. Puedes almacenar números en los datos de itinerancia, pero se convertirán automáticamente en secuencias. Para volver a convertir secuencias en número usa las expresiones del sistema int() o float(). Condiciones de W8 Datos cambiados (On data changed) Detonado cuando los datos de itinerancia se han actualizado con datos de otro dispositivo. Normalmente esto ocurre cuando guardas los datos de itinerancia en un dispositivo y después el usuario cambia la aplicación a otro dispositivo. Puede haber tiempo de espera hasta que se sincronicen los datos de itinerancia y, cuando esté todo preparado, este detonador se disparará. Existe clave de itinerancia (Roaming key exists) Verdadero si una clave dad existe en el almacenamiento de itinerancia. Compartiendo (On share) Detonado cuando el usuario activa Compartir (Share). Para especificar qué compartir, usa una de las acciones para compartir de este detonador. Cotejar estado de vista (Compare view state) Comprueba el estado actual de la vista de la aplicación. Puede ser la tradicional pantalla completa apaisada o vertical, o snapped (que significa que la aplicación está a un lado de la ventana, en un formato estrecho) o filled (cuando hay distintas aplicaciones en vista snapped y ésta está usando el área más grande de la pantalla). Estado de vista cambiado (On view state changed) Detonado cuando se cambia el estado de la vista, (para detectar que está snapped usar Estado de la vista snapped (On view state snapped)) Es una aplicación de W8 (Is Windows 8 app) Verdadero si está funcionando como una aplicación de W8, de otra forma será falsa. Nota que seguirá siendo falsa cuando la uses en modo Escritorio (Desktop) o incluso en Internet Explorer 10; sólo será verdadero usando el nuevo estilo de aplicaciones de W8 desde el menú de inicio. Si la condición es falsa, ninguna de las características de este objeto estará disponible. Acciones de W8 Ajustar texto en mosaico (Set live tile text) Cambia el mosaico de la aplicación en el menú de inicio para que muestre texto. Se debe elegir una plantilla prediseñada. Para una vista previa, mira el catálogo tile template catalog on MSDN ⇗. Nota que usar plantillas amplias requerirá que tu aplicación esté usando un mosaico amplio; si lo cambias a una plantilla de tamaño diferente no funcionará. Eliminar datos de itinerancia (Clear roaming data) Borra todas las claves de los datos de itinerancia, dejándolos vacíos. Quitar valor de itinerancia (Remove roaming value) Quita una clave específica de los datos de itinerancia. Ajustar valor de itinerancia (Set roaming value) Almacena una clave y un valor asociado a los datos de itinerancia. Si ya existe el valor se sobrescribe y si no se crea. Los valores se almacenan como secuencias. Puedes usar un número como valor, pero se convertirá y se recuperará en forma de secuencia. Fallo al compartir (Fail share) Solo válido en un evento Compartiendo (On share). Usa esta acción para indicar que compartir ha fallado o no está disponible. Compartir HTML (Share HTML) Solo válido en un evento Compartiendo (On share). Usa esta acción para compartir texto en formato HTML de la aplicación. Compartir enlace (Share link) Solo válido en un evento Compartiendo (On share). Usa esta acción para compartir un enlace, como la dirección de tu página. Compartir texto (Share text) Solo válido en un evento Compartiendo (On share). Usa esta acción para compartir texto de la aplicación. Mostrar compartir UI (Show share UI) Muestra Compartir UI (Share UI) de W8 automáticamente. Asegúrate de usarlo con cuidado para no ofender o molestar a tus usuarios. Por ejemplo, una buena opción es un botón Compartir (Share) personalizado que muestre Compartir UI (Share UI). Esta acción solo funciona cuando tu aplicación está en la ventana activa. Intentar quitar snap (Try unsnap) Si tu aplicación está en la vista snapped, esto intenta cambiarla a filled o pantalla completa. La acción puede no funcionar si el usuario está usando otra aplicación. Expresiones de W8 Valor de itinerancia (clave) (RoamingValue (key)) Recupera un valor del almacenamiento de itinerancia asociado a una clave dada. Si la clave no existe se dará una secuencia vacía. Nota que todos los valores se recuperan en secuencias, aunque los originales fueran números. 6.22 XML El plugin XML puede analizar y leer datos de documentos XML. Usa XPath para acceder a ellos. XPath es un tipo de lenguaje de consulta para XML similar a SQL para bases de datos. Para aprender más sobre XPath clica los siguientes enlaces: W3Schools XPath tutorial ⇗ Some XPath examples ⇗ Another XPath tutorial with examples ⇗ El plugin XML es solo de lectura. Puedes leer datos pero no cambiar ningún valor en documentos XML. Para características comunes a otros plugins ve a Características comunes. Cargar un documento XML XML debe estar cargado como una secuencia con la acción Cargar (Load). Si tienes un pequeño fragmento de XML, puedes copiarlo directamente en el parámetro de la acción. Sin embargo, se recomienda que solicites un archivo XML de un servidor usando el objeto AJAX. Cuando se complete la solicitud, introduce ÚltimoDato. AJAX (AJAX.LastData) en la acción Cargar (Load). Entonces ya podrás leer los datos recibidos. Internet Explorer Internet Explorer no soporta consultas XPath que dan un número (como count(…)). En este caso puedes usar la expresión Contador de nodos (NodeCount) en su lugar. Asegúrate de probar tu proyecto en varios navegadores. El resto de ellos tienen soporte completo estándar para XPath. Condiciones XML Para cada nodo (For each node) Repite el evento una vez por cada nodo dado por la consulta XPath. Normalmente se usará con consultas que dan nodos múltiples, como "/bookstore/book" para seleccionar todos los nodos “libro” (“book”) bajo “almacen de libros” (“bookstore”). En el evento Para cada nodo (For each node) el nodo actual se ajusta al que está siendo repetido. Esto significa que XPaths relativos, como "title/text()" trabajan en relación con el nodo actual (en este caso dando el texto de la pestaña “título” (“title”)). Para cada nodo (For each node) también se puede anidar, así que puedes repetir otra lista relativa en el nodo actual. Acciones XML Cargar (Load) Carga un documento XML de una secuencia. Mira las sección de arriba Cargar un documento XML. Expresiones XML Contador de nodos (NodeCount) Da el número de nodos dados por una expresión XPath. Por ejemplo, puede contar el número de elementos en un nombre dado. En el evento Para cada nodo (For each node), XPath es relativo al nodo actual. Valor de número (NumberValue) Da un número de una expresión XPath. Si se dan múltiples valores, solo se recupera el primero. En el evento Para cada nodo (For each node), XPath es relativo al nodo actual. Valor de secuencia (StringValue) Da una secuencia de una expresión XPath. Si se dan múltiples valores, solo se recupera el primero. En el evento Para cada nodo (For each node), XPath es relativo al nodo actual. 7. Referencia de Sistema El objeto Sistema es el único objeto integrado en C2. Ofrece características para acceder al motor del juego y usos que son útiles para la mayoría de los juegos. Para más información sobre el objeto Sistema ve a la sección del Resumen Estructura del Proyecto. 7.1 Condiciones de Sistema Esta sección describe todas las condiciones en el objeto integrado Sistema de C2. Se listan en el orden en el que aparecen en el diálogo de Añadir Condición. General Cotejar dos valores (Compare two values) Coteja dos expresiones cualquiera (números o texto). El resultado puede ser Igual (Equal), Distinto (Not equal), Menor (Less), Menor o igual (Less or equal), Mayor (Greater) o Mayor o igual (Greater or equal). Cada tick (Every tick) Una condición que siempre es verdadera. Funciona de forma independiente y se comprueba una vez por tick, de ahí el nombre. Un tick es sobre 60 veces por segundo en la mayoría de ordenadores; para más información mira cómo funcionan los eventos. Añadir Cada tick (Every tick) a un evento con otras condiciones es redundante y no tendrá efecto. Está entre valores (Is between values) Comprueba si un número está entre dos valores (mayores o iguales que un valor más bajo y menores o iguales que otro más alto). Grupo activo (Is group active) Comprueba si un grupo de eventos está activo o inactivo. Para identificarlos se usa el nombre del grupo. Variables Locales y Globales Cotejar variable (Compare variable) Coteja el valor de una variable de evento (global o local). Estas variables pueden almacenar números y texto. El resultado puede ser Igual (Equal), Distinto (Not equal), Menor (Less), Menor o igual (Less or equal), Mayor (Greater) o Mayor o igual (Greater or equal). Capas y Plano Cotejar opacidad (Compare opacity) Coteja la opacidad (o semitransparencia) de una capa, de 0 (transparente) a 100 (opaca). La opacidad de una capa no puede estar fuera de este rango. Se soportan efectos (Effect are supported) Verdadero si el soporte WebGL está disponible para mostrar los efectos. Para más información ve a la sección Efectos. Capa visible (Layer is visible) Comprueba si la capa actual es visible o no. Captura de lienzo (On canvas snapshot) Detonado tras la acción del sistema Hacer captura de lienzo (Snapshot canvas), cuando la cpatura está preparada. Se puede acceder a ella con la expresión del sistema Captura de lienzo (CanvasSnapshot). Bucles Los bucles se pueden detener con la acción del sistema Parar bucle (Stop Loop). Para (For) Repite el evento un número de veces, usando una índice de variables con un rango de valores. El índice puede recuperarse con la expresión Índice de Bucle (LoopIndex) y así dar el nombre del bucle. Para cada (For Each) Para cada (ordenado) (For Each (ordered)) Repite el evento una vez por ejemplo recogido. Sólo repite el evento para ejemplos que reúnan condiciones anteriores. Para más información sobre la recogida de ejemplos mira cómo funcionan los eventos. Para cada (For Each) suele ser mal utilizada o usada de forma redundante - las acciones ya aplican para cada ejemplo recogido por condiciones, así que a menudo no es necesaria. Sin embargo, si entiendes completamente cómo funcionan los eventos la puedes usar para forzar al evento a aplicarse a cada ejemplo aunque el propio evento no lo haría de forma normal. La variante “ordenado” (“ordened”) permite definir el orden en el que los ejemplos se repiten con una expresión. Por ejemplo, ordenando por Sprite.Y ascendente repetirá los ejemplo de arriba de la pantalla primero y se moverá hacia abajo. Repetir (Repeat) Simplemente repite el evento un número dado de veces. Esto comprueba cualquier condición que lo sigue en cada repetición y, si se reúnen esas condiciones, también funcionarán las acciones y sub-eventos en cada repetición. Mientras (While) Repite el evento hasta que una de las otras condiciones del evento sea falsa o se use la acción Parar bucle (Stop loop). Ten cuidado de no crear bucles infinitos que pueden ralentizar el juego Recoger ejemplos Recoger todos (Pick all) Selecciona todos los objetos. Las condiciones posteriores recogerán entonces de todas, en vez de la selección hecha por condiciones previas. Para más información de cómo funciona la selección de ejemplos en eventos ve a Cómo funcionan los ejemplos. Útil en sub-eventos para afectar a ejemplos distintos del anterior. Recoger ejemplo Nº (Pick Nth instance) Selecciona un ejemplo de una lista dada de objetos recogidos. Es más útil en sub-eventos para afectar sólo a ciertos ejemplos. Por ejemplo, en un evento “Sprite colisiona con Sprite”, Recoger ejemplo 0 (Pick 0th instance) y Recoger ejemplo 1 (Pick 1st instance) se usan para que ambas actúen en esa colisión. Si todos los objetos están seleccionados, esta condición se puede usar también para recoger un objeto por su índice de ID (IID). Para más información ve a Características comunes. Recoger ejemplo al azar (Pick random instance) Recoge un ejemplo al azar de la selección actual de objetos. En otras palabras, esta condición sigue a otra condición y recogerá una al azar de las que han reunido la condición anterior. De otra forma recogerá al azar de entre todos los ejemplos. Condiciones especiales Otro (Else) Funciona si el evento anterior no ha funcionado. Nota que esta condición no selecciona objetos: si sigue a un evento que recogió objetos, en el evento Otro (Else) todos los ejemplos se vuelven a seleccionar. Otro (Else)sólo puede seguir a eventos normales (no detonados). También puede seguir a otro evento Otro (Else) con otras condiciones para hacer una cadena “si - otro si -” (“if - else if -”). Está en vista previa (Is in preview) Verdadero cuando haces vista previa en C2, y falso cuando funciona tras haber sido exportado. Útil para eliminar fallos o añadir características de diagnostico sólo para la vista previa. Está en un dispositivo móvil (Is on mobile devide) Intenta detectar si el dispositivo actual es uno móvil (teléfono o tableta). Es muy difícil precisar y la detección pude no ser perfecta: puede haber algunos sistemas móviles para los que esta condición no sea verdadera y (menos a menudo) sistemas de mesa para los que sí. La condición siempre es verdadera cuando se usa a través de contenedores PhoneGap o AppMobi y para los dispositivos iOS o Android. A parte de esto C2 comprobará otros fabricantes de móviles comunes. Dará verdadero si el sistema actual no es un sistema fijo y ya que hay pocos así en OSs se comprobará en Windows, Linux, OS 9, OS X, Solaris y BSD. Detonar cuando sea verdadero (Trigger once while true) Convierte un evento normal (que se comprueba cada vez o tick) en un detonador. Por ejemplo, si un evento reproduce un sonido cuando tienes 0 vidas, normalmente el evento funcionará cada tick. Reproducirá 60 sonidos por segundo y sonaría bastante mal. Añadir Detonar cuando sea verdadero (Trigger once while true) tras la otra condición hará que el evento funcione sólo cuando sea verdadera. Esto hace que el ejemplo anterior reproduzca el sonido cuando las vidas estén a 0. Debe ser la última condición de un evento. Inicio y fin Al final del plano (On end of layout) Detonado cuando el plano está terminando. Puede ocurrir cuando se quiere cambiar de plano o cuando el proyecto finaliza. Al inicio del plano (On start of layout) Detonado cuando un plano empieza. Tiempo Cotejar tiempo (Compare time) Coteja el tiempo, en segundos, desde que el juego empieza. Por ejemplo, los eventos se pueden programar para suceder cuando el tiempo llegue (sea igual) a 10 segundos. Cada X segundos (Every X seconds) Hace que el evento funcione en un intervalo de segundos dado. Se puede usar tras otras condiciones para hacer funcionar el evento en ese intervalo sólo mientras otra condiciones son verdaderas, como “El jugador esta pulsando la barra espaciadora Y cada 0,5 segundos: se dispara el láser” ("Player is holding spacebar AND every 0.5 seconds: fire laser"). 7.2 System actions Esta sección describe todas las acciones en el objeto integrado Sistema de C2. Se listan en el orden en el que aparecen en el diálogo de Añadir Acción. Monitor Ajustar tamaño del lienzo (Set canvas size) Ajusta el tamaño del lienzo en el área de la página, si aparece en línea a ella (no se usa el modo pantalla completa). Capturar el lienzo (Snapshot canvas) Toma una captura de pantalla del monitor. Esto detona Captura de lienzo (On canvas snapshot) cuando la foto está preparada y se puede acceder a ella con la expresión del sistema Captura de lienzo (CanvasSnapshot). Después se podrá cargar en un sprite o en un fondo adosado, enviarse a un servidor o abrir con el objeto Navegador en una pestaña nueva. General Crear objeto (Create object) Crea un nuevo ejemplo de un tipo de objeto en una posición dada de una capa. Si se elige una Familia, un tipo de objeto al azar de la familia se seleccionará, creándose un ejemplo para él. Ir a plano (Go to layout) Ir a plano (por nombre) (Go to layout (by name)) Cambia a otro plano del proyecto. Nota que las variables globales mantienen su valor actual - no se reajustan. Para reajustarlas usa la acción del sistema Reajustar variables globales (Reset global variables). Reiniciar plano (Restart layout) Reinicia el plano actual. Nota que, a diferencia de Ir a plano (Go to layout), esta acción reajusta todos los grupos de eventos a su estado inicial. Las variables globales mantienen su valor actual - no se reajustan. Para reajustarlas usa la acción del sistema Reajustar variables globales (Reset global variables). Activar grupo (Set group active) Activa o desactiva un grupo de eventos. Ningúno de los eventos dentro de un grupo inactivo funcionará hasta que vuelva a ser activado. Los grupos se identifican por su nombre. Parar bucle (Stop loop) Detiene los bucles Repetir (Repeat), Para (For) o Para cada (For each). Estos bucles son condiciones del sistema. El resto de acciones de eventos y sub-eventos continuarán funcionando, pero no en bucle. Variables globales y locales Añadir a (Add to) Quitar de (Subtract from) Ajustar valor (Set value) Altera el valor almacenado de una variable global o local. Reajustar variables globales (Reset global variables) Reajusta todas las variables globales del proyecto a su valor inicial. Capas y plano Para más información sobre acciones de los efectos ve a la sección Efectos. Ajustar ángulo de capa (Set layer angle) Rota una capa entera a un número de grados. Habilitar efecto de capa (Set layer effect enabled) Habilita o deshabilita uno de los efectos de una capa en el plano actual. Esta acción no puede usarse para alterar capas de otros planos. Ajustar parámetro de efecto de capa (Set layer effect parameter) Cambia el valor de uno de los parámetros de un efecto de una capa en el plano actual. Esta acción no puede usarse para alterar capas de otros planos. El parámetro a cambiar se especifica por su índice basado en cero, 0 cambiará el primer parámetro, 1 el segundo y así sucesivamente. Ajustar opacidad de capa (Set layer opacity) Ajusta la opacidad (o semitransparecia) de una capa completa. Ajustar escala de capa (Set layer scale) Ajusta la escala (o zoom) de una capa completa, teniendo en cuenta su propiedad tasa de escala (scale rate). Ajustar tasa de escala de capa (Set layer scale rate) Ajusta la propiedad tasa de escala (scale rate) de una capa, que define cómo de rápido se escala. Hacer capa visible (Set layer visible) Muestra o esconde una capa completa. Ajustar ángulo de plano (Set layout angle) Rota un plano completo a un número de grados. Rota todas las capas dentro del plano. Habilitar efecto de plano (Set layout effect enabled) Habilita o deshabilita uno de los efectos del plano actual. Esta acción no puede usarse para otros planos. Ajustar parámetro de efecto de plano (Set layout effect parameter) Cambia el valor de uno de los parámetros de un efecto del plano actual. Esta acción no puede usarse para alterar otros planos. El parámetro a cambiar se especifica por su índice basado en cero, 0 cambiará el primer parámetro, 1 el segundo y así sucesivamente. Ajustar escala de plano (Set layout scale) Ajusta la escala (o zoom) de un plano completo. Escala todas las capas del plano, teniendo en cuenta su propiedad tasa de escala (scale rate). Desplazamiento Para desplazar, el tamaño del plano debe ser mayor que el tamaño de la ventana o estar activada la propiedad Desplazamiento ilimitado (Unbounded scrolling). De otra forma no habría a donde desplazarse y esta acción no tendría efecto. Desplazarse a objeto (Scroll to object) Centra la vista en un objeto dado. Desplaza todas las capas teniendo en cuenta su propiedad de paralaje (parallax). Desplazar a posición (Scroll to position) Desplazar a X (Scroll to X) Desplazar a Y (Scroll to Y) Ajusta las posiciones X e Y en donde centrar la vista. Desplaza todas las capas teniendo en cuenta su propiedad de paralaje (parallax). Tiempo Ajustar escala de tiempo (Set time scale) Cambia la tasa a la que el tiempo transcurre en el juego. Útil para efectos a cámara lenta y de pausa. Mira el tutorial Delta-time and framerate independence ⇗ para más información. Ajustar escala de tiempo de objeto (Set object time scale) Restaurar escala de tiempo de objeto (Restore object time scale) Cambia la tasa a la que el tiempo transcurre para un objeto específico. Afecta al comportamiento del objeto y a su expresión dt. Restaurarla lo devuelve a la misma escala de tiempo que el resto del juego. Mira el tutorial Delta-time and framerate independence ⇗ para más información. Esperar (Wait) Espera un número de segundos antes de continuar con la siguiente acción o sub-evento. Otros eventos continuarán funcionando mientras. Mira el tutorial How to use the System 'Wait' action ⇗. 7.3 Expresiones de Sistema Esta sección da un resumen de las expresiones en el objeto integrado Sistema de C2. Muchas son operaciones matemáticas comunes y se enumeran con descripciones en el panel de Expresiones, pero aquí se incluyen completas. Esta sección no lista los operadores o sintaxis que se usan en las expresiones - solo las expresiones específicas al objeto Sistema. Para más información general de cómo usar expresiones en C2 ve a Expresiones. Monitor Anchura de la ventana (WindowWidth) Altura de la ventana (WindowHeight) Da el tamaño de la ventana. Útil con la propiedad Pantalla completa en el navegador (Fullscreen in browser) ya que esto habilita una variable de tamaño de ventana. Mira también Supporting multiple screen sizes ⇗. Capas Expresiones donde se requiere una capa, por su nombre (como secuencia) o su índice (como número basado en 0). CanvasToLayerX(layer) CanvasToLayerY(layer) Calcula las coordenadas del plano por debajo de una posición en las coordenadas del lienzo para una capa dada. LayerToCanvasX(layer) LayerToCanvasY(layer) Calcula las coordenadas del lienzo por encima de una posición en las coordenadas del plano para una capa dada. Ángulo de Capa (capa) (LayerAngle(layer)) Da el ángulo de una capa en grados. Opacidad de Capa (capa) (LayerOpacity(layer)) Da la opacidad (o semitransparencia) de una capa, de 0 (transparente) a 100 (opaca). Escala de Capa (capa) (LayerScale(layer)) Da la escala actual de la capa, sin incluir la escala total del plano. Tasa de escala de Capa (capa) (LayerScaleRate(layer)) Da la tasa de escala actual de la capa, que define como de rápido se escala. Vista abajo (capa) (ViewportBottom(layer)) Vista izquierda (capa) (ViewportLeft(layer)) Vista derecha (capa) (ViewportRight(layer)) Vista arriba (capa) (ViewportTop(layer)) Da los límites de la vista en coordenadas del plano de una capa dada. No todas las capas tienen la misma vista si estas usan paralaje, están escaladas o rotadas de forma independiente. Plano Captura del lienzo (CanvasSnapshot) Contiene la imagen resultante de la acción Capturar lienzo (Snapshot canvas) y tras Captura del lienzo (On canvas snapshot). (Nota que está expresión no estará disponible inmediatamente tras la acción Capturar lienzo (Snapshot canvas) – solo puedes usarlo cuando Captura del lienzo (On canvas snapshot) se detone).La expresión da los datos URI del archivo de imagen. Después, esto puede cargarse en un objeto Sprite o Fondo Adosado mediante Cargar imagen de una URL (Load image from URL), enviarse a un servidor para almacenarlo localmente o abierto con el objeto navegador en una nueva pestaña para guardarla en el disco. Ángulo del plano (LayoutAngle) Da el ángulo del plano actual en grados. No incluye la rotación de las capas individualmente. Escala del plano (LayoutScale) Da la escala del plano complete dada por la acción Ajustar escala de plano (Set layout scale). Esto no incluye la escala de las capas individualmente. Anchura del plano (LayoutWidth) Altura del plano (LayoutHeight) Da el tamaño del plano actual en píxeles. Nombre de plano (LayoutName) Da el nombre del plano actual. Desplazamiento X (scrollx) Desplazamiento Y (scrolly) Da la posición actual en la que la vista está centrada Matemáticas Estas expresiones son funciones matemáticas normales que puedes encontrar en calculadoras. Sin embargo, nota que las funciones que usan ángulos trabajan con grados, no radianes. Los ángulos empiezan en 0 grados y aumentan hacia la derecha en el sentido de las agujas del reloj. sin(x), cos(x), tan(x), asin(x), acos(x), atan(x) Funciones trigonométricas que usan ángulos en grados. abs(x) Valor absoluto de x (abs(-5) = 5). angle(x1, y1, x2, y2) Calcula el ángulo entre dos puntos. anglelerp(a, b, x) Interpola linealmente el ángulo a al b por x. Tiene en cuenta la naturaleza cíclica de los ángulos, no como el estándar lerp. anglediff(a1, a2) Da la diferencia más pequeña entre dos ángulos anglerotate(start, end, step) Rota el ángulo desde el inicio (start) hasta el final (end) pasando por el ángulo de paso (step), todo en grados. Si inicio (start) está a menor distancia en grados del final (end) que el de paso (step), dará final (end). ceil(x) Redondea al alza x (ceil(5.1) = 6). distance(x1, y1, x2, y2) Calcula la distancia entre dos puntos. exp(x) Calcula e^x. floor(x) Redondea a la baja x (floor(5.9) = 5). lerp(a, b, x) Interpolación lineal del ángulo a al b por x. Calcula a + x * (b - a). unlerp(a, b, y) Invierte la interpolación lineal: si lerp(a, b, x) = y, entonces unlerp (a, b , y) = x. Calcula (y - a) / (b - a). ln(x) Logaritmo de base e de x. log10(x) Logaritmo de base 10 de x. max(a, b [, c...]), min(a, b [, c...]) Calcula el máximo o el mínimo de números dados. Se puede usar cualquier número de los parámetros mientras haya al menos dos. pi La constante matemática pi (3.14159...). round(x) Redondea x al número entero más cercano (round(5.6) = 6). sqrt(x) Calcula la raíz cuadrada de x (sqrt(25) = 5). Sistema Progreso de carga (loadingprogress) Da el progreso de la carga actual en un plano cargador, o el progreso de una actualización mientras que la condición del objeto Navegador Está descargando actualización (Is downloading update) es verdadera. El progreso viene dado por un número de 0 a 1 (0,5 sería la mitad). Para más información ve a los tutoriales Como hacer una pantalla de carga personalizada (how to make a custom loading screen ⇗) y Juegos offline en C2 (offline games in Construct 2 ⇗). Índice de bucle (loopindex) Da el índice (número de repeticiones) de cualquier bucle actual. Índice de bucle (nombre) (loopindex(name)) Da el índice (número de repeticiones) de un bucle dando su nombre. Útil para obtener índices en un bucle anidado. Contador de objetos (objectcount) El número total de objetos creados. Versión del proyecto (projectversion) Da la versión introducida en las Propiedades del proyecto. Nota que siempre da una secuencia, no un número. Lienzo (renderer) Da el nombre del lienzo usado para dibujar el juego, que puede ser canvas2d o webgl. Mira la sección Tecnología para más información sobre lienzos. Texto Encontrar (src, texto) (find(src, text)) Encuentra el primer índice en src que aparece en el texto, de lo contrario da -1. left(text, count) Da la primera cuenta de caracteres de texto. len(text) Da el número de caracteres en el texto. Minúsculas (texto) (lowercase(text)) Convierte todo el texto dado en minúsculas. mid(text, index, count) Da la cuenta de caracteres empezando por el índice en el texto. Nueva línea (newline) Una secuencia que contiene un salto de línea. Usar para insertar saltos de línea en secuencias (“Hello" & newline & "World”) Sustituir (src, find, rep) (replace(src, find, rep)) Encuentra todos los casos de find en src y las sustituye con rep. right(text, count) Da la última cuenta de caracteres del texto. tokenat(src, index, separator) Cuenta cuantos tokens hay en src usando separator. Por ejemplo, ("apples|oranges|bananas", "|") da 3. trim(src) Da src con todos los espacios en blanco (espacios, tabulaciones, etc.) quitados desde el principio al final de la secuencia. Mayúsculas (text) (uppercase(text)) Convierte todo el texto dado en mayúsculas. Codificar URL (str) (URLEncode(str)) Decodificar URL (str) (URLDecode(str)) Convierte en o desde una secuencia a un formato apropiado para incluir en una URL o datos POST. zeropad(number, digits) Rellena los números hasta llegar a ciertos dígitos añadiendo ceros a la izqueirda de los números y dando como resultado una secuencia. Por ejemplo zeropad(45, 5) dará la secuencia “00045”. Tiempo Uso de CPU (CPUUtilisation) El porcentaje del último Segundo que se gastó en la lógica de la aplicación. Eso es para que usuarios avanzados hagan mediciones del rendimiento. Nota que en los dispositivos aceleradores de hardware la renderización ocurre en una GPU separada y esta medición no te podrá decir nada sobre como de rápido se produce; para ello sería mejor la medición fps. dt El tiempo delta en segundos. Ver Delta-time and framerate independence ⇗. fps La tasa de frames por segundo (FPS) actual, que es cuantos veces la pantalla se dibuja cada segundo. La mayoría de los ordenadores funcionan a 60 fps si son suficientemente rápidos. Contador de ticks (tickcount) El número de ticks que ha habido desde el inicio del juego. Tiempo (Time) El número de segundos desde que el juego empezó, teniendo en cuenta la escala de tiempo. Escala de tiempo (Timescale) La escala de tiempo actual. Tiempo real (Wallclocktime) El número de segundos desde que el juego empezó, sin tener en cuenta la escala de tiempo (el tiempo en el mundo real). Valores Elegir ((a, b [, c...])) (choose(a, b [, c...])) Elige uno de los parámetros dados al azar. Por ejemplo, choose(1, 3, 9, 20) escogerá al azar uno de los cuatro números. También funciona con secuencias, por ejemplo choose("Hello", "Hi") dará Hello o Hi. Se puede usar cualquier número de parámetros, mínimo dos. clamp(x, lower, upper) Da inferior (lower) si x es menor que inferior (lower), superior (upper) si x es mayor que superior (upper), de lo contrario dará x. float(x) Convierte el número entero o el texto x en un número fraccionado. int(x) Convierte el número fraccionado o texto x en un número entero. random(x) Genera una fracción al azar de 0 a x, sin incluir x. Por ejemplo, random(4) puede generar 0, 2.5, 3.29293, pero no 4. Usa floor(random(4)) para generar números enteros como 0, 1, 2, 3. random(a, b) Genera fracciones al azar entre a y b, incluyendo a pero sin incluir b. rgb(r, g, b) Genera un número simple que contiene un color en formato RGB. Es útil para condiciones o acciones que tienen en cuenta el parámetro color. str(x) Convierte el número entero o fracción x en secuencia. Generalmente no es necesario ya que las secuencias se pueden construir usando el operador &. Por ejemplo “Tu puntuación es ” & puntuación ("Your score is " & score). Traducido por Javiusdey de desarrollodejuegos.com.es y Marta Villaescusa
