Etiqueta: Navegador

Juega Ahorcado en el navegador con HangmanJS

Screenshot_72

Recuerdo mi primer intento de jugar Ahorcado hace muchos años, no fui capaz de adivinar la palabra completa así que morí por asfixia, menos mal lo único que murió fue el muñequito que dibujo mi hermana en el papel, representando mi ignorancia y falta de vocabulario.

Si todavía recuerdas este juego y extrañas esos tiempos en que no había tantos dispositivos electrónicos para entretenernos, te comento que ahora puedes recordarlo jugandolo en cualquier navegador con JavaScript activado. HangmanJS, es un sencillo juego que simula perfectamente el clásico juego en el papel y funciona exactamente igual, empiezas a adivinar las palabras en Inglés escribiéndolas en la caja de texto y si fallas aparecerá una nueva parte de tu cuerpo, acercándote cada vez más a una agonizante muerte por asfixia (?), pero no es tan difícil después de todo, se puede ganar:

Screenshot_73

Lo mejor de este juego, hablando con desarrolladores, es que el código completo está libre en Github, así puede mejorarlo, cambiarle la interfaz o hacerlo imposible de ganar.

HangmanJS

Recopilación de experimentos en Google Chrome sorprendentes

La Web se mueve extremadamente rápido, hace solo dos décadas empezamos a crear sitios web utilizando HTML sencillo, años después rápidamente próspero las hojas de estilo CSS, posteriormente nació JavaScript y ahora las páginas web pasaron de simple texto en blanco y negro a completas páginas interactivas, rápidas, fáciles de usar y especialmente bien diseñadas, atractivas a la vista.

En ese momento creímos que no había más innovación, no era posible tener sitios web más sofisticados que brinden al usuario experiencias completas como si fuera una aplicación de Escritorio, pero después de la explosión de la Web 2.0, todo fue renovado, fueron HTML5 y CSS3 con todas sus nuevas capacidades los que hicieron posible crear experiencias increíbles directamente en el navegador: Aplicaciones Web, Juegos, Diseños Interactivos y mucho más.

En la siguiente recopilación descubrirán las maravillosas posibilidades que brindan los lenguajes web haciendo que tu imaginación y creatividad son las que definen el límite de la creación.

3D Tunes

3dtunes

No sé mucho de música pero me atrevo a decir que es un piano, un piano en 3D en el cual puedes crear música, reproducir algunos sonidos pregrabado y dos canciones, se llevarán una sorpresa con una ;). Para crear música solo tienen que tocar las teclas con el mouse y ya esta.

Ir al experimento

WebGL Aquarium

aquarim

A todos nos encantan los acuarios, la posibilidad que nos brinda de observar los increíbles animales del océano desde la seguridad de la tierra, este experimentos simula un Acuario completo, donde puedes seleccionar el número de peces y otras opciones para personalizar el mundo.

Ir al experimento

Berts Breakdown

berts

Un sencillo juego de aventuras donde eres una masa azul con manos y ojos llamado Berts, debes recolectar todas las monedas y sobrevivir a los enemigos, un claro ejemplo de lo que significa la web para los videojuegos, ahora se pueden jugar los juegos de las consolas en nuestros navegadores sin ningun problema.

Ir al experimento

WebGL Bookcase

bookcase

Libros, una de las principales formas de transmisión de información, gracias a los libros los seres humanos mejoramos nuestro conocimiento de los fenómenos del Universo, en la actualidad el Internet ha reducido su producción pero aún así pasarán muchísimos años antes de que se imprima el último libro de la humanidad. En este experimento tienes una estantería circular con los libros de Google Books, la librería se puede girar y navegar rápidamente con tu mouse.

Ir la experimento

ChromaPad

chromepad

Todos sabemos que Photoshop es el software por excelencia cuando se trata de edición de imágenes pero es muy costoso todavía, para los que no tenemos como sostener una licencia existe GIMP, su alternativa libre que nos ofrece gran parte de sus funcionalidades, no importa cual utilices ahora puedes tener una funcionalidad similar en el navegador gracias a este experimento, por supuesto no es un Photoshop pero se le asemeja mucho.

