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.
Gráfico Animado Em As
Started By rpcosta, 04/12/2009, 09:04
9 replies to this topic
#2
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
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
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!
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!
"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
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:
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
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
WebFórum - Equipe de Flash - Moderador
www.pedropauloalmeida.com.br
Leia as Regras! Colabore com nosso Fórum respeitando as normas de posts e de perfis.
www.pedropauloalmeida.com.br
Leia as Regras! Colabore com nosso Fórum respeitando as normas de posts e de perfis.
#5
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
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
#7
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
Cialis Per Erezione viagra Acheter Viagra Discret Cialis Lilly Icos 5 Mg Cod generic isotretinoin direct discount amex accepted
#8
Posted 14/10/2017, 03:56
Amoxicillin Espanol no script levitra Propecia Depression Male Pattern Baldness
#9
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
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
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)