Cerca avançada
Resultats de la cerca
S’han trobat 623 coincidències
Canvas to Data URI (toDataURL)
El Canvas de HTML5 té la capacitat de serialitzar el seu contingut de dibuix (píxels) en un format de text que pot ser utilitzat immediatament com a font de dades per a una imatge (data:uri). El mètode canvas.toDataURL(tipus, [qualitat]) és la via estàndard ...
Exemple: Generació dinàmica favicon
Aquest codi és un exemple excel·lent de com utilitzar el Canvas de HTML5 combinat amb toDataURL() per generar dinàmicament un Favicon (la icona que es mostra a la pestanya del navegador) sense necessitat de tenir un fitxer d'imatge separat al servidor. El Fav...
Aplicació amb paràmetres
En el model clàssic, tots els programes de consola estan continguts dins d'una classe i el punt d'entrada és el mètode Main. Arxiu Program.cs C# using System; namespace ConsoleParametres { // La classe que conté el punt d'inici ...
Introducció
El Canvas de HTML5 és la tecnologia més utilitzada per crear animacions i gràfics dinàmics d'alt rendiment directament al navegador, sense dependre de plugins externs. A diferència del CSS o SVG, on es manipulen elements preexistents, l'animació amb Canvas es ...
El game loop
El Game Loop (o Bucle de Joc) és el cor de qualsevol aplicació interactiva, especialment en el desenvolupament de jocs. És un cicle continu que s'executa constantment (tan ràpid com sigui possible) des de l'inici fins al final del programa. La seva funció és g...
La coordenada del ratolí al canvas
Implementarem la tècnica fonamental per obtenir les coordenades del ratolí relatives a l'origen del Canvas (la cantonada superior esquerra, punt 0,0), que és crucial per a la interacció amb Canvas i tractarem també el cas de Canvas escalats amb CSS. L'object...
Exemple: Click en un cercle
La detecció de clics o interaccions complexes dins d'un Canvas (com ara col·lisions entre el punter del ratolí i un objecte en moviment) requereix tres components clau: Detecció de la posició absoluta: Saber on ha fet clic l'usuari a la finestra. C...
Detecció de col·lisions, isPointInPath()
La funció isPointInPath() del Canvas 2D API és una eina fonamental per a la detecció de col·lisions (hit testing) en aplicacions interactives i jocs. Serveix per comprovar de manera eficient si una coordenada específica (x, y) cau dins de l'àrea d'un traçat (o...
Altres metodes detecció col·lisions
A part d'utilitzar la funció isPointInPath() (que és el mètode propi del Canvas per a la detecció de clics dins de traçats complexos), existeixen dues categories principals de detecció de col·lisions en Canvas: els Càlculs Geomètrics i la Detecció Basada en Pí...
Detecció clics per pixel Alpha
Aquí tenim un exemple complet i detallat de detecció de col·lisions basades en el Canal Alfa (o píxels no transparents) utilitzant JavaScript i Canvas. Aquesta tècnica és ideal per a figures irregulars (com sprites o logotips retallats) on una caixa rectangula...
Exemple: Tag HTML5 <video>
Aquest exemple de codi HTML, CSS i JavaScript crea un reproductor de vídeo personalitzat per a un element de vídeo HTML5, demostrant com prendre el control de la reproducció en lloc d'utilitzar els controls natius del navegador. El codi es divideix en tres par...
Exemple: video on canvas
Aquest exemple de codi mostra una tècnica en el desenvolupament web: dibuixar el frame actual d'un vídeo dins d'un element <canvas>. Aquesta pràctica és la base per a aplicacions de processament de vídeo en temps real al navegador. En aquest exemple d'aplicac...
Exemple: webcam on canvas
Aquest exemple utilitza l'API MediaDevices per accedir a la càmera web de l'usuari i, a continuació, utilitza l'element <canvas> per dibuixar el stream de vídeo en temps real. Això és fonamental per a aplicacions de realitat augmentada o processament d'imatge ...
Arxiu ZIP amb password
Compressió amb contrasenya Per crear un arxiu ZIP xifrat, has d'utilitzar el mètode setPassword() abans d'afegir qualsevol fitxer i establir l'algorisme de xifratge. PHP <?php $zip_filename = 'fitxer_segur.zip'; $password = 'ClauSecret...
La documentació XML en C#
La Documentació XML és el mètode preferit en C# per incrustar la documentació directament al codi font. Aquests comentaris s'inicien amb tres barres inclinades (///) just abans de la declaració d'un tipus (classe, struct, enum, etc.) o un membre (mètode, propi...
Exemples: una classe (mètodes, atributs, propietats...)
Classe /// <summary> /// Representa un producte disponible a l'inventari. /// </summary> /// <remarks> /// Aquesta classe s'utilitza per gestionar l'estoc, el preu i el nom de cada article. /// </remarks> public class Producte { // ... membres...
Etiqueta <see> & <seealso>
La funció principal de l'etiqueta <see> dins dels Comentaris de Documentació XML de C# és crear una referència creuada o un enllaç en línia a un altre element de codi. Aquesta etiqueta s'utilitza principalment per: Crear Enllaços per a IntelliSense: Pe...
Documentació XML vs Javadoc
La Documentació XML de C# (amb ///) s'inspira en el format Javadoc (utilitzat principalment en Java, i amb variants com JSDoc per a JavaScript i PHPDoc per a PHP). Tots aquests formats tenen l'objectiu comú d'incrustar la documentació directament al codi mitja...