Search Results

Les classes de JavaScript, introduïdes a ES6 (2015), són "plantilles" per crear objectes. Una classe és com un plànol per construir cases: defineix l'estructura (propietats) i les funcionalitats (mètodes) que tindran els objectes creats a partir d'ella. Són l...

La seguretat en la interacció entre PHP i Bases de Dades (BDD) és crucial per protegir les aplicacions web de l'explotació de vulnerabilitats, sent l'atac més crític la Injecció SQL. La clau de la seguretat resideix en tractar sempre les dades d'entrada com a ...

Què és HTML Canvas? Definició: Una API de JavaScript per dibuixar gràfics en "mode ràster" (mapa de bits). La diferència clau: Canvas vs. SVG. (Canvas és "dispara i oblida"; SVG és un model d'objectes/DOM). Casos d'ús: Jocs, visualització de...

Rectangles (La forma més senzilla) fillRect(x, y, ample, alt): Dibuixar un rectangle ple. strokeRect(x, y, ample, alt): Dibuixar el contorn. clearRect(x, y, ample, alt): Esborrar una àrea (clau per a l'animació). Estils Bàsics: Colo...

Estils de Línia lineWidth: Gruix de la línia. lineCap: Acabament de la línia ('butt', 'round', 'square'). lineJoin: Unió de les línies ('miter', 'round', 'bevel'). Ombres i Degradats Ombres simples: shadowOffsetX, shadowOffsetY...

Les transformacions del Canvas permeten manipular el sistema de coordenades (i no els píxels ja dibuixats) per moure, girar o canviar la mida dels objectes futurs. ctx.translate(x, y) (Moure): Desplaça l'origen (0, 0) del Canvas a les coordenades (x, y). ...

El Canvas de HTML5 ha transformat el navegador en una potent eina de processament i visualització gràfica. La seva API permet manipular imatges externes i accedir al nivell més granular: el píxel. 1. càrrega i transformació geomètrica L'eina principal és ctx...

bucle animació (game loop): setInterval o requestAnimationFrame el cicle: netejar, actualitzar, dibuixar. ClearRect interactivitat, mousemove, click, traducció coordenades, comprovació colisions