Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial “Mapas interactivos HTML5”, vamos uniendo todo todo el código. En la parte 5 de este tutorial, dejamos pendiente una función, esta función se llama paint(), lo que diferencia esta función de pintado del resto es que, esta función hace uso de un array de objetos que corresponden a las 6 provincias que se utilizan

Mapas con HTML5 – Funciones de pintado – Parte 5

En esta penúltima parte, declaramos las funciones que nos permitirán pintar los shapes en el canvas, vamos al grano que la vida es corta 😉 Cada función de pintado tiene una correspondencia con los objetos declarados en la parte 4 de este tutorial, se antepone la palabra draw (dibujar) al nombre de la función de la forma “candidato” ->

Mapas HTML5 – Elementos del canvas- Parte 4

Continuando con nuestro tutorial de “Mapas interactivos con HTML5” , esta es la sección que corresponde a los elementos que conforman el Mapa Estadístico. En post anteriores ya se estableció la estructura del proyecto, se creo el documento HTML5, codigo CSS,  imágenes y el archivo “elecciones.js” , ademas de crearse los mapas de las provincias utilizando shapes

Creación de mapas con shapes – Parte 3

En nuestro mapa interactivo, se hará uso de un mapa departamental dividido en provincias, todo a través  de shapes, si bien se puede hacer uso de gráficos vectoriales, en esta ocasión se prefirió pintar las figuras directamente en el canvas. El mapa que utilizaremos en este tutorial es el del departamento del Beni de la República de Bolivia 😉  , este

Mapas interactivos – El proyecto – Parte 2

Comenzando este tutorial, primero necesitamos definir la “estructura” de nuestro proyecto. Haremos uso del IDE de Dreamweaver en cualquiera de sus versiones. 1. Crea un nuevo sitio, yo lo llame “html5”, tu llámalo como quieras, después crea una carpeta “images“ , un archivo “index.html”, un archivo javascript “elecciones.js” y un archivo php “data.php”. Se hace uso de tres imágenes,  “foto1.jpg” y

Comparte lo que sabes

Categorias

Últimas entradas

“Material Design es una guía integral para el diseño visual, de movimientos y de interacción en distintas platafor...

Un TextView autocompletado nos facilita el ingreso de información en aplicaciones móviles ya que te muestra posibles opc...

Un Tabbed Activity te permite cambiar la vista entre  fragmentos desplazando el dedo  de izquierda a derecha o de derech...

Este 12 de Mayo de 2017 se produjo un ataque masivo mundial del ransomware WannaCry  el  que afecto a más de 200000 comp...

Android Bolivia

Bandera en Alto

ÚLTIMOS COMENTARIOS

Mouse

Pues en ese caso JavaFX es tu solución ya que cuenta con herramientas multimedia

Jesus

excelente muchas gracias

Hamilton

Hola nesecito hacer un software para automatizacion radial, lo quiero crear en java y estoy buscando ideas para el reproductor principal me preguntaba si me podrias ayuda con algunas de esas ideas para crear el reproductor principal, como s