- CSS | HTML | JAVASCRIPT
Como criar seu primeiro site do zero com HTML e CSS
Criar um site do zero é a porta de entrada para o universo do desenvolvimento web. Neste tutorial, você vai aprender a montar um projeto completo baseado no exemplo Top 10 Melhores Jogos do ano, usando as duas principais tecnologias front‑end: HTML5 para a estrutura semântica CSS3 para o estilo e responsividade Ao final, você…
AULA 2 – MOVIMENTO DOS SPRITES
Card Exemplo QUIZ #1 Clique no botão abaixo e inicie o quiz “OBJETOS” CLIQUE AQUI Card Exemplo ARTIGO #1 Clique no botão abaixo e leia agora o artigo “Diferenças entre const, let e var em JavaScript” CLIQUE AQUI Card Exemplo PROJETO #1 Clique no botão abaixo e inicie agora o projeto “Como fazer um jogo de labirinto em JavaScript?” CLIQUE…
Criando um jogo de Arqueiro em Javascript
O “Jogo do Arqueiro” é um jogo de física onde o objetivo é atirar flechas para acertar alvos, utilizando a biblioteca Matter.js para simular a física realista. Conceitos Fundamentais O Matter.js é uma biblioteca JavaScript que permite criar simulações físicas realistas em 2D. Com ela você pode: Criar corpos com propriedades físicas (peso, atrito, elasticidade)…
Matter.js: Aplicação de Força em um Corpo
O Matter.js é uma biblioteca JavaScript que permite criar simulações físicas realistas em 2D. Com ela você pode: Criar corpos com propriedades físicas (peso, atrito, elasticidade) Simular colisões e interações entre objetos Desenvolver jogos e experiências interativas Conceitos Fundamentais Corpos Físicos: Objetos que interagem com física (estáticos ou dinâmicos). Aplicação de Força: Matter.Body.applyForce(body, position, force)…
Introdução ao Matter.js: criando corpos físicos
O Matter.js é uma biblioteca JavaScript que permite criar simulações físicas realistas em 2D. Com ela você pode: Criar corpos com propriedades físicas (peso, atrito, elasticidade) Simular colisões e interações entre objetos Desenvolver jogos e experiências interativas Exemplo Prático: Simulação de Corpos Físicos Aqui está a animação que usaremos como referência: https://youtu.be/aaXSe87MPak Passo 1: Configurando…
Criando obstáculo do jogo com javascript e P5.play
No p5.js, o framecount (ou frameCount em código) é uma variável interna que conta o número de quadros (frames) que foram renderizados desde o início da execução do programa. Ele é útil para controlar ou sincronizar eventos ao longo do tempo em uma animação ou simulação. Características do frameCount No p5.js, o framecount (ou frameCount em código) é uma variável interna que conta…
Como Criar Simulações Físicas com Matter.js
O Matter.js é uma biblioteca JavaScript que permite criar simulações físicas realistas em 2D. Com ela você pode: Criar corpos com propriedades físicas (peso, atrito, elasticidade) Simular colisões e interações entre objetos Desenvolver jogos e experiências interativas Exemplo Prático: Simulação de Corpos Físicos Aqui está a animação que usaremos como referência: https://youtu.be/FmlhiIxjpSo Passo 1: Configurando…
AULA 1 – SPRITES
Card Exemplo QUIZ #1 Clique no botão abaixo e inicie o quiz “OBJETOS” CLIQUE AQUI Card Exemplo ARTIGO #1 Clique no botão abaixo e leia agora o artigo “Diferenças entre const, let e var em JavaScript” CLIQUE AQUI Card Exemplo PROJETO #1 Clique no botão abaixo e inicie agora o projeto “Como fazer um jogo de labirinto em JavaScript?” CLIQUE…
