Mozilla crea BrowserQuest, pequeño juego para demostrar las posibilidades de HTML5
10
La Fundación Mozilla está comprometida con una Web abierta, basada en tecnologías como HTML5 y WebSockets. ¿Y qué mejor forma de demostrar que el navegador puede con todo que creando un juego? Así lo ha hecho, en colaboración con el estudio LittleWorkshop.
BrowserQuest es un pequeño juego de rol masivo en línea sin muchas más pretensiones que mostrar el potencial de HTML5, y cumple con su cometido con creces.
Con un aire muy similar al del gran clásico de Super Nintendo, The Legend of Zelda: A Link to the Past, pero con bastantes más limitaciones en todos los sentidos, BrowserQuest es una demo técnica muy completa, con 20 objetivos a cumplir, chat, música… Nadie te va a quitar al menos veinte minutos de entretenimiento.
El código fuente de BrowserQuest se encuentra a disponible en GitHub, licenciado como Open Source, por lo que cualquier programador interesado puede echarle un vistazo para descubrir cómo se ha hecho.
Fuente: Muy Computer
Firefox incorpora Widevine, pestañas sincronizadas y mucho más
Abre el archivo index.html con un navegador
Sobre el desarrollo de aplicaciones para Firefox OS con CRIAX-SDK
10 Comentarios
Escribir ComentarioLo que hace falta es que hagan una versión para descargarlo y no tener que jugarlo online, porque de esta forma, con todos los detalles que tiene gasta mucha cuenta; supongo.
Un abuso, me han dejado con las ganas de echarle un ojo al fuente
No pueden poner el código para descargarlo ,porque el que no tiene cuenta no puede verlo ,ni ver el juego..
Los sitios de Mozilla se encuentran en la lista de navegación básica, si eres de 1ro o 2do no vas a tener problemas. Lo del código va a ser después
Hola, creo que este es un buen artículo para mi pregunta, resulta que he estado provando HTML 5 y mi firefox 11.0 ni se inmuta en mostrarme lo que me promete el manual que leo y mi firebug me dice que no reconoce a la función de JS para obtener el obj para dibujar (creo que escencial) document.querySelector(‘canvas’).getContext(‘2d’);
bueno por lo que veo ni mi firefox, ni mi Google Chrome 17.0 me interpretan HTML 5, algunas consideraciones sobre que se puede hacer ??
salu-DoS
Yan visita https://developer.mozilla.org/ ahí ay documentación amplia acerca del tema, pero esto que dices es raro, si tienes un solo elemento canvas(supongo) debería funcionar.
De todas formas prueba con esto:
teniendo un elemento canvas con id=»dibujo»
var canvas = document.getElementById("dibujo"); var ctx = canvas.getContext("2d"); var i = 0; var sin = Math.sin(Math.PI/6); var cos = Math.cos(Math.PI/6); ctx.translate(0, 0); var c = 0; for (i; i < = 12; i++) { c = Math.floor(255 / 12 * i); ctx.fillStyle = "rgb(" + c + "," + c + "," + c + ")"; ctx.fillRect(0, 0, 100, 10); ctx.transform(cos, sin, -sin, cos, 0, 0); } ctx.setTransform(-1, 0, 0, 1, 300, 50); ctx.fillStyle = "rgba(255, 128, 255, 0.5)"; ctx.fillRect(0, 50, 100, 100);mira:
Muchas gracias, recien lo pruebo con un firefox 10.0, ya vi que pusistes un en ese espacio y me ha funcionado los dibujos de canvas, ahora tengo que probar en mi firefox 11.0,
lo que sigue sin funcionarme son las etiquetas y
las cuales me prometieron que deberian estructurarme una pagina de la manera «clasica» o sea con los s flotando a la derecha y los s a la izquierda como barrarra de navegacion lateral o algo asi, como pudiera solucionar este problema,
gracias por la ayuda,
salu-DoS
El hecho de que los navegadores no reconozcan la etiqueta canvas es extraño, en verdad no se cual sería el problema, lo de la estructura de la página es esta(según lo que he entendido de lo que me explicas):
<html> <head></head> <body> <!---código aquí---> </body> </html>Dime si es esto,
Ah solo agregar que si dejas el ctx.translate(0, 0); con las coordenadas (0,0) no te dibuja todo el circulo de rectangulos deberia trasladarse a (100,100) por ejemplo, esta muy bueno esto ya alguien ha descargado el codigo fuente de BrowserQuest, seria genial echarle un ojo, estoy sin cuenta ademas
salu-DoS
Desafortunadamente no puedo descargarte el BrowserQuest, mi cuenta no tiene acceso a este sitio: https://github.com/mozilla/BrowserQuest que es donde está el código fuente,