sábado, 6 de junio de 2015

Clase 1: Creación de HTML5 y liga a código JavaScript


Desarrollo de Tetris en HTML5 (Canvas) y JavaScript




    Pues nada, que con el objetivo de aprender acerca del desarrollo de videojuegos en HTML5 (Canvas) y Java Script vamos a iniciar paso a paso el desarrollo de nuestro ya conocido Tetris en HTML5.

    Lo primero que haremos es escribir nuestro HTML5 siguiente y guardarlo como index.html


<!DOCTYPE html>
<html lang="es">
<head>
<title>Hercoka Games - Tetris</title>
<meta charset="utf-8" />
</head>

<body>
<canvas id="game" width='200' height='400'>Tu navegador no soporta canvas<canvas>
<script src='main.js'></script>
</body>
</html>


    Como podemos ver creamos el objeto canvas con las propiedades de ancho y alto, así como un mensaje que indica que tu navegador no soporta canvas en caso de que no este actualizado. En la actualidad la mayoría de los exploradores en sus ultimas versiones soportan esta etiqueta de HTML5.

    Después del canvas tenemos la llamada al archivo de nuestro javascript llamado main.js el cual se deberá guardar en la misma ruta que nuestro HTML.
   
     A lo largo del curso se utilizara el siguiente software recomendado:


  • Editor HTML y JS:    http://www.sublimetext.com/3
  • Explorador Web:     https://www.google.es/chrome/

No hay comentarios: