Nibbles es un juego donde el usuario controla un gusano. El gusano se mueve alrededor del tablero, comiendo diamantes mientras evita las paredes ubicadas alrededor de ella.
 
Para ejecutar Nibbles, seleccione Juegos ▸ Nibbles del menú Aplicaciones, o escriba gnibbles en la línea de comandos.
 
Nibbles está incluido en el paquete gnome-games, que es parte del entorno de escritorio GNOME. Este documento describe la versión 2.20 de Nibbles.

Nibbles el gusano comedor de diamantes.

La guía completa de Nibbles.

El objetivo de Nibbles es bastante simple. Controle el gusano y si se choca con una pared o contra si mismo, muere. 

Objetivo de Nibbles.

Tiene diez vidas antes de que se acabe su partida. Ganará cuando bata su propio récord (o el de algún amigo) o complete todos los niveles.



También es posible jugar contra gusanos con inteligencia artificial.
Nibbles también soporta modo multijugador con hasta seis jugadores humanos en un equipo o en modo red.

Usar Nibbles.

Nibbles es un juego muy fácil de jugar. Las únicas teclas que se necesitan son las teclas de flechas.
Al iniciar Nibbles se abrirá la ventana principal mostrada debajo.

Para iniciar el juego, seleccione Juego Nuevo.

Cuando comienza la partida, el gusano saldrá de un lado de la pantalla. Use la flecha arriba para hacer que el gusano vaya hacia arriba. Use la flecha derecha para girar a el gusano a la derecha,
flecha izquierda para girar al gusano a la izquierda y flecha abajo para hacer que el gusano vaya hacia abajo.

Nibbles inicio del juego.

Menús.

La barra de menú, ubicada en la parte superior de la ventana principal, contiene los siguientes menús:

Juego.

Este menú contiene:
* Nuevo (Ctrl+N) esto inicia un juego nuevo de Nibbles.
* Nuevo (Ctrl+N) esto inicia un juego nuevo de Nibbles.
* Puntuación esto muestra las puntuaciones más altas.
* Pausa esto pausará su partida. Pulse en la opción de menú «Pausa» para resumir la partida.
* Finalizar el juego finaliza la partida actual y vuelve a la pantalla de título.
* Salir (Ctrl-Q) esto sale de la aplicación.
Ver
Este menú contiene:
* Puntuación esto muestra las puntuaciones más altas.
Configuración
Este menú contiene:
* Preferencias esto abre su ventana para editar las preferencias.
Ayuda
Este menú contiene:
* Contenido (F1) muestra este manual.
Leer también:
Acerca de esto abre el diálogo Acerca de el cuál muestra información básica acerca de Nibbles, tal como el nombre del autor y el número de versión del juego.

Diamantes.

En Nibbles numerosos y diferentes diamantes para comer. Cada uno es de un color diferente y sirve para una función diferente. Solamente se garantiza que el diamante púrpura pálido es suficientemente largo para comerlo (de hecho, tiene que comerlos para finalizar el nivel). Los otros diamantes son premios, pero sólo aparecen por un periodo de tiempo corto. Le dejaremos que descubra qué tipo de premio proporciona cada color, pero todos afectan a la puntuación, a la longitud del gusano o a ambos. Tenga cuidado cuando vaya a por estos diamantes de premio, no se vaya a olvidar de los diamantes ordinarios que necesita para finalizar el nivel.

Personalizar.

Para cambiar los ajustes de la aplicación, seleccione Ajustes ▸ Preferencias. Esto abrirá el diálogo de Preferencias. Todas las preferencias se guardan automáticamente y se aplican cuando las cambie.

Solapa de preferencias del juego.

Preferencias de Nibbles: Juego.

Las propiedades en la solapa Juego son:
Velocidad.
Esto controla la velocidad del gusano.
Jugar niveles en orden aleatorio
Seleccionar esto hará que el avance del nivel ocurra en orden aleatorio.
Activar bonificaciones falsas
Cuando está activado permite que haya dos diamantes azules en la pantalla a la vez. Al ser comido, un diamante le hace encogerse en lugar de crecer.
Activar los sonidos
Controla el uso de los sonidos durante el juego.
Nivel inicial
En qué nivel comenzar. Use esto si quiere saltar inmediatamente a un nivel de competición.
Número de jugadores humanos
Hay sitio hasta para seis jugadores.
Número de jugadores IA
Hay sitio para hasta seis jugadores IA. Nótese que el número total de jugadores humanos e IA debe ser igual o menor que seis.
Solapa de preferencias del gusano

La guía completa para aprender a jugar con Nibbles, el gusano comedor de diamantes.Haz Clic para Twittear

