Wednesday, April 14, 2010

JavaFX Effect Example






JavaFX Effect




This is a JavaFX logo that has a three-dimensional glowing effect.
Here is the code for the effect of “JavaFX” text:
effect: Glow {
level: .8
input: Lighting {
light: DistantLight {azimuth: -135}
surfaceScale: 3
diffuseConstant: 1.5
}
Glow and Lighting are subclasses of abstract base class javafx.scene.effect.Effect.

Sunday, March 28, 2010

JavaFX+Hibernate



Integrate JavaFX and Hibernate

create table Contact(id INT(255) NOT NULL AUTO_INCREMENT PRIMARY KEY, contactinfo VARCHAR(25) NOT NULL);

//hibernate.cfg.xml

<hibernate-configuration>
<session-factory>
<property name="hibernate.dialect">org.hibernate.dialect.MySQLDialect</property>
<property name="hibernate.connection.driver_class">com.mysql.jdbc.Driver</property>
<property name="hibernate.connection.url">jdbc:mysql://localhost:3306/javafxpersistence</property>
<property name="hibernate.connection.username">yourusername</property>
<property name="hibernate.connection.password">yourpassword</property>
<mapping resource="contact.hbm.xml">
</mapping>
</session-factory>
</hibernate-configuration></blockquote>

//contact.hbm.xml

<hibernate-mapping>
<class name="com.anro.javafxhibernate.Contact" table="Contact">
<id name="id" type="long" column="ID">
<generator class="assigned">
</generator>
<property name="contactinfo">
<column name="CONTACTINFO">
</column>
</property>
</id>
</hibernate-mapping>

//Contact.java
package com.anro.javafxhibernate;

/**
*
* @author mark anro silva
*/
public class Contact {

private String contactinfo;
private long id;

private Contact() {
}

public Contact(String contactinfo) {
this.contactinfo = contactinfo;
}

public String getContactinfo() {
return contactinfo;
}

public void setContactinfo(String contactinfo) {
this.contactinfo = contactinfo;
}

public long getId() {
return id;
}

public void setId(long l) {
id = l;
}
}

/*
* Main.fx
*
*/
package com.anro.javafxhibernate;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.ext.swing.SwingButton;
import javafx.scene.control.TextBox;
import javafx.scene.input.MouseEvent;
import com.anro.javafxhibernate.Contact;
import org.hibernate.SessionFactory;
import org.hibernate.Transaction;
import org.hibernate.cfg.Configuration;
import org.hibernate.classic.Session;
import javafx.scene.paint.Color;

/**
* @author mark anro silva
*/
var sessionFactory: SessionFactory = new Configuration().configure().buildSessionFactory();
var session: Session = sessionFactory.openSession();
var tx: Transaction = session.beginTransaction();
var label = Text {
translateY: 20
translateX: 10
font: Font { size: 16 }
content: "Contact Info:"
}
var flash = Text {
translateY: 70
translateX: 50
font: Font { size: 14 }
fill: Color.RED
}
var textbox = TextBox {
translateY: 30
translateX: 10
columns: 35
editable: true
}
var button = SwingButton {
translateY: 60
translateX: 10
text: "Save"
onMouseClicked: function (e: MouseEvent): Void {
var message: Contact = bind new Contact(textbox.text);
session.save(message);
tx.commit();
session.close();
textbox.text = "";
flash.content = "Contact Saved";
}
}

Stage {
title: "Save Contact"
scene: Scene {
width: 300
height: 250
content: [label, textbox, button, flash]
}
}

Friday, March 26, 2010

JavaFX Animation (Walking stickman)






The Code Behind the Animation

This is a simple animation that uses the Timeline and KeyFrame classes in the javafx.animation package to move the stickman.





/*
* StickMan.fx
*
*/
package com.anro.animation;

import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.shape.Circle;
import javafx.scene.paint.Color;
import javafx.scene.shape.Line;
import javafx.scene.Group;
import javafx.animation.Timeline;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;

/**
* @author mark anro silva
*/
public class StickMan extends CustomNode {

override public var translateX;
override public var translateY;
override public var rotate;
var headX = 0;
var bodySX = 0;
var bodyEX = 0;
var armULSX = 0;
var armULEX = 0;
var armLLSX = 0;
var armLLEX = 0;
var armURSX = 0;
var armUREX = 0;
var armLRSX = 0;
var armLREX = 0;
var legULSX = 0;
var legULEX = 0;
var legLLSX = 0;
var legLLEX = 0;
var legURSX = 0;
var legUREX = 0;
var legLRSX = 0;
var legLREX = 0;
var timeline = Timeline {
repeatCount: Timeline.INDEFINITE
keyFrames: [
KeyFrame {
time: 1s
values: [
headX => 0 tween Interpolator.EASEBOTH,
bodySX => 0 tween Interpolator.EASEBOTH,
bodyEX => 0 tween Interpolator.EASEBOTH,
armURSX => 0 tween Interpolator.EASEBOTH,
armUREX => -10 tween Interpolator.EASEBOTH,
armLRSX => -10 tween Interpolator.EASEBOTH,
armLREX => -22 tween Interpolator.EASEBOTH,
armULSX => 0 tween Interpolator.EASEBOTH,
armULEX => 10 tween Interpolator.EASEBOTH,
armLLSX => 10 tween Interpolator.EASEBOTH,
armLLEX => 22 tween Interpolator.EASEBOTH,
legURSX => 0 tween Interpolator.EASEBOTH,
legUREX => -13 tween Interpolator.EASEBOTH,
legLRSX => -13 tween Interpolator.EASEBOTH,
legLREX => -30 tween Interpolator.EASEBOTH,
legULSX => 0 tween Interpolator.EASEBOTH,
legULEX => 13 tween Interpolator.EASEBOTH,
legLLSX => 13 tween Interpolator.EASEBOTH,
legLLEX => 30 tween Interpolator.EASEBOTH,
]
}
]
}
override function create(): Node {
timeline.play();
Group {
content: [
Circle {
fill: Color.WHITE
stroke: Color.BLACK
translateY:7
strokeWidth: 5
centerX:bind 15+headX centerY: 15
radius: 8
},
//head
Line {
strokeWidth: 5
startX: bind 15+bodySX startY: 30
endX: bind 15+bodyEX endY: 57
},
//body
Line {
strokeWidth: 5
startX: bind 15+armURSX startY: 30
endX: bind 20+armUREX endY: 43
},
Line {
strokeWidth: 5
startX: bind 20+armLRSX startY: 43
endX: bind 30+armLREX endY: 57
},
Line {
strokeWidth: 5
startX: bind 15+armULSX startY: 30
endX: bind 10+armULEX endY: 43
},
Line {
strokeWidth: 5
startX: bind 10+armLLSX startY: 43
endX: bind 8+armLLEX endY: 57
},
//arms
Line {
strokeWidth: 5
startX: bind 15+legURSX startY: 57
endX: bind 23+legUREX endY: 75
},
Line {
strokeWidth: 5
startX: bind 23+legLRSX startY: 75
endX: bind 30+legLREX endY: 90
},
Line {
strokeWidth: 5
startX: bind 15+legULSX startY: 57
endX: bind 10+legULEX endY: 75
},
Line {
strokeWidth: 5
startX: bind 10+legLLSX startY: 75
endX: bind 0+legLLEX endY: 90
}
//legs
]
}
}
}


/*
* Main.fx
*
*/
package com.anro.animation;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.animation.Timeline;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.scene.paint.Color;

/**
* @author mark anro silva
*/

var smY = 205;
var smX = 25;
var rotation = 0;
var stick_man = StickMan { translateY: bind smY translateX: bind smX rotate: bind rotation };

Stage {
title: "Walking Stickman"
scene: Scene {
width: 300
height: 300
fill: Color.WHITE
content: [
stick_man
]
}
}
Timeline {
repeatCount: Timeline.INDEFINITE
keyFrames: [
KeyFrame {
time: 6s
values: [
rotation => 0 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 7s
values: [
smX => 243 tween Interpolator.EASEBOTH,
smY => 205 tween Interpolator.EASEBOTH,
rotation => -90 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 13s
values: [
rotation => -90 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 14s
values: [
smX => 243 tween Interpolator.EASEBOTH,
smY => -13 tween Interpolator.EASEBOTH,
rotation => -180 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 20s
values: [
rotation => -180 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 21s
values: [
smX => 25 tween Interpolator.EASEBOTH,
smY => -13 tween Interpolator.EASEBOTH,
rotation => -270 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time: 27s
values: [
rotation => -270 tween Interpolator.EASEBOTH,
]
},
KeyFrame {
time:28s
values: [
smX => 25 tween Interpolator.EASEBOTH,
smY => 205 tween Interpolator.EASEBOTH,
rotation => -360 tween Interpolator.EASEBOTH,
]
},
]
}.play()