Programamos um GAME com JavaScript Puro em 28 minutos // Mão no Código #10

[@lucastavares206]

Tô aprendendo js e já vi que tô muito no início ainda . Entendo o conceito mas não conhecia muita coisa. Bacana demais

[@cl3ber]

Eu também mano, vamo se esforçar mais que a gente consegue

[@okmerendo5175]

Como vocês conseguem os materiais para estudar ?

[@eduardosa5559]

@@okmerendo5175 eu uso videos e alguns sites, alem de livros

[@danilopinto6349]

Trabalho incrível, obrigado por está incentivo a programação jovem, parabéns pelo trabalho

[@codigofontetv]

Muito obrigada!!!

[@kevenp.santos2805]

Pintokkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

[@danielmacedo2031]

Vcs me inspiram muito!!!!!! Sou iniciante em programação e sempre acompanho seus vídeos. Adoro vcs!!! Deus os abençoe infinitamente!!!!!!!!!

[@porcohuetropadocafe20k15]

E ai cara, depois de dois anos, continua firme e forte?

[@PauloVitordeSRamos]

amo vcs, conheci o canal a pouco tempo, me fez estudar javascript, vcs sao demais

[@codigofontetv]

Muito obrigado Lion. É um prazer ter você por aqui. 😃

[@assisgold]

Ae galera já sigo seu canal a um bom tempo e somente assistia, mas agora estou cursando Análise e desenvolvimento de sistemas. Estou super ansioso

[@okmerendo5175]

Eae oq ta achando do curso ? É mt dificil ?

[@assisgold]

Estou esperando liberarem as aulas, mas desde já sei que devemos estudar muito. Acredito que vou poder contar com vcs 😅😅

[@okmerendo5175]

Boa cara, é isso ae !

[@okmerendo5175]

Se quiser me add no fb, para trocarmos umas idéias...

[@assisgold]

Onde encontro seu Face? Acabei de me cadastrar na Treina Web visando os 7 dias grátis rsrsrs

[@victtorcesardsgn]

Vídeos assim me deixa mais empolgado com o JS e me faz não desistir do curso hehe

[@marllonjhonattan8321]

voces dois sao feras demais, iniciei agora no mundo da programação e voces sao sem duvidas um dos melhores que ja vi no youtube, parabéns e não desanimem nunca o trabalho de voces é incrível. Like + Inscrito.

[@moiseseshelton3544]

um like vindo directamente de moçambique

[@codigofontetv]

Que honra! Like recebido com sucesso! 😁

[@nelsonsoares2281]

Showwwwwwww muito bom! Já pensaram em criar CURSOS Online, será fantástico porque vcs tem uma ótima dinâmica e sabem explicar muito bem! 😊

[@diegosilva-kf3ye]

Vocês podiam ter mais quadro assim, fazendo coisas mais na pratica....muito bom,parabéns.

[@codigofontetv]

Muito obrigado Diego, vamos fazer mais. 😉

[@cha.felino]

Maravilha!! Estou iniciando no mundo da programação, recentemente compreendi o uso de objetos. Acho que esse foi um dos videos que eu entendi quase tudo que foi feito. Nos outros ainda estou boiando e bem longe do Docker...kkkkk. Mas mesmo assim assisto até o final! Vou continuar estudando, quem sabe em breve estarei entendendo os outros vídeos. Obrigado pelo conteúdo, vocês são demais!!!;

[@ShinjiMaskred]

Excelente codificação , interessante vê como o Java possui ferramentas para codificar até jogos, isso eu já não sabia rssr. Parabéns a vocês por toda semana nos da um aula sobre o lado da programação que não conhecemos tão bem quanto vocês conhecem . Agora como membro espero poder acompanhar vocês no crescimento do canal e poder aprender cada vez mais com vocês. Obrigado #CFTV .....Abraços...

[@leonardolima7140]

Java?

[@codigofontetv]

Muito obrigado Leandro. É um prazer ter você por aqui. Só uma correçãozinha, no vídeo programamos em JavaScript. 😃

