Entradas

Mostrando entradas de diciembre, 2024

8-vida protagonista

Imagen
  <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Protagonista y Disparos con Barra de Vida </title> </head> <body onload = " inicializa ()" >     <canvas id = "canvas" width = "500" height = "300" style = " border:2px solid #000" ></canvas> <script> let canvas , ctx ; let FPS = 50 ; let vida = 100 ; // Imagen del protagonista let imgMega = new Image (); imgMega . src = 'img/mega.jpg' ; // Inicialización function inicializa () {     canvas = document . getElementById ( "canvas" );     ctx = canvas . getContext ( "2d" );     setInterval ( principal , 1000 / FPS ); } // Clase Protagonista class Protagonista {     constructor ( x , y ) {         this . x = x ; ...

7-Protagonista-disparos

  <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Protagonista y disparos </title> </head> <body onload = " inicializa ()" >     <canvas id = "canvas" width = "500" height = "300" style = " border:2px solid #000" ></canvas> <script> let canvas , ctx ; let FPS = 50 ; // Imagen del protagonista let imgMega = new Image (); imgMega . src = 'img/mega.jpg' ; // Inicialización function inicializa () {     canvas = document . getElementById ( "canvas" );     ctx = canvas . getContext ( "2d" );     setInterval ( principal , 1000 / FPS ); } // Clase Protagonista class Protagonista {     constructor ( x , y ) {         this . x = x ;         this . y = y ;   ...

6-Protagonista-movimientos

Implementando movimientos al protagonista   <!DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Document </title>             </head> <body onload = " inicializa ()" >     <canvas id = "canvas" width = "500" height = "300" style = " border:2px solid #000000" >     </canvas>     <script> console . log ( "actor" ) var canvas ; var ctx ; var FPS = 50 ; var imgMega ; function inicializa () {     canvas = document . getElementById ( "canvas" );     ctx = canvas . getContext ( "2d" );     imgMega = new Image ();     imgMega . src = 'img/mega.jpg' ;     imgMega . width...