Conteúdo para você se capacitar em programação
Uma maneira realmente rápida de converter floats em inteiros é usando o operador double not bitwise (~~) No desenvolvimento do jogo é realmente uma desaceleração se você tiver que calcular …
Continuar lendoHá algum tempo, decidi fazer um canvas HTML5 e JavaScript de sistema de partículas simples. Ele não usa nenhuma outra biblioteca, é apenas JavaScript básico. Fonte (github): https://github.com/depy/simple-particle-system jsFiddle : …
Continuar lendoLidar com recursos externos de domínio cruzado pode ser uma grande frustração ao manipular imagens na tela. No entanto, existe uma solução muito simples para evitar todos os erros de …
Continuar lendoestou tentando minha primeira prática em canvas js / html, mas não funciona comigo, aqui está meu código: html: <html lang = “us”> <head> <style type = “text / css”> …
Continuar lendoVocê provavelmente conhece o incrível Click & Drag de xkcd http://xkcd.com/1110 O pessoal do PubNub criou uma versão multijogador onde você pode voar e conversar com os outros jogadores. http://www.pubnub.com/static/pubnub-xkcd/index.html
Continuar lendoSe você está tentando fazer jogos retrô super legais com o Canvas, DEVE ser capaz de desenhar pequenas imagens e esticá-las com CSS aplicando isso ao objeto canvas: image-rendering: -moz-crisp-edges;image-rendering: …
Continuar lendovar canvas = document.getElementById (‘canvas’), // obter Eelement context = canvas.getContext (‘2d’); // obtém o contexto do elemento context.lineJoin = ‘redondo’; // define as linhas de conexão context.lineWidth = 30; …
Continuar lendoOntem, por volta da meia-noite, eu queria testar minhas habilidades de programação com um exercício fácil. O jogo da vida de Conway ( http://en.wikipedia.org/wiki/Conway’s_Game_of_Life ). Escolhi canvas JS e HTML5 …
Continuar lendoRascunho de trabalho: http://magick-uploader.herokuapp.com/ Ele requer os recursos FileAPI e Canvas do navegador do cliente, que podem ser polyfilled usando pontes Flash, como flashcanvas e FileReader . Seu navegador faz …
Continuar lendofunction getPixel(url, x, y) { var img = new Image(); img.src = url; var canvas = document.createElement(‘canvas’); var context = canvas.getContext(‘2d’); context.drawImage(img, 0, 0); return context.getImageData(x, y, 1, 1).data;}getPixel(‘./bg.png’, 10, …
Continuar lendoQuadrado Dinâmico de Ruído Sutil Para gerar dinamicamente um pequeno pedaço de bondade com o canvas e defini-lo como um plano de fundo lado a lado para sua tag de …
Continuar lendoIntrodução ~ Filtro do Instagram criado com JavaScript Um dia, eu estava aprendendo o canvas do protocolo HTML5 apenas para me divertir. De repente, uma ideia interessante me ocorreu. “Que …
Continuar lendoIsso pode poupar uma hora de se perguntar por que diabos a tela parece difusa!?! Primeiro, faça seu elemento de tela duas vezes maior do que você deseja, mas defina …
Continuar lendoEu precisava colocar rótulos em um elemento de tela (renderizado pelo chart js), coloquei esse trecho de código lá para adicionar os rótulos de forma que falassem, adicionei uma cor …
Continuar lendoRecentemente, desenvolvi um jogo em JavaScript para o qual precisava de uma maneira de mostrar visualmente a saúde do jogador. O jogo já tinha um HUD onde as informações de …
Continuar lendoHá muitas coisas legais em torno da tela HTML5, requestAnimationFrame e fazendo animações com Javascript. Se puder, você também deve verificar as animações CSS se quiser animar elementos DOM. Para …
Continuar lendo