Posts com a tag javascript
Site ou App? Sim. O guia gambiarrístico para sites feitos em Expo Router
Uma das side quests mais chatas de publicar um app na Google Play Store é que o Google às vezes decide que você também virou dono de site. Lá em 2024, quando eu…
Compartilhando cookies encriptados do Laravel com Next.js
Muitas vezes, amigos me perguntam: "Pablo, como você consegue manter a calma e serenidade diante de desafios técnicos complexos?" Bem, a verdade é que eu não co…
Calculando minhas horas de trabalho em projetos pessoais usando Node.js
ilustração de como é trabalhar com foss Como um desenvolvedor totalmente "commitado" (trocadilho intencional, e não vai ser o único) em projetos pessoais de FOS…
Como automatizar a criação de Instagram Reels usando GPT da OpenAI
Após criar um script Node.js para postar automaticamente Reels no Instagram e outro para gerar automaticamente miniaturas para Reels no Instagram, o que vem a s…
Como criar thumbnails para seus vídeos automaticamente com Node.js
Apenas na semana passada eu postei sobre como fazer upload de Reels para o Instagram usando Node.js, e no código era possível fazer upload de um thumbnail para…
Publicando Reels no Instagram usando Node.js e a arte de superar limitações
Fala aí, pessoal! É difícil ser nerd nos dias de hoje, tantos eventos são exclusivos para pessoas da mídia e influenceres - até a E3 foi um evento apenas para o…
Meu blog tem Stories agora, mas não me pergunte por quê
Stories estão em todo lugar nas redes sociais hoje em dia, e eu me peguei pensando - o meu blog realmente precisa de Stories? A resposta, claro, é um sonoro "nã…
Usando Google Fitness API para calcular meu TDEE e mais
Se você quer perder peso ou ganhar músculo, tudo se resume a saber quantas calorias você queima em um dia, o que é chamado de Gasto Energético Diário Total (TDE…
Criando uma Startup com GitHub Actions e Google Forms
O mercado imobiliário em Amsterdam é doideira, tão doideira que as universidades estão dizendo aos estudantes para não virem para Amsterdam, a menos que já tenh…
Como acessar o state do Redux de um build de produção do React 18
Alguns meses atrás, EU escrevi um post no blog sobre como obter o state do Redux em produção, mas com o recente lançamento do React 18, esse código não funciona…
Adicionando botão para copiar code snippets no Gatsby (gambiarra)
Eu constantemente escrevo sobre programação e compartilho trechos de código nos meus posts, e copiar e colar código é uma habilidade essencial para qualquer pro…
Como o Webpack resolve imports dinâmicos com paths variáveis
Webpack é o bundler de módulos mais popular para JavaScript, é uma ferramenta para agrupar módulos em um único arquivo e mais. Uma coisa que sempre me deixou cu…
Usando Node.js e GitHub Action para encontrar uma casa no Funda.nl
Se você quer alugar ou comprar uma casa na Holanda, é melhor se preparar porque não é uma tarefa fácil, especialmente se você estiver procurando em Amsterdam. C…
Como acessar o state do Redux em produção usando o console do browser
EDIT: Isso só funciona para o React 17 ou inferior, para o React 18 veja esse post. Às vezes você quer debugar o state do Redux em produção, mas o redux-devtool…
Crie videos dos seus códigos de programação com esse script de Node.js
Quando eu estava trabalhando nos videos dos meus Game Devlogs, eu ficava pensando se seria possível criar automaticamente videos dos meus códigos, que dai ficar…
Como carregar arquivos de forma assíncrona com o Phaser 3
No Phaser 3, é possível pré-carregar os assets do jogo na função preload, para eles estarem prontos para uso quando a função create iniciar. Mas e se você preci…
Como importar posts com sintaxe de código colorida no Medium usando o Gatsby
Medium é uma ótima plataforma para compartilhar posts com um público mais amplo, mas é um pouco irritante que, para ter códigos, você precisa criar um Gist do G…
Eu criei um jogo para o acessar o conteúdo do meu blog com Phaser e React
Sim, isso mesmo, agora existe uma versão em jogo deste blog. Cansado de clicar em páginas chatas e ler coisas? Que tal mergulhar em uma jornada semelhante a um…
Como criar um jogo estilo RPG Maker com Phaser e React
A minha primeira experiência com "programação" foi em 2002, quando eu fazia jogos com o RPG Maker, foi quando eu aprendi o que era uma variável, persistência de…
Criando uma caixa de diálogo com React para o meu jogo em Phaser
O Phaser funciona renderizando píxeis dentro de um elemento canvas no DOM, e isso é ótimo, mas um dos grandes recursos do desenvolvimento da web é o poder do DO…
Atualize automaticamente o Tileset embutido do seu mapa no Tiled com um script Node.js.
Criar mapas com o Tiled é ótimo e da pra usá-los em praticamente qualquer game engine, incluindo a minha favorita, Phaser JS 😊 Para carregar um mapa com Phaser…
Criando o efeito do Código-Fonte da Matrix como background do meu site com React
Para comemorar o lançamento do trailer do Matrix 4, quero adicionar um efeito do Código-Fonte da Matrix no background desse site, que já está implantado, e você…
Criando um build para celular para o meu jogo com o Phaser JS - Game Devlog #23
Fala galera, aqui estamos nós novamente com outro devlog para o jogo Super Ollie, e como o jogo está sendo feito com JavaScript, eu posso exportar facilmente pa…
Criando plataformas para o meu jogo em Phaser JS - Game Devlog #22
Fala galera, bem-vindos a mais um devlog do meu jogo Super Ollie, e depois de quase um ano inteiro de desenvolvimento, estou finalmente tentando resolver algo q…
Escondendo partes do mapa com o Phaser JS - Game Devlog #21
Para aqueles que não sabem, Metroidvania é provavelmente o meu gênero de jogo favorito, então decidi adicionar um recurso clássico de jogos Metroidvania ao Supe…
Criando estalactites que caem com Phaser JS - Game Devlog #20
Fala galera! Estou finalmente de volta com outro devlog para o jogo Super Ollie, e hoje implementarei um elemento clássico de jogos de plataforma 2D, uma daquel…
Como gerar sprite sheets automaticamente para o seu jogo feito com Phaser JS
Em um de meus primeiros devlogs do jogo Super Ollie, eu expliquei como automatizar a geração de sprite sheets para o Phaser 3 usando Webpack, mas acho que seria…
Criando uma "Monkey Bar" para se pendurar com o Phaser JS - Game Devlog #19
Fala pessoal, o devlog de hoje será muito semelhante ao anterior, mas em vez de subir uma escada, vou para implementar uma "Monkey Bar" na qual o herói possa se…
Criando escadas para platformer com o Phaser JS - Game Devlog #18
Fala galera, estou de volta com outro devlog para o jogo Super Ollie. Hoje vou explicar como adicionei o recurso de subir escadas ao jogo. Subindo a escada Para…
Como criar uma página de busca offline com o Gatsby
Ao fazer um site usando JAMStack, alguns compromissos precisam ser feitos, mas a habilidade de pesquisar não é um deles, graças a bibliotecas JavaScript como fl…
Criando um formulário dinâmico a partir de um JSON schema
Há cerca de 2 meses, o Gatsby v3 foi lançado, e eu estava super ansioso para atualizar este blog para v3 e começar a usar os incremental builds, mas "infelizmen…
Usando o GitHub Actions para fazer o deploy do meu blog em domínios diferentes
Hoje eu decidi fazer o deploy do meu blog no meu endereço do GitHub Pages, blopa.github.io, além do meu deploy normal no pablo.gg, mas como fazer isso? Primeiro…
Como calcular a inflação acumulada dos últimos 12 meses com JavaScript
Hoje eu precisei saber a inflação acumulada dos últimos 12 meses para um cálculo em um projeto que eu estou trabalhando, informação que pode ser facilmente aces…
Criando um "pogo-attack" com o Phaser JS - Game Devlog #17
Bom... por onde começar, né? Já se passaram quatro meses desde o último devlog sobre o Super Ollie, mas sabe como é, a vida às vezes é complicada. Anyway, hoje…
Eu pago R$0,00 em hospedagem para esse site
Quando eu estava na faculdade, web development não era uma parte importante da programação como é hoje, eu não tive uma única aula sobre web e agora trabalho co…
Tinha que ser o Telegram de novo!
Ora ora ora, esse Telegram tá que tá, eim? Menos de 7 dias depois de não conseguir restaurar o backup das minhas mensagens no Whatsapp, o Telegram anunciou que…
Adicionando transição ao carregar uma fase no Phaser JS - Game Devlog #16
Fala galera, estou aqui mais uma vez humildemente atrasado com um devlog devido ao natal e etc. Mas bom, deixa isso pra la e vamos ver logo o video de hoje. you…
Criando uma AI mais inteligente e performática no Phaser JS - Game Devlog #15
Vamos lá, se prepare pois o devlog de hoje é longo, mas vale a pena. Eu estou muito feliz que eu consegui fazer esse devlog, afinal Cyberpunk 2077 saiu essa sem…
Criando clima chuvoso no Phaser JS - Skate Platformer Game Devlog #14
Fala galera. Esta semana eu trago outro devlog pequenininho por causa do Hyrule Warriors... É eu sei, mas agora eu fechei o jogo no modo Very Hard e estou "livr…
Criando uma loading screen e traduzindo o meu jogo no Phaser JS - Skate Platformer Game Devlog #13
Fala pessoal, no game devlog de hoje eu vou adicionar uma loading screen mostrando os assets que estão sendo carregados e também adicionar a opção de usar tradu…
Salvando progresso do jogador com checkpoints no Phaser JS - Skate Platformer Game Devlog #12
Fala pessoal! No vídeo de hoje vou mostrar como eu fiz para criar um checkpoint para o herói no meu jogo de uma maneira bem fácil. youtube: https://www.youtube.…
Carregando fases criadas pelo usuário no Tiled no Phaser JS - Skate Platformer Game Devlog #11
Fala pessoal, no devlog de hoje vou fazer uma parada muito legal - carregar dinamicamente arquivos externos de mapa do Tiled criado pelo usuário. youtube: https…
Criando status do herói (HUD) no Phaser JS - Skate Platformer Game Devlog #10
Fala pessoal, no game devlog de hoje vou mostrar como eu fiz para criar o HUD com os status do herói. youtube: https://www.youtube.com/watch?v=JVeRYsaXxpg A pri…
Criando inteligência artificial (AI) dos inimigos no Phaser JS - Skate Platformer Game Devlog #09
Fala galera! Para o game devlog de hoje, vou mostrar mais detalhes da AI dos inimigos que implementei. youtube: https://www.youtube.com/watch?v=9vocKXNKNjk Eu d…
Criando inimigos e itens colecionáveis no Phaser JS - Skate Platformer Game Devlog #08
Fala galera, estou de volta com outro game devlog, demorei um pouco para fazer este tiveram algumas coisas que eu realmente não sabia fazer (e ainda não sei). V…
Importando arquivo de tileset externo no Phaser JS com Webpack - Skate Platformer Game Devlog #07
Super Ollie vs Pebble Corp. No Game Devlog de hoje, vou mostrar como importar tilesets externos no Phaser JS, mas primeiro vamos tirar isso do caminho: Esqueça…
Descendo de plataformas com Arcade Physics do Phaser JS - Skate Platformer Game Devlog #06
Fala pessoal! O Game Devlog dessa semana é um pouco longo, 15 minutos, mas vale a pena assistir, pois, tem muitas coisas interessantes sobre o jogo. youtube: ht…
Usando botão para correr com Phaser JS - Skate Platformer Game Devlog #05
Fala pessoal, no Game Devlog dessa semana vou mostrar como eu fiz para implementar a movimentação do hero em cima do skate, que é ativada quando você aperta o b…
Segurando botão para pular mais alto com Phaser JS - Skate Platformer Game Devlog #04
Hey, estou de volta com outro Game Devlog. No devlog de hoje vamos ver uma maneira simples de fazer o herói pular mais alto se você segurar o botão por mais tem…
Criando colisões precisas com Arcade Physics no Phaser JS - Skate Platformer Game Devlog #03
Fala galera, mais um game devlog do skate platformer, dessa vez adicionei a animação de movimento do hero e criei uma função auxiliar para criar colisões custom…
Melhorando o build de sprite sheets no Phaser JS com Webpack 4 - Skate Platformer Game Devlog #02
Fala galera, segundo post em menos de uma semana, inacreditável. youtube: https://www.youtube.com/watch?v=6kpWc6VR0sA No gameplay não temos muitas novidades des…
Testando o Arcade Physics do Phaser JS - Skate Platformer Game Devlog #01
Fala galera, algum tempo já que eu não posto nada né... tipo 4 anos. Bom estou de volta para trazer notícias boas, ou pelo menos assim espero. Esse ano eu resol…