Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

355 total results found

El game loop

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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()

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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>

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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

3. Canvas Animació, el llenç s'anima

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

6. PHP Extended PHP i arxius ZIP

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#

Bones pràctiques XML Documentation Comments

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...)

Bones pràctiques XML Documentation Comments

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>

Bones pràctiques XML Documentation Comments

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

Bones pràctiques Javadoc, JSdoc, PHPdoc...

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...

Exemple classe C# en Javadoc

Bones pràctiques Javadoc, JSdoc, PHPdoc...

Exemple d'una classe desenvolupada en C#, però documentada utilitzant la sintaxi de Javadoc/JSDoc (amb /** ... */ i etiquetes amb @). RECORDA: Encara que el codi sigui C#, la sintaxis del comentari no és l'estàndard de C# (Documentació XML). C# ...

EXEMPLE: Esquema d'un README.md

Bones pràctiques

Un fitxer README.md ben estructurat és essencial per a qualsevol projecte. Els apartats més interessants a incloure són els que s'indiquen a continuació tot i que aquests aniran en funció del projecte i les seves caracteristiques.  1. Títol i descripció breu ...

Mode client/servidor (sockets)

Interfícies gràfiques Components

Crear una aplicació de xat (sockets) amb interfície gràfica (WinForms o WPF) té un repte principal: no congelar la pantalla. Si el programa està esperant un missatge (Receive), la finestra es bloqueja si no es fa correctament. La manera correcta de fer-ho en ...

Temporitzadors

Interfícies gràfiques Components

El control Timer (Temporitzador) en Visual Basic .NET és un component que no es veu a la pantalla (és invisible per a l'usuari) però que serveix per executar un tros de codi repetidament cada cert temps. Cal imaginar-ho com un metrònom: cada vegada que fa "tic...

Descarregar un canvas

3. Canvas

Per desar una imatge d'un canvas com a descàrrega local, el mètode més utilitzat és crear un enllaç temporal (<a>) de manera programàtica, assignar-li la imatge com a font i forçar un "clic" automàticament. El més comú (Base64) Aquest mètode converteix el ca...

Crear un control d'usuari

Interfícies gràfiques Components

Codi control usuari on controlar els esdeveniments que llençarem o les propietats que publicarem al projecte on s'incorporarà el control Imports System.Windows.Forms.VisualStyles.VisualStyleElement.Button Public Class ctlAcceptConditions ' Esdevenimen...