Exemplo de animação com JavaFX: Usando TimeLine

Home > Artigos > JavaFX >

Exemplo de animação com JavaFX: Usando TimeLine

Publicado por jesuino em 17/08/2009 - 5.573 visualizações

Ainda não pude criar um tutorial decente de JavaFX, enquanto isso vou colocando minhas brincadeiras para que todos possam se divertir!

Hoje resolvi fazer uma animação com JavaFX, para mexer mais com a classe Timeline e outras coisas...
Abaixo a animação:

Basicamente criamos um elemento do tipo Custom Node, com uma TimeLine para animar o texto até uma posição passada para a classe...

Esse código precisa ser refatorado para ficar mais bonito e simples...

Pessoal, independente de HTML 5 ou não, creio que JavaFX fará muito sucesso, só não fez ainda porque continua pesado e com alguns BUGs... É muito simples criar animações com ele, abaixo é só uma brincadeira altamente simples...

Para quem quer dar uma fuçada, ai vai o código:

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.shape.Arc;
import javafx.scene.shape.ArcType;
import javafx.scene.paint.Color;
import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.Group;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.animation.Timeline;
import javafx.animation.KeyFrame;
import javafx.scene.transform.Rotate;
import javafx.scene.effect.*;

}

class Letra extends CustomNode {       
    var pos = 0;
    var maxPos = 100;
    var letra = '';
    var cor:Color =  Color.BLACK;  
    var t = Timeline {
          repeatCount: Timeline.INDEFINITE,
          keyFrames: [
              KeyFrame {
                  time: 0.01s,
                  canSkip: true
                  action: function(){
                      if(pos < maxPos){
                         pos++;
                      }                      
                  }
              }
          ]
      };      
   
   public override function create(): Node {                 
        var group =  Group {
            content: [
               Text {
                 effect: Reflection { fraction: 0.7 }
                 fill: bind cor;
                   font: Font {
                       size: 24
                   },
                   x: bind pos,
                   y: 30
                   content: bind letra
               }
            ]
        };        
        t.play();   
        return group;
    }
}

O que é JavaFX
Mais tutoriais sobre JavaFX

Download:	timeline ex.JPG
Size:	15 KB

Download:	imagem.JPG
Size:	19 KB

comentários: 1

Home > Artigos > JavaFX >

Exemplo de animação com JavaFX: Usando TimeLine

Tópicos Relacionados