[@leohominis1695]

Olá, vocês poderiam fazer um vídeo falando sobre a programação visual??? Ou seja, programação por blocos lógicos. Acho top o canal de vocês... sucesso.

[@LucasNaja]

Jé enviei um pull request! Gostei do código, tá bem padrão, parabéns. :)

[@elisonsantos6939]

Jonas, passa o link do grupo

[@CarlosSousa-qo4ob]

Muito bom !! Parabéns. Este exemplo ajuda muitos programadores que estão iniciando na arte. Assim eles vão levantar a pergunta fantástica do programador que é "como ele fez isso !"..kkkkk....e Ai a curiosidade os leva a analisar código que é "the best way to" para aprender a codificar.

[@guil95]

Muito bom vídeo e muito boa a idéia, deixar tudo no github e aceitar contribuições, muito top!!!!

[@edenpaulocruz]

Muito legal! Começo meus estudos de JavaScript na próxima semana e já fiz um fork para brincar com o projeto depois, e quem sabe, dar a minha contribuição.

[@wilsonrosagomes]

Primeiramente Parabens pela didática, ideias sobre melhorias, colocando pra funcionar a cachola. Um pequeno e importante *adendo*: " aumentem o tamanho da fonte no vscode pois mesmo em qualidade HD 1080p as letras ficaram pequenas e dificultaram um pouco a visualização". Ótimo projeto meus parabens.

[@CaminhoNoMarketing]

Só pelo título eu já chego dando like.

[@codigofontetv]

Muuuuuuuito obrigado Wesley!!! 😃

[@LucasDev]

Legal casal! Eu também gosto de criar jogos em js. Acho que ajuda as pessoas perderem o medo da linguagem.

[@codigofontetv]

É uma ótima forma de aprender! Obrigada Lucas!

[@luantorres604]

Olá, gostaria de saber se você desenvolve na linguagem React Native?

[@kardreanShinoda]

ja tinha visto esse video antes ,mas agora tomei coragem de começar a mexer nele, vou implementar musicas, e achar alguma forma de usar websocket, e ver como por um mode online XD

[@StilyLone]

Otimo trabalho, estava programando um jogo parecido, graças a esse maravilhoso video, eu resolvi meu erro, O B R I G A D O !!

[@alx_gameDev]

cara eu fiz um joguinho tbm so que sofri muito mais ueaueaeu, mas to contente comecei a estudar programação em fevereiro e ja estou fazendo coisas incrives no frontend, e agr estou a começar o backend

[@ryanguilherme1663]

Aí cara, comecei esse mês. Tem como a gente conversar por alguma rede social pra trocarmos experiências?

[@luizpires7490]

Este foguinho quando digita ficou top kkkkk Imagina programar 12 h com aquilo (sei que é provável que o efeito seja apenas para o vídeo ) O video ficou muito bom e a entrevista de vocês no Hipsters foi muito legal também

[@leonardosevero5770]

Achei que era algum plugin! asdashudas

[@luizpires7490]

@@leonardosevero5770 Deve ser para o VS code mas acredito que eles só usem aquilo para gravar vídeo kkkkkkkk

[@lucasjuan14]

É uma extensão chamada Power Mode, no meu caso só me atrapalha kkk Pra demonstração é bacana e ele tem outros efeitos

[@danielgomesdossantos5329]

Já é a terceira vez q vejo esse vídeo, agora tô começando a entender o que tá acontecendo kkkk

[@thiagocgaleno]

Implementei o meu antes de assistir pra poder comprar. Ficou completamente diferente kkkkkkkkkk Mas é bom pra poder aprender... 👌

[@ricardo_reis]

Começa somente em 1:58 Pode clicar e pular direto para o início.

[@luantorres604]

Olá, gostaria de saber se você desenvolve na linguagem React Native?

[@ivandomar]

Primeiro jogo que fiz, foi jogo da velha. Primeira IA que fiz, foi pra jogar jogo da velha. Aquela nostalgia dos primeiros semestres de faculdade....