Ir al experimento

Depth of Field

depth-of-field

Depth of Field o Profundidad de campo en Español es un excelente experimento donde muchísimas bolas metálicas se mueve en la pantalla creando figuras geniales. Les recomiendo ponerlo como Salva pantallas, se ve increíble.

Ir al experimento

Keylight

keylight

Este experimento es un campo de sonidos y colores, debes crear puntos haciendo doble click en el campo, cada zona del campo reproduce sonidos diferentes, a medida que los creas se reproducirán automáticamente, muy divertido y creativo para crear sonidos únicos, para compartir el sonido solo copia y pega la URL y ya esta.

Ir al experimento

Mix.js

mix

Si te gustaría ser DJ o ya lo eres este experimento te permitirá jugar con una consola con muchísimas opciones para jugar con la canción que cargue la aplicación, brindando infinitas posibilidades.

Ir al experimento

Pitts Special Demo

pitts

Mi experimento favorito, manejas un pequeño avión a través de las montañas, el manejo es especialmente sencillo pero no deja de ser totalmente divertido jugar con el avión, hacer maniobras peligrosas u obtener la advertencia Overspeed.

Ir al experimento

World of Solitaire

solitarie

Todos, absolutamente todos alguna vez en nuestra vida hemos visto o jugado el popular juego de Windows Solitario, un creativo de la web decidió llevarlo a un aplicación web y este es el resultado.

Ir al experimento

Water Type

water-type

A todos nos gusta el efecto de texto en el cual las letras parecen olas que salen o flotan en el agua, este experimento se trata de eso, puedes escribir lo que quieras y estás emergerán del agua creando olas, para obtener un mejor resultado prueben a escribir y borrar rápidamente ;).

Ir al experimento

WebGL Cars

webglcars

Posiblemente la gran mayoría de nosotros jugamos alguna versión de la saga Need for Speed y quedamos encantados con las gráficas de los hermosos autos, de cualquier forma, este experimento trae dos autos deportivos de lujo, solo puedes manejar el Lamborghini Gallardo, aunque el autor dice que se pueden utilizar los dos, aún así se ven increíbles.

Ir al experimento

World Flights

world-flights

En este preciso momento hay miles de aviones alrededor del mundo transportando cientos de personas alrededor del mundo, en este experimento se puede tener una visualización fascinante y llena de luz de todos los vuelos del mundo los cuales se pueden filtrar por aerolínea.

Ir al experimento

Zygote Body

zygotebody

Un experimento educacional especialmente para aquellas estudiantes apasionados por la Medicina o simplemente personas curiosas acerca de nuestro cuerpo humano, en este experimento es posible explorar por completo nuestro cuerpo, elegir su sexo y cada uno de los diferentes sistemas de los que estamos compuestos, al hacer click sobre alguna parte obtenemos detalles sobre lo que se trata.

Espero que los experimentos lo haya impresionado así como lo hicieron conmigo, también creo que te di una idea de las fascinantes posibilidades que nos ofrecen los lenguajes web en estos días.

Chrome Experiments: Simulación de agua

3-25-2013 9-01-03 AM

Chrome Experiments es un sitio web de Google creado para mostrar la capacidad que tienen los navegadores actuales en cuanto a renderizado, creación y visualización de contenido multimedia, enriquecido con interactividad, gracias a la combinación de las últimas tecnologías web, especialmente HTML5 Canvas, SVG, Javascript y WebGL.

Vía Juan Diego Polo me enteró de Water Simulation, una simulación increíble de agua utilizando WebGL, los que tiene un poco de conocimiento matemático y físico sabrán que similar agua es una de las simulaciones más complicadas, por ello este experimento es espectacular porque está muy bien logrado.

Water Simulation necesita una tarjeta gráfica decente y los controladores de la misma actualizados, puedes rotar la piscina, interactuar con la esfera sumergida, activar o desactivar la gravedad del ambiente, “mover” con el mouse el agua para crear ondas u olas e incluso cambiar el sentido de la luz.

