- 7
- 22 803
Lucas Cavalcante
Brazil
เข้าร่วมเมื่อ 7 ก.ย. 2006
I've been working with web development since 2001. My first freelance was done with ASP 3.0 and Access database! (and you complain about MySQL) I started to work with PHP in 2004 and didn't stop. My first job as a developer was in 2006, before that I worked as freelance and as instructor in some computer schools. At my age didn't exist front-end/back-end/full-stack... was web designer or webmaster.
I'm a great enthusiast of game dev field, what led me to do my specialization course in "Game Development" in 2014. This course accredited me to teach classes at university. I was professor from 2014 to 2019. As a business, I only developed 1 video-game, but was to a client uses internally. (awareness about selective collect - developed with Construct2)
Since 2019 I've been working fully remote to US companies.
I'm a great enthusiast of game dev field, what led me to do my specialization course in "Game Development" in 2014. This course accredited me to teach classes at university. I was professor from 2014 to 2019. As a business, I only developed 1 video-game, but was to a client uses internally. (awareness about selective collect - developed with Construct2)
Since 2019 I've been working fully remote to US companies.
Colocando as Peças no Tabuleiro: Construindo o Jogo de Damas com Swift e SwiftUI (iOS) | Tutorial #2
Dando vida ao tabuleiro de damas! ♟️ No segundo episódio da nossa série, vamos adicionar as peças ao tabuleiro que construímos no vídeo anterior. Utilizando Swift e SwiftUI, aprenderemos a criar peças personalizadas e posicioná-las corretamente.
Neste vídeo, você irá:
* Criar views personalizadas: Desenvolver as peças de damas com SwiftUI.
* Posicionar as peças: Distribuir as peças no tabuleiro de acordo com as regras do jogo.
* Utilizar o ZStack: Empilhar as peças no tabuleiro para criar um efeito visual mais realista.
Você aprenderá:
* Conceitos avançados de SwiftUI: Explore as possibilidades do framework para criar interfaces mais complexas.
Se você quer:
* Aprimorar suas habilidades em SwiftUI.
* Criar jogos mais complexos para iOS.
* Aprender a lógica por trás dos jogos de tabuleiro.
Este vídeo é perfeito para você!
Assine o canal e acompanhe a evolução do nosso jogo de damas!
#SwiftUI #Swift #iOSDevelopment #iPad #GameDevelopment #Tutorial #Damas #JogoDeTabuleiro #Programação #Desenvolvedor #Apple #AppStore
* criar jogo de tabuleiro iOS
* desenvolvimento de jogos SwiftUI
* tutorial de programação de jogos
* lógica de jogo de damas
* peças de damas
* interface de usuário de jogo
* SwiftUI avançado
* gerenciamento de estado em jogos
Neste vídeo, você irá:
* Criar views personalizadas: Desenvolver as peças de damas com SwiftUI.
* Posicionar as peças: Distribuir as peças no tabuleiro de acordo com as regras do jogo.
* Utilizar o ZStack: Empilhar as peças no tabuleiro para criar um efeito visual mais realista.
Você aprenderá:
* Conceitos avançados de SwiftUI: Explore as possibilidades do framework para criar interfaces mais complexas.
Se você quer:
* Aprimorar suas habilidades em SwiftUI.
* Criar jogos mais complexos para iOS.
* Aprender a lógica por trás dos jogos de tabuleiro.
Este vídeo é perfeito para você!
Assine o canal e acompanhe a evolução do nosso jogo de damas!
#SwiftUI #Swift #iOSDevelopment #iPad #GameDevelopment #Tutorial #Damas #JogoDeTabuleiro #Programação #Desenvolvedor #Apple #AppStore
* criar jogo de tabuleiro iOS
* desenvolvimento de jogos SwiftUI
* tutorial de programação de jogos
* lógica de jogo de damas
* peças de damas
* interface de usuário de jogo
* SwiftUI avançado
* gerenciamento de estado em jogos
มุมมอง: 20
วีดีโอ
Criando um Jogo de Damas para iPad (iOS) do Zero com Swift e SwiftUI | Tutorial Completo #1
มุมมอง 5421 วันที่ผ่านมา
Dando os primeiros passos para criar um clássico jogo de tabuleiro no iPad! ♟️ Neste primeiro vídeo da série, vamos mergulhar no mundo do desenvolvimento de apps para iOS e construir o tabuleiro do jogo de damas utilizando as poderosas ferramentas Swift e SwiftUI. Você aprenderá: * Fundamentos do SwiftUI: Crie interfaces incríveis e intuitivas para o seu app. * Layout customizado: Construa um t...
Recriei o Jogo da Velha com IA (usando Cursor + Claude)
มุมมอง 2321 วันที่ผ่านมา
Fala galera, beleza? 4 anos depois, resolvi refazer meu clássico jogo da velha, mas dessa vez com a ajuda da IA (Cursor e Claude)! Neste vídeo, você vai acompanhar passo a passo como usei HTML, CSS e JavaScript puro (sem frameworks ou bibliotecas) para criar o jogo ainda mais rápido e de forma bem simples e divertida. Se você é apaixonado por programação, IA, ou simplesmente gosta de um bom jog...
Vlog #1: No mundo da programação, por onde começar?
มุมมอง 3234 ปีที่แล้ว
Fala galera, beleza? Hoje estou trazendo o meu primeiro vídeo sem ser no formato de screencast. Nele compartilho um pouco da minha experiência quando o assunto é começar no mundo da programação. Se você quer ser um programador, então esse vídeo é para você. Assista! :) Mais informações em lucascavalcante.com Entre no grupo do Telegram para ficar sabendo das novidades em primeira mão: t.me/joinc...
Jogo da Velha (HTML, CSS e Javascript) #3: Criando um bot como adversário
มุมมอง 2.6K4 ปีที่แล้ว
Fala galera, beleza? No terceiro, e último, vídeo da série vamos criar um bot que ser o nosso adversário e jogar aleatoriamente em posições disponíveis no tabuleiro. Mais informações em lucascavalcante.com Entre no grupo do Telegram para ficar sabendo das novidades em primeira mão: t.me/joinchat/AAAAAEdOhgJ3BmM7VKMFnQ
Jogo da Velha (HTML, CSS e Javascript) #2: Aplicando as regras do jogo
มุมมอง 5K4 ปีที่แล้ว
Fala galera, beleza? Hoje, no segundo vídeo da série, vamos pegar todas a regras do jogo da velha e aplicar no javascript, além de mostrar o vencedor ao final e um reinício automático do jogo. Mais informações em lucascavalcante.com Entre no grupo do Telegram para ficar sabendo das novidades em primeira mão: t.me/joinchat/AAAAAEdOhgJ3BmM7VKMFnQ
Jogo da Velha (HTML, CSS e Javascript) #1: Criando a Interface e testando interação com o JS.
มุมมอง 14K4 ปีที่แล้ว
Fala galera, beleza? Estou começando hoje uma série de 3 vídeos onde vou criar passo a passo um jogo da velha apenas usando HTML, CSS e Javascript. Sem uso de bibliotecas ou frameworks. Mais informações em lucascavalcante.com Entre no grupo do Telegram para ficar sabendo das novidades em primeira mão: t.me/joinchat/AAAAAEdOhgJ3BmM7VKMFnQ
poderia me enviar o link desse repositorio que deve ter no seu github?
pessoal se alguma alma boa puder me ajudar nesta parte aqui o meu não esta ficando azul O player <span>${vencedor}</span> venceu'; o cifrao e vencedor fica marron como se não estivesse reconheçendo e na hora de mostrar na tela ao inves de mostrar quem ganhou mostra vencedor venceu
show!!
Muito legal!! Acredito que até aqui o jogo já satisfaz! Pq legal mesmo são 2 pessoas jogando!!! Parabéns e obrigado pelas explicações!!!
Vídeo incrivel!!
Muito Bom! Excelente! 🏢
Cara, que aula boa!
O cara sumiu?
Boa noite, adorei o conteúdo Lucas, o único problema que tenho tentado resolver, é que durante o jogo da velha, ao realizar a primeira jogada com o jogador X e logo em seguida o bot marca o O, se vc clicar no O ele se torna X e começa a bugar o jogo todo. Eu tentei usar a propriedade Object.freeze(posicoesDisponiveis) dentro da função bot e não consegui (já que imagino que por nao ser um objeto não consiga realizar tal processo e tb tentei Object.definypropriety. Poderia me ajudar? estou googleando e tentando uma resposta como ter freezar uma classe e nada. Abçs!
cara eu acho que da p mete um bot com javascript nao tao avançado, tipo um if que verifica c tem posiçoes diagonais e joga nas posiçoes diagonais ou retas que pode ganhar no jogo da velha, nem precisa de uma ia pra fazer isso eu acho.
como eu faria pra colocar um placar nesse jogo?
Muito Bom, mas jogando percebi que é possível mudar o X para O ou O para X, como a gente pode arrumar ?
Nao leva em cocideracao a classeName pois eu adicionei cores nos botoes atraves do bootstrap, mas para resolver esse pequeno problema voce apos cada jogada pode desabilitar o botao selecionado, o codigo ficou assim. const button = document.getElementById(id); turn = player_Of_The_Moment ? player1 : player2; if (!player_Of_The_Moment) { document.getElementById(id).className = "btn btn-danger "; button.disabled = true; } else { document.getElementById(id).className = "btn btn-primary"; button.disabled = true; }
Like mais que merecido
function encerrarJogo(vencedor = null) { if (vencedor) { window.alert("Vencedor é " + vencedor); } else { window.alert("Empate "); } }
O meu aparece quando uma mensagem quando o jogador ganhou ou perdeu, mas n vai qnd empatou, oq pode ser?
dei uma bobeira no meu e nao tava tambem, ai vi que meu return tava dentro do laco for.
Qual o repositorio tu postou seu código?
qual o seu github?
Amei. Conseguir fazer. Partiu vídeo da parte 2!
tive problemas com um x que era minúsculo e eu colocava como maiúsculo 3 dias para achar mas finalizei
muito bom
essa parte do if no evento click definido em `document` acho que fica melhor definir o evento na variavel `celulas` ... fica desnecessario verificar o target do evento
Parabéns pela didatica muito exclarecedor.
Minha grid b deu certo😔
Cara, eu fiz uma matriz dinamica, como eu faço para adicionar conteudo nas div que estão sendo geradas?
caramba, execelente. um jogo da memoria seria excelente.
Cara, muito obrigado pelo conteúdo!!! Faz um vídeo com o jogo da cobrinha! heheh Abraço!
Tu é fera demais! Muito obrigado mano!!
No meu na parte css .grid flex -flow : row wrap(quebra de linha para linha de baixo ) não funciona as células fica uma em cima da outra ,e meu código está idêntico ao seu,pode ajudar?
conseguiu?
Tbm mesmo problema
Parabéns, Lucas! Ótima aula!
Gostaria de saber caso possa me ajudar. Ali na mensagem onde o player ganhou, ou empatou...como faço para transformar em uma imagem: Ao invés do texto, gostaria que aparecesse uma imagem em png...nao sei como fazer.
Acho que vc poderia colocar uma div dentro da tela escura com a imagem que vc quer dai só faz ela aparecer com o javascript mudando a propriedade display dela, tem varias formas na verdade essa é só seguindo o conteúdo do vídeo
Oi Lucas, tudo bem? você explicar quais são os conhecimentos necessário para criar um bot para site online?
Muito massa Camarada! Elucidativo demonstrando os métodos na real! Obrigado e parabéns.
Obrigado, mano!
muito obrigado pelo conteúdo
faz um jogo de campo minado com js,css,HTML
show
No meu não está dando certo. Quando eu coloco "document.querySelectorAll(".celula");" dá erro, o erro diz que o document não está definido. Como posso resolver isso?
Olá Lucas. Tdo bem? Vc tem algum repositóerio onde está este código? Nao consigo avançar da parte checar vencedor. Está dando erro script.js:37 Uncaught TypeError: Cannot read property 'classList' of undefined Abração
Olá, João Carlos! Tenho sim, segue o link para o repositório: github.com/lucascavalcante/jogo-da-velha O elemento "celulas" deve estar vindo null, e por conta disso não está reconhecendo o "classList".
Dahora man, só que o meu n aparece o "X" nem o "O" quando eu clico. Oque eu faço?
Provavelmente, a nomenclatura que você usou pode estar diferente entre o HTML e o Javascript. Dá uma olhada no repositório, pode ser que você encontre a solução lá: github.com/lucascavalcante/jogo-da-velha
dica, na próxima grava o mouse na tela.... "se eu clicar aqui..." a gente tenta adivinhar onde está o mouse
Boa! Obrigado pelo feedback. Já descobri como fazer isso dentro do VS Code, agora vou ver como fazer isso por fora dele.
Show de bola. Parabéns.
Valeu, grande André!