[@gillall4828]

Meu primeiro jogo foi um snake em C com o que a aprendi na primeira aula, do primeiro semestre. Snake pvp com comida quântica, sempre aparecia 2 comidas quando qualquer uma delas fosse comida elas reapareciam em outro local. Cheio de flickering, tudo na mesma thread, kkk Pelo menos eu sabia disso! Achei que tinha ficado uma bosta até ver alguns na internet! kkk

[@ivandomar]

@@gillall4828 Só imagino a dor de cabeça. Hahahaha system("cls") e printf() até perder de vista. Também tive meus tempos de C, mas rapidamente pulei fora e deixei só pra processamento mesmo.

[@magnocarta5153]

@@gillall4828 Qual faculdade ? Faço Eng de comp e Com oq aprendi em uma aula não dava pra fazer mt coisa n kkkk (nunca tive base antes).

[@gillall4828]

@@magnocarta5153 TADS. Tudo começou quando o prof. mostrou essa func. void gotoXY(int x, int y) { CursorPosition.X = x; // Locates column CursorPosition.Y = y; // Locates Row SetConsoleCursorPosition(console,CursorPosition); // Sets position for next thing to be printed } Dai procurei como ler inputs e achei a func kbhit(). E... tenho a src até hoje. kkk Vou por no github.

[@magnocarta5153]

@@gillall4828 Vlw , só vi o básico do básico de C msm, Nunca tinha programado na minha vida, 2 meses de faculdade até agr por enquanto, vou ver se consigo fazer algo daora que nem tu

[@wctutoriaiswc3272]

MT bom, ótima iniciativa,estou aprendendo JS gostei MT do vídeo.

[@cmsouzaac]

Gabriel e Vanessa, bom dia! Estou muito feliz na area de desenvolvimento, abre muitas portas e foca mais nossos estudos. Gostaria de debater um assunto com vcs referente ao "js", sei que desenvolvedores nessa area tem em milhares por ai. Porem gostaria de saber, como faço pra ser um deferencial nessa area? alguma dica para que eu possa esta focando mais ainda. abs.

[@juliocarlos376]

Vocês são incríveis

[@codigofontetv]

Muito obrigado Júlio. 😃

[@vicjesusvic]

Tal vez chegue o dia que em que eu olhe pra isso e entenda alguma coisa... mas no momento eu num entendi foi nada!!! kkkkkkkkk Puts... tenho muito o que aprender mesmo!

[@h.olivei141]

To aprendendo js e esse tipo de vídeo eh totalmente instigante. estao de parabens ! aguardando os proximos sz

[@missilenerodrigues7177]

ficou show o vide-o e obg! pela ideia simples, que vai ficar bem dinâmico pra galera!!!!!!!!!!!!!!!!!!!Bora implementa mais functions kkkk

[@codigofontetv]

Muito obrigado por nos acompanhar. 😃

[@Jotadepaula]

Que agonia esse efeito de fogo KKKKK Muito bom o vídeo, parabéns

[@HenriqueMDerosa]

Cdf. Muito top. Curti. Adorei. Só tinha que tá com a fonte maior. 😛 Nem que usasse dois workspaces ou alternando janelas. Tava pequeno, ruim de ver no celular ou numa internet mais fraquinha 🙈

[@f3llip3nogu3ira9]

Curti o Java ele tem inúmeras funções, agora em questão ser Server qual seis usam mysql ou sql? Sou iniciante estou na faculdade de Ads e quero ser programador do no caminho certo? Quero faculdade mais os Cursos.quero ser Fullstack para aprender não tenho preguiça eu gosto de aprender muitas coisas ao mesmo tempo por isso eu escolhi Fullstack só preciso acaba o caminho de servidor agora pq já vou inicia com Javascrpit.

[@cadeirantephb1722]

Nossa que massa parabéns gostei da iniciativa #mas vídeo assim!

[@royalcoach5670]

Boa tarde, venod o codigo de vcs, observei que utilizam o THIS , mas meu professor disse q atualmente não é mais tão utilizado. Também observei que o video é de 4 anos atraz. Mas como sigo vcs a 1 ano, gostaria de saber a opinião de vcs , sobre usar THIS ou não?

[@rotognin]

Seria interessante baixar o código e ir acompanhando junto com o vídeo, pois a fonte no vídeo ficou muito pequena para enxergar.

[@ac-devfullstack9709]

Saudações casal 20, rsrsrs, to brincando, seus videos são excelentes, vocês são programadores raízes, fazer código na mão, só para queles que sabem, parabéns!

Like nos 1os segundos =D Admiro a iniciativa de vocês !

[@codigofontetv]

Muito obrigado André. É por comentários como o seu que fazemos esse trabalho. Grande abraço. 😃

[@joaomateus7835]

oi meu nome é João Mateus e eu estou com uma duvida como voces fazem para abrir esse codigo sabe que vcs parecem que estao no google mas nao estao tipo uma nova pastas eu nao sei mas pf se poderem me ajuda

[@matheus3526]

Acha uma boa aprender javascript para criar jogos 2d? Quando pesquiso ou converso com alguém sobre isso, todos dizem para eu estudar C# e uma Unity da vida, mas queria muito aprender web dev e criar jogos 2d, acha que estou viajando?

[@isaacagibert3662]

qual a extensão que eles estão usando para fazer esses FOGUINHOS ao digita ?

[@adriano_josse]

O meu navegador é a ultima versão do Google Chrome e não suporta a função querySelector, tive que opitar pelo getElementById kkk e eu fiz com o flexbox, não gosto do grid

[@wilianluciano2263]

Muito bom! Gostei de mais! 👏👏

[@klznpch7512]

OQUE?????? vocês são incrivel meu primeiro jogo da velha tem 484 linhas de códigos e você só precisa de umas 30 pra criar o jogo todo ;-;

[@luanbandeira6054]

@@Lilze.y nada kkkk é que não usei loop, usei o canvas e vi onde o player clica pelas condernadas do mouse kkk. Se quiser ver o código é só falar.

[@paulogerson3955]

Manda link do seu repositório.

[@emanoelinfinity]

Estou aprimorando meu lado CSS para depois aprofundar mais o JS.

[@codigofontetv]

Vai fundo nos estudos. Sucesso pra ti. 😃

[@TiagoCouto439]

Amo esse canal!!!!!

[@Ravena8268]

Reparei que estou bem no começo de JavaScript conheço o suficiente para não ficar perdida enquanto vocês mostrava o desenvolvimento do jogo, mas muitas coisas eu não sei.

[@ansuuuedri]

como coloca esse tema de fogo no cursor

[@raphaelcacildo]

Parabéns turma 😉

[@codigofontetv]

Muito obrigado Raphael! :D

[@cleytonmatos1116]

Bom dia! Dá pra fazer jogos para android com javascript do tipo plataforma ou o csharp é o melhor para criação de jogos?

[@xboxeopoderxonao6402]

olá meu querido, estou com uma dúvida e espero que vc possa fazer um vídeo ensinando isso, eu estou tentando criar uma demo de jogo de plataforma, só que o chão onde o personagem anda tem ondulações no cenário, por exemplo vc está andando num determinado pedaço do chão e na sua frente tem uma descida em 45° , tentei fazer essa descida adicionando 1 ou 2 no eixo y e diminuindo 1 ou 2 no eixo y caso o personagem queira volta pra posição inicia, a princípio essa ideia funciona, só que se eu estiver na metade do caminho na descida em 45 graus e eu ficar apertando pra frente e pra trás ele sobe e desce na diagonal (oque é esperado ) porem ele começa a sair da rota da descida , ouvi falar que esse tipo de movimentação vc pode fazer com vetor, como sou iniciante não consigo resolver esse tipo de problema, se vc puder ajudar ficaria grato ,pois não acho nenhum vídeo sobre isso no KZbin.

[@mattheusemannuel6053]

Estou com um grande enigma, e gostaria que você pudesse me ajudar. Queria saber Como enviar o valor de uma variavel de um javascript para um database, exemplo: Tenho um arquivo jogo.js e dentro dele uma variavel chamada pontuacao, eu queria uma forma de pegar o valor armazenado nessa variavel e enviar( e regatar) para um database, consigo fazer isso muito bem no php, mas nao consigo no javascript. Detalhe, a pagina nao pode ser atualizada nem alterada, poderia fazer um codigo so de exemplo? Pegando o valor de uma variavel num arquivo .js e passando para uma linha php(ou outra linguagem) e enviando ela para um database, ou algo do tipo? Pois preciso fazer ligacoes entre variaveis do PHP e do java para concluir um projeto que tenho. Um game web, onde quero armazenar toda a pontuação, raking, etc num database. Se puder me ajudar, ficaria muito grato. Os comandos de SQL, de PHP eu ja conheco, mas o danado do java... :/

[@nozesarvozes1248]

Sugestões: Minha resolução em 1080p não pode definir onde tinha o símbolo de igual no código. Ficou meio apagado. Não sei se teve, mas não vi se pode travar um jogador jogar por cima da jogada do outro jogador.

[@andregomes5889]

Muito bom, gostei demais, por favor mais mais....

[@flaviosorocaba100]

PQP ... vcs são fodas mesmo. Sensacional !!! Valew .

[@EvertuGameTools]

Eae Man, ensina a fazer esse foguinho ao digitar

[@gilvansantos741]

tá pegando fogo bicho!!

[@thianolima]

Vamos evoluir isso pra um multiplayer online

[@leyria]

Top! legal a iniciativa der fazer joguinhos em JS^^

[@patricknascimento1690]

Show de bola, parabens... O curso em Chamas como se chama o plugin?

[@eduardomelo4871]

Da próxima vez aumenta um pouco a fonte, plz

[@codigofontetv]

Pode deixar Eduardo! ;)