Si tal vez no puedes ver el experimento hay un vídeo a modo de demo para al menos apreciar como se ve:

 

Bombermine: Multijugador en línea del clásico Bomberman

2-27-2013 7-32-47 PM

Hace 30 años fue publicado Bomberman, el maravilloso juego que consiste, por supuesto, en poner bombas en un mapa cuadriculado para eliminar los bloques en tu camino y a todos los enemigos que te vas encontrando mundo a mundo mientras vas recogiendo poderes de todo tipo que te ayudarán a pasar cada nivel del juego.

Con motivo de éste aniversario algunos chicos desarrolladores han creado Bombermine, es Bomberman pero multijugador y además directamente en el navegador aprovechado las bondades de HTML5, el juego es una muy buena adaptación del original, se juega con el teclado con las clásicas WASDEspacio para poner las bombas o reaparecer en el mapa cuando otro jugador te deje sin salida en alguna esquina y Enter para enviar mensajes al chat público.

2-27-2013 7-30-50 PM

Pero su mayor atractivo está en su multijugador con partidas de 20 minutos por servidor, cuando entras al sitio del juego te pide un nombre de usuario y la selección del servidor al cual quieras entrar para jugar, hay 6 disponibles para cada parte del mundo, les recomiendo que seleccionen el más cercano a ustedes para tener menos lag durante el juego y no perder el control :P, luego de entrar ya puedes empezar a jugar en el inmenso mapa, ahí notarás lo difícil que es competir con otros jugadores humanos que harán lo posible por dejarte sepultado en los callejones sin salida que abundan en el mapa, pero también hay disponibles muchos poderes para obtener ventajas.

Bombermine

3 juegos clásicos gratis en HTML5

HTML5 empieza a conquistar la Web poco a poco, primero fue lo básico, formularios avanzados, luego mejoro a animaciones y experimentos más avanzados y ahora es posible tener un juego clásico por completo en el navegador.

A continuación les presento 3 juegos clásicos que son totalmente soportados por el navegador:

Mario

1-14-2013 2-08-51 PM

El más querido de todos los juegos clásicos, Super Mario, ahora se puede jugar desde el navegador gracias al poder que da HTML5. Aunque no es exactamente el juego de hace 20 años es una adaptación muy fiel al original.

 

 

 

 

 

 

 

Buscaminas

1-14-2013 2-03-59 PM

Minesweeper o Buscaminas en español es uno de los juegos que venía instalado en la mayoría de los sistemas operativos de los años 80’s y 90’s, si les da un poco de nostalgia especialmente a los retrogeeks ahora lo puede jugar directamente en su navegador preferido.

 

 

 

 

 

 

 

 

 

 

Tetris

1-14-2013 2-02-01 PM

Tetris, el juego de formas y figuras por excelencia. Es uno de los más antiguos y preferidos entre los nerds y geeks, ha sido instalado en casi todo dispositivo electrónico que existe, graficadoras, celulares, PDA’s, incluso Osciloscopios.

Flaps: Concepto de navegador web minimalista

 

El diseñador Ishac Bertran ha creado Flaps, un concepto de un navegador web altamente minimalista, contextual y rápido con acciones predefinidas para las tareas que realizamos a diario los usuarios.

En el vídeo del concepto se aprecia como prácticamente no hay interfaz, el navegador está a pantalla completa, entregando una navegación totalmente centralizada en el contenido, nada de barras de títulos ni de navegación, todo es realizado a traves de acciones con el teclado, esto garantiza muchísima más velocidad y fluidez que ir a un botón y hacer click con un mouse.


Abrir una pestaña, buscar una imagen o cualquier consulta normal, agregar a favoritos la página se hace con acciones de teclado, de fácil acceso. Una de las características más agradables es agrupar las páginas por temas o tipo de página, mejorando la forma de agrupar todo el contenido que leemos a diario, además cuando se está leyendo contenido páginado como un blog, al llegar al final del artículo Flaps cargará automáticamente el siguiente.

Visto en Microsiervos

Elinks, navegando la web a través de la consola de texto

