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

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

Mapas interactivos con HTML5 – Parte 1

La tecnología de HTML5 y javascript  nos permite crear gráficos interactivos livianos sin tener que recurrir a flash, el elemento canvas de html5 es un lienzo virtual que nos permite pintar shapes y agregarles movimiento. Existen ya varios plugins que nos facilitan el trabajo a la hora de programar con shapes, objetos 3d, animaciones y

Detectar un punto dentro de un polígono HTML5

En un ejemplo anterior se utilizo un método sencillo para detectar si un punto se encuentra dentro un shape de forma rectangular, pero no siempre las figuras que se pinten en un shape tendrían una forma básica, en ocasiones necesitaremos conocer si un punto (X,Y) pertenece a un polígono irregular, buscando una solución por la red, encontré un algoritmo que

Seleccionar y mover shapes en html5

En este tutorial se hará uso de los eventos de ratón de jquery para desplazar shapes sobre el canvas, para tener una mejor compresión sobre el código y la forma de trabajo,  se recomienda visitar los post anteriores sobre HTML5 . Comencemos. Primero nuestro archivo html5: <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>Shapes

Shapes y evento click de jquery

En este tutorial crearemos shapes en tiempo de ejecución y ademas les daremos un poco de movimiento. Para realizar correctamente este tutorial, es lectura obligatoria visitar el anterior post donde se enseño a crear los shapes , se hará uso del mismo código con pequeñas modificaciones. Comencemos. 1. El archivo principal html, se deja como

Dibujar primitivas 2d en html5

HTML5 junto a javascript permite dibujar figuras llamadas shapes sobre un lienzo que recibe el nombre de “canvas” su uso no es para nada complicado. Para salir de la rutina de los tutoriales que hay en la red, en este tuto crearemos de golpe tres figuras sencillas, círculos, rectángulos y una figura de forma irregular, el logo de

Comparte lo que sabes

Categorias

Últimas entradas

En este post, crearemos una tabla swing que implemente un control jcombobox en una columna de una tabla, llenaremos con...

En este post personalizaremos una tabla JTable Swing para pintar una imagen de fondo y darle un poco de estilo al encabe...

De las pocas herramientas disponibles entre librerías, frameworks, engines, etc para el desarrollo de videojuegos en len...

¿Quien no ha querido programar un juego? creo que la mayoría si no es que todos los que conocen de programación sin impo...

Android Bolivia

MAUS

ÚLTIMOS COMENTARIOS

Mouse

por su pollo http://www.jc-mouse.net/java/tabla-con-imagen-de-fondo

dark

porfa realizaras un ejemplo sobre un jtable en el cual se carguen muchos datos (sobre eso no hay problema) pero que tenga una imagen de fondo como el logo de X empresa, por mas ejemplos que eh buscado no logro los resultados que quiero, sal

Israel

Gracias por el artículo, muy bueno, espero que se pueda resolver esos URL time out conection que me hacen doler la cabeza . . . un saludo.