Jump to content


Photo

Gráfico Animado Em As


  • Faça o login para participar
9 replies to this topic

#1 rpcosta

rpcosta

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Volta Redonda - RJ

Posted 04/12/2009, 09:04

Salve WMO, Como estão?

Acredito ter conhecimento intermediário em flash. Embora a cada nova animação que vejo me pareço mais com iniciante. rsrs

Bom, estou precisando fazer um gráfico animado.

Algo simples, creio eu. Um gráfico de barras, daqueles mais simples mesmo. Barras verticais, um eixo X e outro Y.
Queria que as barras fossem crescendo. Até aí tudo bem, é só desenhar um gráfico e usar máscaras e interpolações de movimento.

Mas, o que eu gostaria é que o valor fosse alterando de acordo com o desenvolvimento da barra.

Exemplo: valor = 1.932. Enquanto a barra ia crescendo esse valor iria contar de 0 a 1.932.

Como um sistema de load. E que essa contagem fosse rápida, pois a aprensentação tem que ser algo rápido. tipo uns 2 segundos para a barra ir de 0 até o valor final.

Isso eu não sei fazer.

Alguém aí pode me ajudar a desenvolver isso???

Estarei aguardando...

Já agradeço a ajuda de vocês.

Um grande abraço,
Renan.
Posted Image
"Todos fecham seus olhos quando morrem, mas nem todos enxergam quando estão vivos" Augusto Cury
"Todos querem o perfume das flores, mas poucos sujam as suas mãos para cultivá-las" Augusto Cury

[]'s rpcosta
...

#2 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

Posted 04/12/2009, 09:30

Fala Renan, beleza! ^_^

Se eu entendi direito, você está fazendo uma animação. Para tal, é importante que não use AS pois ele não será interpretado quando exportar para vídeo. De qualquer forma como vc não está usando AS para a animação e os dados não são variaveis, acho que seria mais prático fazer manualmente.

Se a animação tiver 2 segundos e vc estiver trabalhando a 30 fps, serão 60 frames. Recomendo que deixe um número para cada 4 frames, será rápido e legível. Ou seja você terá 15 números para distribuir uniformemente. Os números seriam:

0
138
276
414
552
690
828
966
1104
1242
1380
1581
1656
1794
1932

Fórum WMO - Administrador


#3 rpcosta

rpcosta

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino
  • Localidade:Volta Redonda - RJ

Posted 04/12/2009, 16:02

Fala Vitor Hugo, tudo blz?

Primeiramente gostaria de agradecer-lhe pela ajuda.

Acho que desta forma daria certo sim.

Mas o período de 2 segundos que eu mencionei era na verdade o tempo de 1 barra do gráfico.
São no total cerca de 20. eu queria começar a próximo sempre quase a anterior estivesse na metade.

Então, eu vou utilizar em uma apresentação em power point, como .swf mesmo.

Essa seria a única solução??

Muito obrigado novamente aí cara, vlw mesmo.

abraço!
Posted Image
"Todos fecham seus olhos quando morrem, mas nem todos enxergam quando estão vivos" Augusto Cury
"Todos querem o perfume das flores, mas poucos sujam as suas mãos para cultivá-las" Augusto Cury

[]'s rpcosta
...

#4 Pedropauloalmeida

Pedropauloalmeida

    Fale ao motorista somente o indispensável

  • Usuários
  • 1376 posts
  • Sexo:Masculino
  • Localidade:Santo André SP

Posted 11/12/2009, 09:19

Não não não. Pelo amor de Deus.

E se você resolver mudar o framerate? E se resolver mudar as alturas? Vai editar barra por barra?

Eu fiz aqui um exemplo onde você põe o movieClip da barra (que começa com 1px de altura) e controla tudo via código, fácil fácil.
Fiz até uma classe que encapsula isso.

O código de uso de tudo ficou assim:

import Barra;

// Intervalo entre as animações:
var delayEntreAsAnimacoes:Number = 0.5;

// Duração das animações:
var duracaoDaAnimacao:Number = 2;

// As alturas finais de cada barra. Deve ser igual a quantidade de barras que há no stage:
var alturas:Array = new Array(120, 50, 70, 85, 66, 90);

for (var i:Number = 0; i < alturas.length; i++) {
	this["barra" + i.toString()].animeAte(alturas[i], duracaoDaAnimacao, delayEntreAsAnimacoes);
	// aumento o delay a cada barra, para obter o efeito desejado:
	delayEntreAsAnimacoes += 0.3;
}

Note que você tem um array com as alturas finais, em pixel, que cada barra vai ficar. Assim você pode reusar esse código para fazer mil barras e sem precisar mexer em timeline.
O método "animeAte" tem os seguintes parâmetros:
1. A altura em pixels que a barra vai ter (no caso eu pego da lista de alturas).
2. A duração da animação em segundos - que no caso eu setei em uma variável "duracaoDaAnimacao". Mas vc pode mudar se quiser para cada caso.
3. O delay entre as barras, que é acrescido de "0.3" segundos, para a próxima barra ir crescendo após esse tempo, fazendo com que todas "cresçam" ao mesmo tempo mas não sincronizadas, dando o efeito que acho que vc busca.

Assim fica bem fácil. Note que cada barra no stage tem o nome de "barra0", "barra1", "barra2"... "barraN".
Junto esão as classes de animação "Tweener" e a classe da Barra, que encapsula a animação no método "animeAte".

Qualquer coisa, poste novamente.

Abraços.

pp

Attached Files



#5 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 19/09/2017, 04:16

Order Lassix Water Pills cialis Depakote
Zithromax Warfarin Interaction
Buy Non Perscription Elavil <a href=http://cialtobuy.com>online pharmacy</a> Buy Xenical Online New Zealand
Vermox Otc Or Rx cialis Levothyroxine Canada No Prescription Cialis 10mg Wirkung Propecia Espana cialis Cialis Tabletas 20 Mg
Kamagra 100 Mg Gel cialis Isotretinoin
Keflex Can Cause Kidney Failure 125 Tab Sandoz Viagra Ordering From India
Viagra Indicaciones Efectos <a href=http://cialtobuy.com>online pharmacy</a> Amoxicillin Wholesale World Market Price

#6 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 04/10/2017, 23:39

Kamagra Free Delivery viagra Procalis Levitra Cialis 20mg
Cheapest Non Prescription Celias viagra Viagra Generico Sildenafil Citrato 100 Mg

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 13/10/2017, 22:49

Cephalexin Without A Prescrption levitra expre delivery Kamagra Online Bestellen Legal
Cialis Per Erezione viagra Acheter Viagra Discret Cialis Lilly Icos 5 Mg Cod generic isotretinoin direct discount amex accepted

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 14/10/2017, 03:56

Amoxicillin Espanol no script levitra Propecia Depression Male Pattern Baldness

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 31/10/2017, 05:45

Generic Viagra And Cialis Viagra Sales Outlets Amoxicillin Price Express levitra professional Levitra Erfahrungsaustausch Buy Cheap Strattera Online Viagra Blutdruck

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 20/11/2017, 08:46

Tadalis Sx Naturel Levitra Generika Aus Deutschland Cabergoline 0.5 Mg Tab viagra Pharmacie Inde Certifie Priligy Update
Cialis Urologia Finasteride Ratiopharm 1 Mg Prix viagra prescription Isotretinoin Izotek Baltimore Cheap Celebrex No Prescription




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq