Articles of canvas

Drag and Drop su canvas

Voglio trascinare e rilasciare immagini in una canvas, e renderle trascinabili. finora questo è tutto quello che posso trovare, ma una volta che il text è caduto nella canvas non è più trascinabile. enter code here http://jsfiddle.net/ranganadh/6WpKf/ Per favore qualcuno mi aiuti: D

Come get i dati dal module HTML e utilizzarlo nello script di canvas HTML

Sto facendo un gioco utilizzando la canvas di HTML e posso inserire nella pagina HTML diverse caselle di input all'interno di un module in cui l'utente deve mettere la password del livello in modo che possa andare avanti al successivo. Ma il problema è che non riesco a capire come get il valore della casella […]

Come implementare una texture di scorrimento in WebGL?

Ho passato questo come un esempio su come rendere una texture normale a una canvas usando WebGL e implementato con successo. Ora sto provando ad attuare un'image di scorrimento where ottengo i dati di pixel di linea da linea da un'altra macchina nella stessa networking via Ajax Polling o Websockets e devo rendere lo stesso […]

Come fare una copia di uno sprite su una canvas HTML5?

Sto provando a fare un gioco in stile 2-D con il javascript e una canvas HTML5. Mentre lavoravo alla generazione a livello random, mi sono imbattuto in un problema. Ho le sprites funzionanti bene, ma quando cerco di caricare la piattaforma successiva, il vecchio scompare. Ho pensato che questo problema sarebbe stato risolto se copiassi […]

Animazione Glitchy su canvas

Sul mio livello inferiore inferiore where il giocatore si muove e gli ascensori si muovono Utilizzo questa frequenza di frame: var requestAnimFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; Quando il giocatore muore, utilizzo questa frequenza di frame per l'animation di esplosione. var requestAnimFrameExplode = function(callback) […]

trascina l'image dopo averlo scartato nell'elemento della canvas

Per eseguire funzionalità di trascinamento e trascinamento, con l'elemento a canvasio, devo effettivamente disegnare l'image nell'elemento di destinazione utilizzando questa linea, ctx.drawImage(imgElement,dropX, dropY); Perché è disegnato, ho trovato una difficoltà a trascinarlo di nuovo. È come non posso farlo muovere più Sto lavorando sulla base di questo codice qui: http://jsfiddle.net/m1erickson/cyur7/ Quali modifiche devo fare per […]

non in grado di scaricare la canvas finale fusione

Sto fondendo 2 canvas su 1. Tutto funziona bene. Voglio solo scaricare questa terza canvas con un clic. Sto usando il codice di seguito per la fusione di 2 canvas e di scaricare la canvas finale: function downloadCanvas() { var bottleCanvas = document.getElementById('canvas_thumb'); var designCanvas = document.getElementById('canvas'); var finCanvas = document.getElementById('finalcanvas'); var bottleContext = finCanvas.getContext('2d'); […]

Salvare l'image di canvas di alta risoluzione sul server utilizzando asp.net

Ho questo codice per salvare un'image canvas sul server web. Ma non funziona quando l'image ha più di 200 * 200 pixel e ad alta risoluzione: non salva. Una piccola image funziona; ma un'image più grande con alta risoluzione non funziona. <script type="text/Javascript"> function drawShapes() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var […]

Ruota e salva l'image per JavaScript

Sto scrivendo un webapp che carica l'image e la visualizzazione su canvas (più esatta, sto scrivendo un'applicazione Tizen che usa HTML5 / JavaScript). Posso caricare correttamente l'image: function loadImage(file) { var img = new Image(); img.src = file; return img; } Tutto funziona finché non ho iniziato a get immagini che presentano orientamenti sbagliati. Scopri […]

Come salvare un'image canvas con un nome di file specifico

Ho una pagina web che può mostrare un stream in diretta e quindi essere in grado di schioccare il stream in diretta. Devo avere un button che può salvare l'image nella canvas con un nome specifico del mio file (può essere la data di oggi). Neanche bisogno. Grazie a coloro che risponderanno! 🙂 Ecco il […]