Buscar un código de JavaScript

Mostrando del 31 al 40 de 43 coincidencias
Se ha buscado por la cadena: canvas
sin imagen de perfil

Objeto Mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 30 de Agosto del 2018 por Anonymous (35 códigos)
2.650 visualizaciones desde el 30 de Agosto del 2018
este script ayuda a saber datos del mouse como:
posiciones X y Y del mouse
si el mouse ha sido presionado
si el mouse esta enfocado en un objeto de la ventana seleccionado por id

Estas funciones son útiles para crear videojuegos como los que he creado en canvas
Captura-de-pantalla-285
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear los barcos para el juego de Guerra de barcos


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 13 de Enero del 2018 por Xve (294 códigos)
8.334 visualizaciones desde el 13 de Enero del 2018
Código que genera un array bidimensional donde pone los barcos necesarios para jugar al juego de Guerra de barcos y muestra su posición en la pantalla utilizando canvas.

guerra-de-barcos


Los barcos no se pueden tocar en la cuadricula.
Los tipos de barcos a utilizar en el juego son:
- 1 de 4 posiciones
- 2 de 3 posiciones
- 3 de 2 posiciones
- 4 de 1 posición

Muy agradecido a mi amigo Kip por su ayuda en el desarrollo!!!
Imágen de perfil

Solucionador de sudokus


JavaScript

Publicado el 26 de Septiembre del 2014 por Administrador (718 códigos)
7.559 visualizaciones desde el 26 de Septiembre del 2014
Código para resolver y crear sudokus realizado con HTML y Canvas. Este solucionador, te muestra ayudas para indicarte que posibilidades tienes en cada casilla.
sin imagen de perfil

JSCRAFT. Dibujar en un navegador


JavaScript

Publicado el 31 de Julio del 2012 por Damian Cipolat (2 códigos)
4.073 visualizaciones desde el 31 de Julio del 2012
JSCRAFT, es un script javascript que usa la tecnología HTML5 y el canvas para poder dibujar en un browser.
El código permite armar escenarios del tipo "minecraft" por el momento solo se pueden hacer las montañas y dif. relieves.
Es muy fácil de usarlo y puede servir para diversos usos, ofrece como interacción con el escenario el mouse y el teclado.
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Enviar firma al servidor desde Tablet o smartphone


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 17 de Octubre del 2018 por Xve (294 códigos)
6.605 visualizaciones desde el 17 de Octubre del 2018
El código permite que un usuario mediante tablet o smartphone realice una firma y esta se guarde en el servidor como un archivo .png y se guarde un registro en la base de datos con el numero, nombre del usuario y nombre de la imagen.

firmarTablet


Este código es una actualización del código de Marcelo Agustini llevado a HTML5 con $mysqli.
Imágen de perfil
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


JavaScript

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 25 de Noviembre del 2017 por Alejandro (9 códigos) (Publicado el 25 de Febrero del 2017)
48.254 visualizaciones desde el 25 de Febrero del 2017
Hice modificaciones a un código que saque de un libro ya que:
1.- Las cartas no siempre generaban pares
2.- Podía voltear mas de 2 cartas sin cubrirlas
3.- Cuando se terminaban las cartas quedaba el fondo

Así que las cartas ya siempre son en pares y limita a descubrir solo 2.
Al terminar las cartas dice "juego terminado" y al clickar comienza uno nuevo.

Es muy sencillo pero es base para desarrollos mas complejos, si tengo oportunidad luego lo publico con imágenes jeje

memorama

memorama11
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gráfico de pastel con cavas en HTML5


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 17 de Julio del 2017 por Xve (294 códigos)
24.709 visualizaciones desde el 17 de Julio del 2017
En este código he creado una clase de javascript para generar gráficas de pastel

grafico-pastel


Se puede definir si se desea en formato "donut", si mostramos el tanto por ciento y si mostramos la leyenda.
Imágen de perfil
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Animacion con Sprite Sheets


JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 25 de Abril del 2017 por Alejandro (9 códigos) (Publicado el 14 de Marzo del 2017)
11.135 visualizaciones desde el 14 de Marzo del 2017
pacman12
Un Pac-man que caminar a izquierda o derecha segun la tecla pulsada, salta al presionar la barra espaciadora y corre con ctrl. Participa un gato al que hay que evitar y ademas hay presencia de sonidos.

Es un sencillo ejemplo donde se ve animacion con el uso de Sprite Sheets, interaccion con el teclado, colisiones y reproduccion de sonido, escencias basicas para el desarollo de videojuegos :D