[@MikhailFull]

Aumenta a definição para pelo menos 1080p, ficou bem nítido nessa definição

[@Saopaulero]

@@MikhailFull msm assim cara.. Mt pequeno, não dá pra ler

[@lucasnovaes-programacao2869]

Como fizeram pra adicionar aquele efeito do fogo na digitação do código? Ah, e comecei a programar há pouco tempo e o canal tem ajudado a ter uma boa noção do que é a área de TI. É onde me atualizo sobre o que acontece no mercado. Parabéns! :)

[@lassulfi]

O cursor tá pegando fogo bixo!

[@01wcf]

Galera bom dia, alguém sabe com aparece esse "foginho" cada vez que ele digita? se for um plugin, qual o nome ?

[@edsonbruno9461]

Muito bom o projeto!! Parabéns 😊😊

[@denilsontecnologiaemfoco7472]

Qual a IDE que vocês estão usando?

[@andrewenrique5503]

Ela que deveria narrar e digitar.

[@pedrocruz2642]

qual o nome da extensao do fogo?

[@nilnavegadores767]

😊. Qdo alguém me disser q desenvolvimento de sistemas é difícil ou q ñ é divertido vou mandar ver este tutorial. Excelente!

[@luantorres604]

Olá, gostaria de saber se você desenvolve na linguagem React Native?

