Mini game com HTML, CSS e Javascript

Estou criando um sequencia de lives com o intuito de ajudar quem quer iniciar no mundo dos games. Criei um repositório no codepen.io e uma playlist no youtube.

Segue a baixo os vídeos e o link do repositório.









Código fonte para facilitar o entendimento

https://codepen.io/Andre-LPDZ/pen/eYrEGyd

Comentários

Postar um comentário

Postagens mais visitadas deste blog

ANDROID - Criando e Publicando APP com HTML, CSS, JavaScript e Java

Imagem
Neste post vamos ver, como criar um aplicativo android utilizando o Android Studio, você vai ver como é simples de fazer, e vamos ver também em nossa próxima live como fazer a publicação na loja. Códigos necessários: SPLASH SCREEN new Handler().postDelayed(new Runnable() {             @Override             public void run() {                 startActivity(new Intent(SplashActivity.this, GameActivity.class));                 finish();             }         }, 3000);  GAME SCREEN WebView wv = (WebView) findViewById(R.id.wv);         wv.getSettings().setJavaScriptEnabled(true);         wv.setWebViewClient(new WebViewClient());         wv.loadUrl("file:///android_asset/index.html"); Código para deixar em tela cheia requestWindowFeature(Window.FEATURE_NO_TITLE);         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN); Publicando APP Campos obrigatórios: Nome do app Breve descrição (É uma breve descrição d
Leia mais

Diferenças entre design responsivo, adaptativo e fluído

Imagem
Houve um tempo em que um site era apenas isso: um site. Felizmente, web design e desenvolvimento têm evoluído ao longo dos anos capacitando os usuários a exigir conteúdo real, relevante e com layout não mais frustrante. A fim de manter seus visitantes felizes e se ajustar a sua resolução de tela, três tipos de diferentes soluções de web design vêm à mente: design fluido, design adaptável e design responsivo. Saiba agora a diferença entre os três: Design Fluído Os layouts fluídos utilizam uma porcentagem do espaço em vez de largura fixa, ou seja, eles acompanham o tamanho da tela do dispositivo que você está usando sem mudar a estrutura. O maior problema com design fluido é o fato de que os elementos na página não podem se ajustar em conformidade. Isto significa que quando você mover para um monitor widescreen, a página e seu conteúdo podem parecer esticados. Se mover para uma tela menor como a de um tablet ou um smartphone tudo vai se aglomerar no meio. Isso pode representar alguns pro
Leia mais

Despedida SENAC

Imagem
Hoje é meu último dia na família chamada Senac, último de 3127 dias, 49,22% destes dias em Sorocaba e 50,78% destes dias em ITU, fiz muitos amigos nos dois lugares pessoas que marcaram minha vida, pessoas que nunca vou esquecer. são tantas histórias e quero em breve contá-las a vocês. Pensando nas aulas, neste período passei por: - 213 Turmas - 5354 Aprendizes Tive a oportunidade de atuar em projetos desenvolvidos pelo Senac: - Lab Senac - Ideias A+ - Empreenda Participar de parcerias entre empresa/governo e Senac: - Pronatec - Novotec - Sebrae - Unimed - Minha casa minha vida Elaboração da proposta do curso Técnico em Informática para Internet, fazer parte de treinamentos, eventos e certificações: - Futurecom - Formação Socioeducacional - Integração Educacional - O Modelo Pedagógico Nacional no DR São Paulo - Avaliação do Processo de Desenvolvimento de Competências - Formação de Brigada contra Incêndio e Primeiros Socorros - Construindo competências por meio de projetos - Workshop
Leia mais