Faça o seu próprio jogo mario! Noções básicas de raspadinhas para crianças e adultos

Você sabia que qualquer pessoa pode fazer um jogo de vídeo sem programação

? Embora existam várias línguas novato-friendly, você não tem que gastar metade de um Java aprendizado ano ou C ++ para construir um jogo. Você pode escolher entre muitas ferramentas para vários tipos de jogos, mas uma ótima opção para as crianças (e adultos) é livre de arranhões do MIT.Como fazer jogos de vídeo sem qualquer programaçãoComo fazer jogos de vídeo sem qualquer programaçãoQuer fazer um jogo de vídeo, mas não pode codificar? Em seguida, use um kit de construção de jogos de vídeo que permite criar jogos sem qualquer necessidade de codificação!consulte Mais informação

Scratch é uma ferramenta que permite arrastar e soltar ativos para criar jogos ou animações. É fácil de entender, mas ensina os blocos de programação no processo. Vamos ver o que você pode criar em risco, em seguida, caminhar através dos passos para a criação de um simples jogo Mario.

Conheça Raspadinha

Para começar com o Scratch, cabeça para a homepage. Você deve criar uma conta de imediato para que possa guardar as suas criações. Clique no Junte-se a zero botão no canto superior direito da janela. Criar um nome de usuário e senha, digite sua data de nascimento e sexo, então o sistema irá pedir para o endereço de e-mail de um dos pais. Introduza o seu próprio se você tiver um, em seguida, confirme o seu endereço para que você possa comentar em outros projetos e compartilhar sua.

Agora, você pode saltar para a direita. Clique Crio na barra de ferramentas superior para iniciar o editor de Notas. Se preferir, você também pode baixar o editor offline para trabalhar sem uma conexão com a internet.

Elementos na tela

Quando você iniciar o editor, você verá a janela abaixo. Vamos quebrar seus elementos (ver a imagem no tamanho completo se o pequeno abaixo é claro):

