Comecei um jogo de pokémon usando IA!
Máscara de IA
0:00 / 0:00
Comecei um jogo de pokémon usando IA!
8 871 просмотр · 7 месяцев назад
Máscara de IA
586 подписчиков
8 871 просмотр · 7 месяцев назад
Bora começar um jogo pokémon-like com IA?
00:00 - Intro
00:26 - Criando pasta pro projeto e abrindo no Cursor
00:34 - 1º prompt
01:00 - Definindo a stack
01:13 - Modos do Cursor
01:36 - Dúvidas do Cursor
02:00 - Aplicando o SOLID no código
02:16 - Live Server
02:37 - Simulando mobile no navegador
03:02 - Resultado do primeiro prompt
03:22 - Criando repositório para o código
04:01 - Coletando gráficos para o jogo
04:27 - Confirmando tamanho dos sprites
04:42 - Configurando spritesheet do protagonist no tiled
05:02 - 2º prompt Usando arte ao invés do quadrado
05:52 - Ajustando animação do sprite
06:20 - Adicionando uma grid e camera seguindo personagem
07:17 - Mais ajustes de animação
08:49 - Removendo bug de movimentação diagonal
09:13 - Explicando grid snapping
09:38 - Desenhando a hitbox do sprite
10:05 - Mandando erros pro Cursor
10:36 - Mais ajustes de animação
10:45 - Quando o Cursor trava
11:03 - Resultado da animação
11:31 - Corrigindo hitbox
12:06 - Vantagens do controle de versão
12:27 - Abrindo no smartphone
12:46 - Obtendo tilesets para o cenário
13:31 - Abrindo tileset no tiled
13:49 - Configurando terreno
14:28 - Criando mapa
14:52 - Posição inical do personagem
15:14 - Embelezando o mapa
15:21 - Terrain generation fail
15:40 - Desenhando o mapa exportado do tiled
17:06 - Otimização do tilemap
17:30 - Zoom
17:47 - Desalinhamento do Tilemap
19:19 - Debugando desalinhamento do tilemap no console
22:42 - Desenhando e alinhando a camada das casas
23:17 - Melhorando o gráfico
23:59 - Propriedade Walkable Bloqueando movimentação em certos tiles
25:02 - Adicionando Árvores
25:42 - Propriedade Above Player Passando embaixo das árvores e atrás das casas
26:07 - Implementando Above Player no jogo
26:22 - Tentando fazer above player por tile ao invés de por layer
27:13 - Duplicando camadas no tiled pro above player funcionar
27:33 - Resultado do atributo above player
27:42 - Desenhando a grid na frente de tudo
27:51 - Ajustando pivots do sprite
28:30 - Bug de movimentação
28:54 - Resultado do ajuste do pivô
29:12 - Comitando o resultado
29:24 - Bug de posição inicial
29:28 - Corrigindo offset na posição incial do jogador
30:06 - Permitindo andar nos tiles da porta
30:23 - Refinando movimentação permitir trocar de posição sem ter que andar
32:00 - Comitando
32:14 - Trocando o lado do analógico
32:32 - Comenta, dá o like e se inscreva!
Playlist : • Projeto 1: Jogo Pokémon-like usando IA
🎮 O que você vai ver aqui:
Fan-Game de Pokémon
Como usar o cursor pra fazer jogos com IA.
Movimentação e Mapa básicos.
Como usar o Tiled pra desenhar mapas com tileset.
Como usar o Tiled pra adicionar atrbitutos em sprites no tileset.
Onde encontrar bons tilesets e spritesheets na internet.
Como usar IA pra integrar diferentes ferraments pra produzir jogos 2D ou 3D.
Refinamento de movimentação.
Como fazer um jogo de celular com IA.
HTML, CSS, Javascript, Phaser, Tiled, Cursor, JSON, .tmx, AI, Artificial Inteligence,Monster Tamer
Tiled: https://www.mapeditor.org/
Pyromathical: https://www.deviantart.com/phyromatical
Magiscarf: https://www.deviantart.com/magiscarf/...
💬 Comenta aí o que achou, ou alguma ideia que teve: (o comentário com mais likes vai virar um vídeo dentro ou fora dessa série)
👍 Deixa o like pra fortalecer, se inscreve e ativa o sininho pra não perder os próximos videos!