Si te interesa la idea de navegar por internet, sin tener la necesidad de soportar cientas de publicidades para leer un artículo. O el contenido multimedia en la web no es de tu interés. O bien llegaste mas alla en tu evolución informática y prescindes del uso de un entorno gráfico. Entonces, ELinks te puede interesar.

ELinks es un navegador web de consola, basado en texto para sistemas operativos de tipo Unix.

ELinks

Elinks comenzó a finales de 2001 como una bifuración del navegador Links, y actualmente es el mejor mantenido de su tipo.

Este magnifico navegador se encuentra disponible en los repositorios de la mayoría de las distribuciones GNU/Linux. Incluso en las más conocidas se incluye dentro de la imagen de instalación.

Elinks soporta varios protocolos: Http, Https, FTP, Ipv4, Ipv6, navegación por archivos locales, etc. Además, entre sus características podemos nombrar: navegación por pestañas (una de sus características más interesantes); historial de navegación; menúes de dialogos, historial de formularios, soporte para CSS, historial de descargas, entre muchísimas otras.

Sin duda, una experiencia que todos se deberían dar: navegar la web desde una consola en modo texto. Por lo menos durante un tiempo. Luego se darán cuenta de lo secundario que se vuelve el requerir un navegador gráfico para consultar la web.

Elinks no se incluye en la instalación por defecto de un sistema, pero podemos instalarlo luego.

Para instarlo en Debian y derivados, tipeamos lo siguiente en consola, previo logueo como root:

# apt-get install elinks

Para instarlo en Ubuntu y derivados, tipeamos lo siguiente en consola:

# sudo apt-get install elinks

Para instarlo en Fedora y derivados, tipeamos lo siguiente en consola, previo logueo como root:

# yum install elinks

Para instarlo en ArchLinux, tipeamos lo siguiente en consola:

# pacman -S elinks

Una vez completada la instalación, desde la misma consola, lo lanzamos:

# elinks

Incluso podemos lanzarlo indicándole que conecte a un sitio web:

# elinks www.puntogeek.com

Una vez que ingresamos a Elinks desde las consola de texto, nos pide que ingresemos una direccion web.

ELinks, solicitando una direccion web

Cargado el sitio indicado, ya podremos comenzar a navegarla utilizando las teclas arriba y abajo. Si queremos ir a otro sitio, apretamos la tecla “g” (Go to URL) para buscar una web nueva. Para abilitar una nueva pestaña, apretamos la tecla “t”. Para activar el menu desplegable, presionamos la tecla F9, donde podremos editar las preferencias, el idioma, las herramientas, ver los atajos de teclado y demás.

ELinks navagendo PuntoGeek

A ver quien se anima a navegar una semana con Elinks y a contarnos su experiencia?

FindMeByIP, para saber tu IP actual y ver información sobre tu navegador

fidnmyip
FindMeByIP es un servicio que va un poco más allá de mostrarnos cuál es nuestra IP, ya que también nos da información sobre la configuración de nuestro navegador, versión del mismo y sistema operativo que usamos. Ésto no es muy útil si lo aplicamos en nosotros mismos porque sabemos lo que usamos, pero sigan leyendo y van a ver para qué lo pueden aplicar.

Como bien menciona el creador del sitio en el post de Pablo, tenían planeado lanzar una nueva versión de la herramienta el 23 de octubre, cumplieron. Ahora tienen un servicio gratuito que permite obtener datos sobre el navegador y sistema de un visitante por medio de una URL.

Imagínense que quieren ver el soporte que tiene un cliente y éste no tiene nada de concimientos, le pasan una URL personalizada que les da el sitio, yc uando el cliente entra se genera automáticamente un informe con la plataforma que posee. A esos informes los podemos ver luego desde nuestro panel de control, son todos bien detallados y los podemos organizar por tags para que no se arme un lío.

Un ejemplo claro sería que queremos saber la configuración del navegador de nuestro cliente José, le pasamos una URL del tipo http://www.findmebyip.com/juanguis/jose, y cuando él entre se generará el informe que podremos ver desde el panel de control, va a estar taggeado con el nombre de José así no se nos mezcla con otros.