1. Etapa - Mostra um resumo rápido do seu jogo. Todos os sprites ativos e seu fundo escolhido aparecerão aqui. Você pode mover sprites ao redor se você gosta. Dê ao seu projeto um nome no campo acima deste.
2. Pano de fundo - Aqui, você pode selecionar um fundo para o seu jogo. Escolha da biblioteca do zero, pinte seus próprios, ou importar um arquivo. Você também pode pegar uma imagem da câmera do seu PC, embora a maioria das pessoas provavelmente não vai precisar esta opção.
3. Sprites - O centro para todos os sprites em seu projeto. Como pano de fundo, você pode adicionar as predefinidas, criar seus próprios, ou fazer upload de imagens. Clique na pequena azul Eu ícone em um sprite para renomeá-lo, mudar o seu ângulo, ou escondê-lo.
4. Área de trabalho - Onde a maior parte de seu trabalho em risco ocorre. Use as abas acima (rotulados Scripts, Costumes, e Sounds para mudar o que você está trabalhando.

1. Scripts é para adicionar blocos de código, que abordaremos em breve.
2. Costumes permite criar poses adicionais para seus sprites. Este guia irá mudar para backdrops se você tiver selecionado na área 2, e de volta para Costumes quando você seleciona um Sprite na área 6. Um editor de imagem básica permite fazer alterações aos gráficos em seu jogo. Você pode renomear ativos aqui também.
3. Sounds, sem surpresa, é o centro para adicionar e editar sons.

blocos - Dependendo de qual das três guias que você selecionou, esta área irá alternar entre blocos de código, trajes do sprite / cenários, e clipes de som.

Botões de controle - A bandeira verde começa o seu jogo, enquanto a forma sinal vermelho termina-lo. Você vai usá-los para o teste.

usando blocos

Agora que você tenha obtido familiarizado com o editor do zero, vamos falar sobre uma das partes mais importantes da ferramenta - os blocos de código. Em vez de digitar o código real, estes blocos permitem definir o comportamento de seus elementos. Eles encaixam como LEGOs, tornando mais fácil para ver como eles afetam uns aos outros.Como usar LEGOs gerenciar melhor o seu tempoComo usar LEGOs gerenciar melhor o seu tempoEu acho que eu encontrei a ferramenta de produtividade final: LEGOs. Não deixe! Deixe-me explicar.consulte Mais informação

Clique um sprite a partir da lista à esquerda e certifique-se de selecionar o Scripts guia para começar a arrastar blocos para esse elemento. Note-se que os blocos são codificados por cores e têm bordas como um quebra-cabeça para mostrar como eles se encaixam. As dez categorias eo que eles fazem são:

• Movimento - Faça o dado movimento sprite, seja por etapas, em direção a um outro objeto, ou através de coordenadas diretos.
• Parece - Deixa a pele Sprite ou mostrar-se, mudar costumes, alterar tamanho, ou mover entre as camadas.
• Som - Tocar sons, o volume de alterar ou ajustar o tempo.
• Caneta - Desenhar com um marcador e alterar sua cor e forma.
• Dados - Permite criar suas próprias variáveis. Isto vem em muito útil para os elementos que arranhão não tem built-in.
• Eventos - Critérios de dar início a outras ações, como quando você clicar na bandeira verde ou pressione a barra de espaço. Você precisa desses blocos para todos os seus outros blocos realmente fazer alguma coisa!
• Ao controle - loops para repetir uma ação, execute uma declaração if-else, ou parar alguma coisa.
• de detecção - Coloque esses blocos em outros para executar ações quando um sprite está tocando um outro elemento ou o usuário está segurando uma chave.
• operadores - elementos de matemática que permitem executar operações aritméticas ou booleanas básicas sobre variáveis.
• mais Blocks - Faça seus próprios blocos, se estes não são suficientes!

Um exemplo simples

Vamos dar um exemplo simples para ilustrar como esses blocos se encaixam, passo a passo. Nós vamos fazer o gato zero chutar uma bola de futebol para o gol, e reproduzir um som quando se entra.

Primeiro, você precisa de um contexto fresco futebol. Cabeça para o Pano de fundo seção no canto inferior esquerdo e clique no ícone de imagem para escolher um dos cenários do zero. Há um chamado Objetivo1 que irá funcionar perfeitamente. Em seguida, clique no ícone do sprite para adicionar um novo sprite de pré-fabricados. Você deverá ver o Bola-de Futebol na lista - clique duas vezes nele para adicioná-lo aos seus sprites.

Agora que os gráficos estão prontos, você precisa para começar com alguns blocos. Selecione o gato, já que ele é o único a fazer a ação. Lembre-se que o Eventos guia detém muitos dos blocos de partida? Dê uma olhada, e você verá um que é acionado quando você clicar na bandeira verde. Isso é um ponto de partida perfeito - arraste-o sobre para o Scripts área de trabalho.

Uma vez que você começar, você quer que o gato atropelado e chutar a bola, certo? Isso soa como algo que cairia sob a Movimento aba. Você tem várias opções para fazer o movimento gato, como o Mova passos X quadra. Mas não podemos garantir quantos passos que vai levar o gato para alcançar a bola. Há um bloco melhor para isso - tente o Glide segundos X para quadra. Um segundo é um bom tempo, e você terá que clicar no azul Eu ícone da bola de futebol para ver suas coordenadas. Digite aqueles dentro do bloco, e sua primeira ação é completa!

Chutar a Bola

Uma vez que o gato toca a bola de futebol, ele deve voar para o gol. Então, selecione a bola de futebol para que você pode adicionar algumas ações a ele. Lembre-se que cada ação deve começar com uma Evento - a bandeira verde é bom para esta instância. Agora, você não quer que a bola de futebol para se mover até que o gato toca. Ter um olhar para o Ao controle categoria para um bloco que permite limitar o seu comportamento. o Espere até bloco soa sobre a direita!

Observe como o Espere até bloco tem uma forma hexagonal alongada no seu interior. Muitos dos de detecção blocos se encaixam nessa forma, então dê uma olhada aqueles para encontrar o caminho certo. Veja o comovente bloquear no topo da lista? Você pode arrastar esse direito dentro do buraco dentro Espere até. Altere a caixa drop-down para Gato ou o que você nomeou o sprite gato.

Agora você só precisa fazer a bola de futebol voar para o gol. o Glide segundos X para no bloco Movimento categoria que usamos anteriormente para o gato vai funcionar bem. Encaixe que bloco sob espere até, e colocar o ponteiro do mouse sobre a rede do gol. Você verá X e Y coordenadas sob o palco - conecte aqueles no Deslizar quadra. A bola deve mover-se muito rapidamente quando chutada, então vamos tentar 0,5 segundos para o sincronismo.

E a multidão vai selvagem

O último passo é adicionar o som! Selecione os Sounds aba acima da área de trabalho para adicionar um novo. Clique no ícone de alto-falante sob novo som agarrar um da biblioteca do zero. Há um chamado alegria debaixo de Humano categoria, que é perfeito. Clique duas vezes nele para adicionar, em seguida, voltar para o espaço de trabalho para a bola de futebol.

Você vai encontrar um bloco rotulado Tocar música debaixo de Som categoria. Encaixe que, sob o deslizar bloco, e está tudo feito! Clique na bandeira verde para jogar sua animação. O gato vai correr para a bola, e quando ele toca, a bola voa para o gol e os aplausos da multidão.

Que não foi muito difícil! Agora que já cavado como os blocos se relacionam e se encaixam, vamos olhar como você pode construir um jogo de Mario usando zero.

Criando um jogo Mario Básico

O exemplo de futebol simples acima mostra como você pode usar blocos para controlar sprites, mas ele não tem qualquer jogo, animações ou música. Vamos mais nele e criar um jogo simples Mario. Poderíamos gastar milhares de palavras em todos os aspectos de fazer um jogo, por isso vamos manter o básico.

Observe: Porque eu não sou um artista, para os fins deste tutorial eu estou copiando Mario sprites da web. gráficos Mario são de propriedade da Nintendo e você não deve publicar qualquer jogo usando sprites protegidos por direitos autorais. Isto é apresentado apenas como um exemplo.

Gráficos de importação

O primeiro passo é a obtenção de seus sprites e fundos importados para zero. Como estamos utilizando imagens da web, vou baixá-los e carregá-los em risco. Criando lógica para que Mario pode saltar sobre os inimigos para derrotá-los, mas morre de tocar seus lados é muito avançado para este tutorial, por isso vamos ter ele coletar moedas vez.

No final do tutorial, eu vou fornecer um arquivo ZIP com os ativos finais I utilizados. Se você usar aqueles que você não terá que se preocupar com as instruções de manipulação de imagem no tutorial. Se deseja baixar tudo sozinho, seguir em frente. Aqui estão os sprites que eu baixado:

• Mario execução (dois quadros é suficiente para nós)
• Mario salto
• moeda animated
• blocos terrestres
• Nuvens

Zero tem um Blue Sky 3 fundo, que irá funcionar bem para as nossas necessidades.

Costumes Editar Sprite

Porque há dois sprites que compõem animação corrida de Mario, você precisa adicioná-los como trajes separados. Use um editor de imagens como o Paint.NET para salvar os dois Mario quadros como arquivos separados - você pode ignorar o terceiro. Carregar o primeiro sprite de Mario, em seguida, selecione-o e use o Costumes guia para carregar outro Sprite como seu segundo traje. Dê-lhes nomes distintos, como Mario-1 e Mario-2. Adicionar o sprite saltar como outro traje para Mario.10 Livre Photo Editor Ferramentas fazer oa maioria de seus tiros10 Livre Photo Editor Ferramentas fazer oa maioria de seus tirosO que aconteceu com todos os instantâneos que você tomou no passado? Se você tem planos e idéias tem, aqui estão algumas grandes do Windows e algumas ferramentas de plataforma cruzada para processá-los com.consulte Mais informação

use um imagem editor para extrair a nuvem a partir da imagem disposto acima, em seguida, enviá-lo como uma nova entidade gráfica. Não é animado, assim você não precisa adicionar um traje separado.

Para o chão, você vai precisar de um monte de blocos desde Mario corre ao longo deles. Use Paint.NET para pegar os seis blocos no meio da Blocos terrestres imagem, em seguida, salvá-los como um arquivo separado. Você vai precisar de cerca de 12 blocos para cobrir toda a parte inferior da tela, uma vez que reduzi-los a um bom tamanho. Assim, você deve colocar duas cópias desses seis blocos de side-by-side para o seu chão Sprite. Carregar este e, em seguida, fazer duas cópias do sprite terra em risco.

A moeda é um GIF animado, por isso é um pouco diferente. Sempre que você carregue-a, zero vai criar figurinos para cada quadro da animação. Esta imagem tem 11 frames totais, mas, infelizmente, também tem uma borda branca em torno dele, que parece fora contra o fundo azul. Você vai ter que abrir cada traje para a moeda dentro do editor zero. Use a ferramenta da pipeta para selecionar a cor de fundo azul, em seguida, usar a ferramenta balde de tinta para mudar as bordas brancas da moeda para azul pálido.

Você vai precisar de redimensionar sprites usando o Crescer e Encolher botões na parte superior da tela, logo acima do botão bandeira verde. Clique em botão, em seguida, clique o sprite que pretende alterar no palco para a esquerda. Isso irá redimensionar todas as roupas também. Ballpark-los para agora- você pode ajustar mais tarde.

importação Sounds

Assim como sprites, vamos pegar um par de sons à carne para fora o nosso jogo. Vá em frente e fazer o download deles, em seguida, enviá-los usando o Sounds aba. Enquanto você está nisso, olhar para adicionando-os ringtones como legais para o seu telefone.Faça o seu toque impressionante com Retro Video Game SoundsFaça o seu toque impressionante com Retro Video Game SoundsSe você ainda está usando o toque genérico que veio com seu telefone, é hora para uma mudança. Por que não usar algum clássico jogo de vídeo da música um novo toque impressionante?consulte Mais informação

• Super Mario Bros. Tema
• som salto Mario
• Coin recolher som

Animar as moedas

Agora que todos os ativos estão prontos, é hora de começar a fazê-los vir vivo. Vamos começar com as moedas, uma vez que estes são fáceis. Selecione o sprite moeda eo Scripts aba. Desde nossas moedas são GIFs animados, podemos usar uma série de blocos para se deslocar constantemente através de seus trajes para que eles parecem se mover.3 melhores ferramentas para tornar gratuito GIFs animados no Windows3 melhores ferramentas para tornar gratuito GIFs animados no WindowsKeen para começar a criar seus próprios GIFs? Estas ferramentas vão fazer com que você animado em nenhum momento.consulte Mais informação

Um script de animação é algo como isto:

Em suma, este script define a moeda para seu estado padrão quando você clicar na bandeira verde. Em seguida, ele percorre os quadros sem parar, a uma velocidade de definir como o FPS na variável Dados aba. Brincar com esse número se você não gosta da velocidade.

Desmarque a caixa ao lado de Coin-FPS no Dados guia (esta é uma variável personalizada que você criar) para que ele não mostra na tela.

Fazendo Mario Mover

Agora, para a parte difícil. Muitos passos estão envolvidos na tomada de Mario movimento, e é realmente um truque que rola os blocos terrestres para dar a aparência de movimento. Ao invés de tentar explicar cada ciclo bloco, eu vou fornecer imagens de blocos de código e explicar seus destaques.

Primeiro, você precisa para fazer quatro variáveis ​​no Dados aba. Todos os quatro destes são Para todos os sprites exceto por Velocidade, que é apenas para Mario:

• Gravidade é uma constante que puxa Mario volta para o chão quando ele pula.
• No chão controla se Mario está tocando o chão ou não.
• ScrollX mede o movimento horizontal da tela.
• Velocidade (Apenas Mario) controla a velocidade a que Mario salta.

Animando the Ground

Você já fez duas cópias de seu chão Sprite, clicando com o botão direito e escolher Duplicado. Arrastar Rés-do-1 para o lado esquerdo da tela, de modo que seu bloco mais à esquerda toca o lado esquerdo da tela. Em seguida, arraste o outro Sprite (s) chão à direita da primeira. Alinhar as bordas para cima, e ele vai olhar como se o chão é uma peça sólida.

Aqui está o bloco de código que você precisa para cada chão Sprite:

Isto coloca o solo na parte inferior da tela, então simplesmente desloca os blocos como Mario move. ScrollX é a posição do blocos- 0 é a posição padrão que inicia quando você clica na bandeira verde. Você vai perceber que você não pode mover para a esquerda imediatamente depois de começar.

Para a segunda (e mais) blocos de terra, o incremento 0 dígito ScrollX + 480 * 0 por um para cada novo pedaço de terra. Isto irá compensá-la por isso rola sem problemas.

Lógica de Mario

Isso é tudo o que preciso para os blocos, mas Mario tem muitos mais blocos de código. Aqui está o que cada um deles faz, com um breve resumo:

Este bloco de código altera a ScrollX variável quando Mario move. Sempre que você pressionar para a esquerda ou para a direita, Mario enfrenta na direção adequada e toma um passo, incrementando ScrollX por 3. Se você achar que Mario vira de cabeça para baixo quando você mover para a esquerda, clique no azul Eu em seu duende e certifique-se a estilo de rotação está definido para a segunda opção. Isso vai virar-lo para a esquerda e direita em vez de em um círculo.

Aqui vemos o código que lida com mudanças de roupa do Mario. Quando Mario não está no chão, ele tem o costume de salto. Sempre que você está se movendo para a esquerda ou direita, Mario alterna entre quadros a cada décimo de segundo. Deixe de lado as teclas de setas, e os padrões de Mario para o seu quadro padrão.

Um simples pedaço de código que descobre o No chão variável. Se ele está tocando em um dos blocos de terra, No chão é igual a 1 (verdadeiro). Quando ele está pulando, No chão é 0 (falso).

Estes dois blocos de código lidar com velocidade de salto de Mario. À esquerda, há um bloco que garante Mario não tem qualquer momento se ele está no chão. Se ele está no ar, em seguida, sua velocidade é gradualmente diminuiu pela gravidade, que é um valor constante. O bloco de direita faz Mario salto sempre que você pressionar a barra de espaço. Seu som salto toca, ea velocidade impulsiona-o no ar até que a gravidade assume.

Nosso último bloco de código para Mario é toda a configuração. Quando você clicar na bandeira verde para começar, a música começa, todas as variáveis ​​são definidas para seus valores padrão e Mario gera no meio da tela.

Coletando moedas

Vamos pular de volta para as moedas. Precisamos ter certeza de que quando Mario agarra um, ele faz um som e desaparece. Vamos fazer um script separado para isso - separando scripts função é uma prática importante na programação. Um grande amontoado de blocos torna mais difícil descobrir o problema quando algo dá errado.

Aqui está o nosso roteiro coleção de moedas:

Isto é bastante fácil: sempre que Mario toca uma moeda, o som é reproduzido de cobrança e as peles de moedas. No código de animação moeda, que já colocou um exposição bloco de modo que as moedas de voltar a aparecer quando você reiniciar.

Moedas de rolagem e nuvens

Você está quase lá! Desde Mario não se move, mas os pergaminhos terra, precisamos ter certeza de que as moedas se deslocar também para que Mario pode recolhê-los. Aqui está como isso funciona:

Isto coloca a moeda em um Y valor (que é a posição da tela vertical) em que Mario pode facilmente agarrá-lo. Em seguida, usa uma lógica similar aos blocos terrestres para se deslocar em direção Mario. Note que nós aumentamos a taxa de rolagem para 0,75 de modo que as moedas avançar para Mario rapidamente. Para o segundo e terceiro moedas, aumentamos a y para definir campo para -40 e -20 por isso eles são um pouco mais acima e mais difícil para Mario para agarrar. No Definir x para bloco, o aumento 150 * 1 para 150 * 3 e 150 * 5 para o segundo e terceiro moedas para colocá-los mais para a direita, fora da tela.

As nuvens utilizar um bloco quase idêntica de código:

Novamente, isso coloca uma nuvem a uma altura específica, em seguida, rola-lo como Mario move. Para uma segunda nuvem que está na frente de Mario em vez de atrás dele, mudar o definir x para bloco para (ScrollX * 0.1) + (150 * 1), assim como as moedas.

Adicionar Borders

Por causa da maneira que nós implementamos o chão e moedas, você verá moedas preso na borda da tela até que rolar em vista. Isso é feio, então você deve criar um sprite fronteira rápida, que é a mesma cor que o fundo para esconder isso em ambos os lados esquerdo e direito.

A maneira mais fácil de fazer isso é clicar com o botão direito no palco e clique Salvar imagem de estágio. Abra isso no Paint.NET e usar a ferramenta pipeta para selecionar a cor de fundo azul. Adicione uma nova camada usando o diálogo inferior direito. Em seguida, use a ferramenta de retângulo para desenhar um retângulo azul encheu-se de cada lado da tela. Cobrir cerca de metade de cada bloco, em seguida, eliminar a camada de fundo.

Salve como um arquivo PNG e enviá-lo como um novo Sprite chamada Fronteira. Desde que você desenhou as fronteiras direito sobre a tela, você pode alinhá-lo perfeitamente.

Então, você só precisa de alguns blocos de modo que a fronteira é sempre em frente:

Expandindo o seu jogo

Experimentar o produto final abaixo!

Nós criamos apenas o básico de um jogo Mario juntos. Você pode adicionar lotes de elementos para o seu jogo a partir daqui. Tente adicionar Super Cogumelos para alimentar Mario cima, fazendo alguns poços que Mario deve limpar, ou a criação de uma bandeira de nível final. Com os blocos de construção que você escolheu-se aqui, você pode adicionar mais sprites, variáveis ​​e lógica para fazer o que quiser. Estamos ansiosos para ver o que você venha com!

Nós gostaríamos de dar uma mensagem de saída para dryd3418 usuário zero, como usamos parte do código de sua Super Mario: Scroll & Ir projeto Tutorial em nosso próprio projeto para este artigo. Para obter ajuda mais detalhada, incluindo scripts que você pode copiar, consulte a guia de outro usuário para fazer um jogo Mario. Se você quer tomar uma rota mais fácil, veja a criar seu próprio projeto Mario jogo que lhe permite arrastar e soltar sprites para fazer um jogo simples.

Note-se que em qualquer projecto Scratch, você pode clicar veja Dentro para abrir o projeto em um editor como você usou para seu próprio projeto. Isto permite-lhe obter um vislumbre dos blocos que alguém usado para fazer o seu trabalho de projecto, e pode ajudá-lo quando você ficar preso. Eu fiz o meu projeto disponível para todos, tão à vontade para vê-lo e ter um olhar para o código se você precisar de alguma ajuda. Eu também fechou todos os ativos que eu usei neste jogo, para que você possa transferi-los para poupar algum tempo.

Interessado em tomar este um passo para cima? Confira raiz para Arduino para construir projetos nessa plataforma. Se você está pronto para mergulhar, veja tudo que você precisa para fazer um jogo de iPhone do princípio."Medo de programação no código? Tente raiz para ArduinoMedo de programação no código? Tente raiz para ArduinoRaspe 4 Arduino permite que novatos como me para construir projetos Arduino emocionantes com uma interface visual. É simples, é divertido, e ele vai ensinar-lhe os blocos de construção fundamentais da programação.consulte Mais informação

Queremos ouvir de você se você já tentou a zero! Você expandiu o nosso jogo básico Mario? Deixe suas perguntas, comentários e atualizações nos comentários abaixo, por favor!