Las propiedades en las solapas desde Gusano 1 hasta Gusano 4 le permiten establecer preferencias individuales para los diferentes gusanos.

Preferencias de Nibbles: Gusano 1.

Control de teclado.

Esta lista le permite cambiar los controles de teclado para el gusano dado. Para cambiar un control, pulse dos veces sobre la entrada apropiada y después pulse la techa que quiere usar para ese control.

Usar movimiento relativo.

Más que dejar que la flecha izquierda envíe a su gusano a la parte izquierda de la pantalla, la flecha derecha hacia la parte derecha y demás, las teclas de flecha izquierda y derecha hacen que el gusano realice un giro a la derecha o izquierda, si el gusano se está moviendo a la izquierda y pulsa la flecha izquierda, éste gira hacia la parte inferior de la pantalla.


Color del gusano.
Personalice el color de su gusano para poder diferenciarlo del de su oponente en el modo multi jugador.

Juegos en red.

Nibbles soporta juegos en red multijugador, proporcionados por GGZ Gaming Zone. Al conectar Nibbles a un servidor en internet, puede desafiar otros jugadores en juegos multijugador. Para obtener noticias, actualizaciones y una lista de los servidores a los que conectar, vea la página web de juegos GNOME.

Para iniciar el juego multijugador de Nibbles, seleccione Juego ▸ Juego en red del menú de Nibbles.

Conectar Nibbles con un servidor de red.

El diálogo de conexión de Nibbles se muestra inicialmente al comenzar un nuevo juego en red. Éste diálogo le permite seleccionar un servidor al que conectarse y el nombre de usuario que tendrá mientras esté conectado a ese servidor.

Es posible conectarse a un servidor tanto con una cuenta de invitado como con una cuenta normal registrada. Las cuentas de invitado le permiten registrarse anónimamente, mientras que una cuenta normal le permite reservar su propio nombre de usuario que está protegido por la contraseña que elija.

Debería seleccionar la opción Inicio de sesión como invitado si quiere iniciar una sesión anónima. Si quiere crear una nueva cuenta, entonces seleccione la opción Inicio de sesión por primera vez, con el nombre de usuario, contraseña y correo electrónico que quiera. Si ya ha creado una cuenta, puede conectarse con ella seleccionando la opción Inicio de sesión normal e introduciendo el nombre de usuario y contraseña que eligió.

Para conectar a un servidor, pulse en el botón Conectar.

Configurar Nibbles para jugar en red.

Una vez que se haya conectado a un servidor, elija a qué sala de juego quiere unirse. Para jugar una partida multijugador de Nibbles, seleccione la sala Nibbles. Si quiere hospedar su propia partida, entonces pulse el botón Lanzar. Esto creará un nuevo tablero donde otros jugadores pueden participar en la partida contra usted. Si ya hay algún otro juego iniciado, puede pulsar con el ratón dos veces sobre un tablero para unirse a él. La lista de tableros de juegos a la derecha le muestra el número de asientos disponibles, que significa el número de jugadores que pueden unirse al tablero.

Cuando cree una nueva tablero para partidas de Nibbles, se mostrará un diálogo de preferencias que le permite personalizar el juego, tales como el mínimo número de jugadores para la partida. Una vez que todos los asientos se han ocupado, entonces no se permitirá a más jugadores que se unan a ese tablero.



Es posible chatear con otros jugadores en los juegos en red. Pregunte por un consejo o ayuda mientras juega las partidas, pero sea educado con los otros jugadores.

Esperar a que otros jugadores se unan al juego.

Una vez que se ha unido satisfactoriamente a una partida, tiene que esperar hasta que se unan suficientes jugadores. El elemento del menú Lista de jugadores le permite ver la lista de los jugadores que se han unido a la partida. El juego comenzará inmediatamente cuando se alcance el número de jugadores necesario.

Jugar a Nibbles en modo multijugador.

Las partidas multijugador en Nibbles tienen más o menos las mimas reglas que una partida normal de Nibbles, salvo que ahora juega contra jugadores humanos. Esto significa que posiblemente otras estrategias sean mejores que las usadas contra los jugadores IA.

Una vez que un jugador ha ganado, el juego termina y puede volver a la pantalla iniciar de juego en red. Entonces puede jugar otra adictiva partida de Nibbles.

Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:

AssaultCube está hecho para jugar online, por servidores, pero tiene un modo no online donde se puede jugar con bots, emulando una partida online.

AssaultCube es gratuito, ya que su motor es Código abierto aunque sus texturas y otras partes del juego no lo son.