[@ronegk]

A font ficou muito pequena, impossível ver o código na tela do celular.

[@luccaradaeli8004]

Verdade. Seria legal aumentar um pouco, mas consegui ver em tela cheia aqui

[@gustavo.g.pereira]

Ta no Github o código jovem!

[@MikhailFull]

Aumenta a definição, no 720p é difícil de ver mesmo

[@ramonferreira3404]

Cara, eu tenho um MTG2, consegui ver muito bem o código.

[@alessandrocoutinho5762]

Game open source rs... muito show. Sou fã de vcs.

[@robsontavares1]

O console ficou um pouco pequeno para quem usa smartphone, mas obrigado de qualquer forma por disponibilizar o vídeo.

[@codigofontetv]

Acertaremos isso na próxima vez. :) Obrigada pela dica!

[@cadeirantephb1722]

@@codigofontetv Nós que agradecemos,também assistou seus vídeos pelo celular

[@kaiophillipe6004]

Qual o nome do plugi do fogo no cursir

[@RudneyLeal]

o que é esse init mesmo?

[@usuario8427]

Gabriel Fróes! Monstro!!!!

[@LINCOLNLOPESGYN]

Gostei muito dessa dinâmica. Tem algum curso que vocês recomendam para JS?

[@smithsci]

o Gabriel parece o cara do canal realidade americana kkkkk

