Mostrando postagens com marcador Desenho digital. Mostrar todas as postagens
Mostrando postagens com marcador Desenho digital. Mostrar todas as postagens

quarta-feira, 18 de julho de 2018

Fazendo animações 1

  Quando falamos em animação 2D temos basicamente 2 tipos: "Quadro a quadro" e "Cut-out". A animação quadro a quadro consiste simplesmente em fazer vários desenhos em sequência para causar a sensação de movimento, já na animação Cut-out a técnica consiste em fazer os objetos na animação se tornarem "bonecos" e deixar o programa animar a interpolação entre uma "pose" e outra. Baixei um programa chamado DragonBones para testar a animação cut-out, pretendia usá-lo para animar cartas com imagens estáticas como aquelas da última demo javascript que fiz, com esse programa é possível conseguir resultados legais como estes:
~ https://www.youtube.com/watch?v=7wS0D6AiK1c
https://www.youtube.com/watch?v=3mC9suxK6zM
Mas não é um programa no qual um leigo consiga sair fazendo maravilhas(pelo menos não eu kkkk ;~;), então decidi começar com algo mais simples:




A experiência foi bem estressante e ainda não explorei todas as funções do programa, mas entendi algumas coisas que podem ser feitas através dele. Com animação cut-out é possível, por exemplo, fazer a mesma animação mas com imagens diferentes sem precisar reposicionar essas imagens:

oque seria extremamente útil se pensarmos em jogos 2d com personagens customizáveis, na verdade, é quase certo que jogos como "Adventure quest worlds" e "Dofus/Wakfu" tenham sido feitos usando essa técnica.

sábado, 7 de julho de 2018

Cartas

Essa semana fiz uns testes para um futuro jogo de cartas, desenhei no paint mesmo mas achei que ficou legal XD.
Creio que o blogger não seja o melhor lugar para postar demos javascript então vou começar a planejar a criação de um site mesmo, e vou tentar fazer mais textos para o blog.
Start:Começar||Clique:Virar carta||Arrastar:Mover carta

sábado, 23 de junho de 2018

Sobre o post anterior

Como eu havia dito no post anterior, vou comentar um pouco sobre o processo de criação daquele sistema de customização de personagens.
   A parte do código foi mais tranquila por ser um sistema simples e porque eu já usei html/javascript varias vezes antes, já a parte do desenho foi mais complicada, logo de cara percebi que design de avatares para jogos é bem diferente de um desenho livre de personagem, pois eu precisaria me preocupar bastante com as proporções e desenhar cada parte do corpo separadamente, escolhi arriscar desenho vetorial, que eu só tinha feito uma vez no passado:
Flyingman.png
 xD. Obs: A primeira vez que eu vi desenho vetorial achei bem tosco, até porque o modo como é feito é bem diferente do desenho tradicional, parecia uma trapaça mal feita, mas depois eu vi que além das vantagens de dimensionamento, tamanho do arquivo e editabilidade era possível conseguir uns resultados super legais Ex:https://oinkgms.com/mujo/.
 O programa que eu usei foi o Gravit Designer, não tem muito oque reclamar dele, é completo e gratuito,  mas o mais legal é que os desenvolvedores tem um fórum oficial,com direito a um mini tutorial e certificado aos novos membros :3

 Quando eu testei pela primeira vez no blogger o sistema estava muito lento, acredito que tenha acontecido porque ele teve que carregar as imagens do meu imgur e minha net estava lenta.       Enfim,pretendo aprimorar esse código/desenhos futuramente. Provavelmente existam maneiras mais simples de programar o sistema e com certeza tem como melhorar os desenhos kkkk, mas não vou ficar só nisso também,tem muita coisa para ser testada ainda.

sexta-feira, 22 de junho de 2018

Customização de avatar 1

Essa semana descobri que é possível programar no blogger e resolvi tentar um sistema de criação de personagens com html/javascript. Comento o processo no próximo post, esse aqui é só para mostrar o resultado mesmo xD.

Male Female