AssaultCube es un juego hecho para ser muy rápido (Como Quake) y para correr en casi cualquier ordenador, ya que este juego necesita muy pocos recursos, y hasta el instalador es pequeño.

AssaultCube juego de acción en primera persona.

Bugs.

Se pueden encontrar varios bugs que se han dejado intencionadamente de el motor Cube, como por ejemplo el "straferunning" o el poder de coger impulso gracias a las armas para llegar a sitios que no se pueden llegar de otra forma.

Leer también: La guía completa para aprender a jugar con Nibbles, el gusano comedor de diamantes.

Capturas de pantallas.

Un par de imágenes del "viejo" Action Cube:

También se incluye un editor de mapas en el mismo juego.

AssaultCube juego de acción en primera persona basado en el motor Cube y de código abierto.Haz Clic para Twittear

El juego como ya dije en la introduccion es un shooter en 1º persona y debes estar en un bando; terrorista o antiterrorista.

Armas y estrategias.

También debes elegir un arma; a elegir entre escopeta, rifle de asalto, ametralladora o rifle de francotirado, y también puedes conseguir granadas. Ademas de tener una pistola y un cuchillo.

Para distinguirte entre tus compañeros eliges un uniforme que vienen predeterminados por el ordenador.

En el modo online se puede jugar con más amigos.

Lo que más me gusta es el modo on-line porque hago duelos con mis amigos y lo que menos me gusta es que tiene muy poca variedad en lo que a armas se refiere y skins.



La parte educativa del juego (si se puede llamar así) es que te enseña a hacer estrategias en el combate y aumenta los reflejos del usuario.

Modos de juego.

Capture The Flag
Deathmatch y Team Deathmatch
One Shot One Kill y Team One Shot One Kill
Last Swiss Standing
Survivor y Team Survivor
Pistol Frenzy
Keep The Flag y Team Keep The Flag
Hunt The Flag
Coop-edit

Armas disponibles.

Hay siete armas, que estan disponibles para utilizar en cualquier momento.2
Swiss Tech Combat Blade DR-88 (Navaja)
Mk-77 Semi-Automatic Pistol (Pistola)
MTP-57 Assault Rifle (Rifle de asalto)

Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog:

Canvas es un elemento HTML el cual puede ser usado para dibujar gráficos usando scripts (normalmente JavaScript).

Este puede, por ejemplo, ser usado para dibujar gráficos, realizar composición de fotos o simples (y no tan simples) animaciones. Las imágenes a la derecha muestran algunos ejemplos de implementaciones <canvas>  las cuales se verán en un futuro en este tutorial.

Canvas  fue introducido primero por Apple para el Mac OS X Dashboard y después implementado en Safari y Google Chrome. Navegadores basados en Gecko 1.8, tal como Firefox 1.5, que también soportan este elemento. El <canvas> es un elemento parte de las especificaciones de la WhatWG Web applications 1.0 mejor conocida como HTML5.

Cómo utilizar la plataforma Canvas.

En este tutorial se describe cómo usar el elemento <canvas> para dibujar gráficos en 2D, empezando con lo básico.



Los ejemplos le proveerán mayor claridad a las ideas que pueda tener referentes al canvas, así como los códigos que necesita para crear su propio contenido.

El elemento <canvas> está incluido en las aplicaciones Web 1.0 de WhatWG Web, también conocido como HTML 5.

Las aplicaciones de Mozilla han implementado <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5).

El elemento fue presentado originalmente por Apple para OS X Dashboard y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante, para versiones anteriores de IE, una página web puede añadir la compatibilidad de forma eficaz incluyendo un script que se puede descargar desde el proyecto Explorer Canvas de Google. Google Chrome y Opera 9 también soportan <canvas>.

Leer también: Cómo utilizar la plataforma Canvas: introducción y especificaciones básicas del PC.

Pasos para una Animacion Básica.

Ya que estamos usando JavaScript para controlar los <canvas> , tambien es muy facil hacer animaciones (interactivos). En este capitulo veremos como hacer algunas animaciones basicas.
Probablemente la mayor limitacion es, que una vez que la forma se dibuja, quede asi.

Y si tuvieramos que moverla tendriamos que redibujar todo y todo lo que fue dibujado antes. Esto tomaria mucho tiempo en redibujar (los marcos y las figuras complejas) y esto va a depender en gran medida de la velocidad a la que corra tu computadora.

Estos son los pasos que necesitas para dibujar un marco:

Limpiar el Canva.

A menos que la forma que dibujes llene por completo el canva (Por Ejemplo una imagen de fondo), necesitas limpiar cualquier forma que hallas dibujado previamente. Esto facilemente podrias hacerlo usando el metodo clearRect().