[@gabrielhenrique073]

Que legal, vou dar uma ajuda no código

[@Cyrus_Michael]

Que extensão é essa que faz aparecer uma chama toda vez que se digitaliza uma linha do código?

[@codigofontetv]

Se chama Power Mode

[@Cyrus_Michael]

@@codigofontetv Valeu couple cdf.

[@demmymaster4828]

como coloca esse efeito de fogo na hr de digitar?

[@AntorchaToxica2789]

como c faz pra sair fogo do código?

[@mvmv73]

Desenvolve o jogo de Damas!pode ser?

[@trocandobytes]

Muito bom mas poderia usar uma fonte maior pro vídeo, as vezes assisto com janelas não full screen e fica bem dificil de ver.

[@thiagotimm3668]

Esperando pull request com ES6 array high-order functions!!

[@codigofontetv]

Vai ter. 😉

[@romulojs]

O próximo jogo pode ser o tetris, e com ela com a mão no código,...

[@niltonduarte3531]

Não da pra ver nada o tamanho da fonte na IDE tá muito pequena

[@adrianomourao3124]

Ei Gabriel, deixa a Vanessa programar um pouquinho também...rsrs

[@vweberfroes]

Tadinho do @GabrielFroes ele é inocente. Eu acho que ele tem uma didática melhor para explicar os códigos, por isso, prefiro ficar de copiloto. Mas prometo fazer um Mão no Código pilotando. 😊

[@matheuslima2484]

pq as vezes se usa "==="?? tipo na parte "(this.board[position] === ' ')" eu entendi a lógica, só não entendi a sintaxe

[@user-fk3eb5pf5p]

=== extremamente igual

[@thomasgf22]

Não é só sintaxe. == e === são semanticamente diferentes. === serve para testar se a variável é exatamente aquilo (testando seu tipo e conteúdo). Por exemplo '' == 0 é verdadeiro, enquanto '' === 0 é falso

[@matheuslima2484]

@@thomasgf22 desculpa, mas não entendi

[@matheuslima2484]

@João Nery muito obrigado

[@codigofontetv]

Boa João!!! 👏🏻👏🏻👏🏻

[@WaldirNeto_inspiration]

Qual é essa extensão de FIRE? PELO AMOR D DEUS. É da hora kk

[@allanrolli6209]

adoro o trabalho de vcs, mas uma coisa q eu vi, ta com delay na voz nao esta??

[@alissonf-lima1680]

cadê, trás ele de volta.

[@bawual9223]

Como hacen que salga el fuego cuando programan?

[@codigofontetv]

una extensión llamada Power Mode

[@bawual9223]

@@codigofontetv gracias

[@williansandro6877]

A Vanessa é muito fera em Weber mesmo vou kkkkkkkkkk

[@EdersonBairros]

Ederson bairros novo inscrito? Como assim, não tô sabendo de nada kkkk

[@andreluiskunert4895]

Já pensou em fazer um jogo de xadrez?

[@andreluiskunert4895]

mais ficou ótimo...[

[@gatogaiato]

Não sei se eu tô falando bobagem, mas por exemplo, vocês determinaram a sequencia: 123 como vencedora, mas e se vc clicar em 3,2,1 ou 2,3,1 ou 2,1,3 oq acontece ????

[@HellitonSoaresMesquita]

Então ele checa cada sequência. Ou seja não importa aonde eu clicar, ele verifica todas as sequências vendo se ela é igual. Nem precisa de chamar símbolo.