Welcome to xTibia - Sua comunidade de Otserv e Tibia

Register now to gain access to all of our features. Once registered and logged in, you will be able to contribute to this site by submitting your own content or replying to existing content. You'll be able to customize your profile, receive reputation points as a reward for submitting content, while also communicating with other members via your own private inbox, plus much more! This message will be removed once you have signed in.

Entre para seguir isso  
Seguidores 0
Darckx13

Background Animado

24 posts neste tópico

Postado (editado) · Denunciar post

Eaeeeee pessoal


Então quem nunca entro no PXG e viu aquele BG animado e pensou caracaaaa que fodsss

então hj nos vamos colocar Backgrounds animados nos nossos OTC

Vamos lá

[color=#ff0000][b]Primeiramente entendendo as limitações do OTC[/b][/color]

[color=#000000]Todos nós sabemos que o OTC só aceita imagens em .pgn e [/color][color=#000000]a maioria das imagens animadas são gif ou flash, então como vamos colocar imagens animadas no nosso cliente...[/color]

[color=#ff0000][b]Introdução[/b][/color]

[color=#000000]Passeando pelas profundezas da internet andei lendo que o novo firefox 3 aceitara uma extensão de imagem nova, e qual é essa extensão o APNG isso mesmo [url="http://pt.wikipedia.org/wiki/Animated_Portable_Network_Graphics"]Animated Portable Networks Graphics[/url][/color]
[color=#000000]então pensei vamos explorar isso.. encontrei um programa que se chama APNG Anime Maker e e ele que vamos utilizar[/color]


[b][color=#ff0000]1º Passo[/color][/b]

[color=#000000]Baixe o Programa [url="http://download1us.softpedia.com/dl/58a4b0d6e4190cd138088cac05895b3a/51695ab5/100177729/software/multimedia/graphic/APNG%20Anime%20Maker.rar"]AQUI[/url][/color]
[color=#000000]( ele funciona por frames então vc tera que ter todas as imagens de sua animação 1 por 1 em qualquer arquivo mas desde que elas tenham o mesmo tamanho (1024x719 padrão OTC) para n dar conflito visual).[/color]
[color=#000000]depois de baixar o programa e ter todas as imagens agora fica facil então vamos seguir.[/color]

[b][color=#ff0000]2º Passo.[/color][/b]

[color=#000000]Abra o APNG[/color]
[URL=http://imageshack.us/photo/my-images/13/apng.png/][IMG]http://img13.imageshack.us/img13/1741/apng.png[/IMG][/URL]


Blz agora vamos la

[b]OPEN [/b]> Abre as suas imagens
[b]SAVE [/b]> Salva a sua imagem em formato png (porem com a animação)
[b]CLEAN [/b]> Limpa todas as imagens
[b]Move Up / Move down [/b]> altera a ordem das imagens

[b]Menu Lateral[/b]
[b]Delay [/b]> tempo para cada imagens ficar em exibição em ms ou fps
[b]Offset / Increment[/b] > não sei pra que serve =p
os outros menus tbm n mas n vamos usar eu acho rsrs

Após adicionar todas as suas imagens em frames e classificar a ordem e tempo de exibição delas salve o arquivo no botão SAVE e coloque dentro da pasta
\data\images com nome de background e teste

Postem os resultados em show of pra galera conferir o trabalho de vcs

Valew pessoal Editado por Darckx13

Compartilhar este post


Link para o post
Compartilhar em outros sites
Muito bom amigo, o Baxnie ja havia me falado da Apng, e um membro da equipe tinha ficado de fazer esse test pra mim, mais já que você foi mais rápido parabens, +Rep.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Postado (editado) · Denunciar post

A maioria dos Navegadores não aceita APNG mas vou postar uma aqui so como base mesmo ai vc coloca na pasta do seu cliente pra ver o resultado jaja eu edito

Link da imagem animada
[url="https://mega.co.nz/#!7R0nzK6S!Rl70fxz5FYraFQA7niMrrz1piG5ZiDNGhTJpUeUDyEQ"]https://mega.co.nz/#!7R0nzK6S!Rl70fxz5FYraFQA7niMrrz1piG5ZiDNGhTJpUeUDyEQ[/url]

ficou com mais de 2 mb pq usei imgs grandes em jpg rsrs mas da pra deixar com kbts Editado por Darckx13

Compartilhar este post


Link para o post
Compartilhar em outros sites
Pow, era bem simples descobrir, era só ir lá no codigo( dentro de framework, image.cpp alguma coisa assim ) tem o codigo que lê o .apng, funciona pra qualquer qualquer lugar que você possa colocar uma imagem acredito eu.

Compartilhar este post


Link para o post
Compartilhar em outros sites
[quote name='manoelneto' timestamp='1367379728' post='1513865']
Hm, não sabia que dava pra fazer com qualquer imagem, mas faz sentido...

E boa ideia Breno, vai da pra fazer umas animações maneiras pro seu projeto de zumbi.
[/quote]

Sim :) fiz uma background animada, com screens que eu tirei de um video, queria saber se alguem tem um programa que tira prints rapidamente e.e

Compartilhar este post


Link para o post
Compartilhar em outros sites
[quote name='BrenoNeto' timestamp='1368080432' post='1518182']
[quote name='manoelneto' timestamp='1367379728' post='1513865']
Hm, não sabia que dava pra fazer com qualquer imagem, mas faz sentido...

E boa ideia Breno, vai da pra fazer umas animações maneiras pro seu projeto de zumbi.
[/quote]

Sim :) fiz uma background animada, com screens que eu tirei de um video, queria saber se alguem tem um programa que tira prints rapidamente e.e
[/quote]o move maker do windows faz isso... só precisa converter parar o movemaker e fica de boa... da para separar em imagens...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora
Entre para seguir isso  
Seguidores 0