Guardar el estado del Canva.

Si tu modificas cualquier ajuste (como un estilo, transfomacion, etc.) que afecte estado del canva y quieres asegurarte que el estado original se use cada vez que dibujes un marco, entonces necesitas guardar el estado original.

Dibujar formas animadas.

Este es le paso donde haces el renderizado del marco actual.

Restaurar el estado del Canva.

Si tu has guardado el estado del canva, debes restaurarlo antes de dibujar un nuevo marco.

Controlar una Animacion.

Para crear formas en en los canvas usamos los metodos de canvas o hacemos el llamando a funciones personalizadas. En un caso normal, nosostros solo vemos que el resultado aparece cuando el el script se ha ejecutado. Por ejemplo, no es posible hacer una animacion desde un bucle for.

Esto significa que necesitamos una manera de ejecutar nuestras funciones de dibujo en un período de tiempo.  Hay 2 formas para controlar una animacion como esta.

Actualizaciones Programadas.

Primero window.setInterval(), window.setTimeout(), y window.requestAnimationFrame() son funciones que pueden ser usadas para llamar una funcion especifica en un periodo de tiempo establecido.

setInterval(function, delay)
Ejecuta una funcion especificada por function cada delay milisegundos.
setTimeout(function, delay)

Ejecuta una funcion especificada por function dentro de delay milisegundos.
requestAnimationFrame(callback)

Comunica al navegador que  deseas iniciar una animacion y requieres que el navegador llame a las funciones especificas para actualizar la misma antes de la siguiente escena.

Cómo utilizar la plataforma Canvas: pasos para una animación básica en un sistema solar.Haz Clic para Twittear

Si no quieres ninguna interaccion del usuario puedes usar la funcion setInterval() que repite la ejecucion del codigo suminsitrado. Si lo que queremos es hacer un juego, nosotros usariamos los eventos del mouse o el teclado para controlar la animacion y usariamos setTimeout(). Al establecer los EventListener, capturamos cualquier interaccion del usuario y ejecutamos nuestras funciones de animacion.

En los siguiente ejemplo,usaremos el metodo para controlar animaciones window.requestAnimationFrame(). El metodo requestAnimationFrame provee formas amigables y mas eficientes  para animar llamando cada marco de animacion cuando el sistema esta listo para dibujar. Las retrollamadas son usualmente 60 veces por segundo y podria ser reducido a menor periodo cuando se corre en un segundo plano.

Para más informacion acerca de los ciclos de animacion, especialmente para juegos, ver el Articulo Anatomia de un video juego en nuestra GameZona de desarrollo de Juegos.

Un sistema solar animado.

Este ejemplo animado es un pequeño modelo de nuestro sistema solar

var sun = new Image();

var moon = new Image();

var earth = new Image();

function init(){

  sun.src = 'https://mdn.mozillademos.org/files/1456/Canvas_sun.png';

  moon.src = 'https://mdn.mozillademos.org/files/1443/Canvas_moon.png';

  earth.src = 'https://mdn.mozillademos.org/files/1429/Canvas_earth.png';

  window.requestAnimationFrame(draw);

}

function draw() {

  var ctx = document.getElementById('canvas').getContext('2d');

  ctx.globalCompositeOperation = 'destination-over';

  ctx.clearRect(0,0,300,300); // clear canvas

  ctx.fillStyle = 'rgba(0,0,0,0.4)';

  ctx.strokeStyle = 'rgba(0,153,255,0.4)';

  ctx.save();

  ctx.translate(150,150);

  // La tierra

  var time = new Date();

  ctx.rotate( ((2*Math.PI)/60)*time.getSeconds() + ((2*Math.PI)/60000)*time.getMilliseconds() );

  ctx.translate(105,0);

  ctx.fillRect(0,-12,50,24); // Shadow

  ctx.drawImage(earth,-12,-12);

  // La luna

  ctx.save();

  ctx.rotate( ((2*Math.PI)/6)*time.getSeconds() + ((2*Math.PI)/6000)*time.getMilliseconds() );

  ctx.translate(0,28.5);

  ctx.drawImage(moon,-3.5,-3.5);

  ctx.restore();

  ctx.restore();

  

  ctx.beginPath();

  ctx.arc(150,150,105,0,Math.PI*2,false); // Earth orbit

  ctx.stroke();

  ctx.drawImage(sun,0,0,300,300);

  window.requestAnimationFrame(draw);

}

init();

fuente: Canvas

Si te ha gustado el artículo inscribete al feed clicando en la imagen más abajo para tenerte siempre actualizado sobre los nuevos contenidos del blog: