You must login or register to participate.

Description

Want to learn how to create animated content for your website?

Prerequisite: prior computer programming experience is required.  If you have never done any computer programming, you should do the Learn Java Programming learning path before attempting this learning path.

To get started, JOIN THIS GROUP.  Then click on the Activity tab. Next complete each of the Activities.  And finally compete in the Challenge Activity.

Click the Details tab for more information.  Once you are done with this learning path, take a look at: Digital Graphics Lab and Building Applications for the G1 Mobile Phone.

Learning Path and Challenge Activity Provided By

Thanks to our friends on the JavaFX team at Sun Microsystems.  Sun Microsystems is our sponsor of the "Building Flashy Websites with Java FX" learning path!

JavaFX - Animation

JavaFX - Animation

Description

In this activity you will begin working with the JavaFX animation capabilities.  JavaFX supports built-in key frame animation, which makes it very easy for you to created objects that move about on the screen.  In key frame animation, you specify location(s) for your object(s) along a timeline, and JavaFX animation fills in all of the frames in between the key frames in a process known as tweening.  With JavaFX, you can do basic animations with very few lines of code; you specify the positions of your key frames, and their time on the animation timeline, and JavaFX does the rest.

In this activity, you will:

  • work with example JavaFX code that demonstrates the key frame animation features

Skills you will learn include:

  • animating objects using the JavaFX key frame animation support

Basic Steps

  1. Open NetBeans, and create a new project.  Under the File menu, select New Project, and go through the new project wizard, creating a JavaFX project.  Remember, if you need help, use the forum!  Once you have created the project, you can make it the Main Project to make it easier to perform your edit/build/run cycle.
  2. Now go to Lesson 7: Creating Animated Objects in the JavaFX GUI Applcation tutorial.  Go through the tasks of this lesson.
  3. Submit your project that you created to the activity.  You will submit a jar file (a java archive file) that contains your runnable program.  To find the jar file, open your project in NetBeans, and note that in the project pane, there are 3 tabs: Projects, Files, Services.  Select the Files tab.  Expand your project folder by clicking on the '+' sign.  You should see a folder called 'dist'.  Expand the dist folder, you will probably see a few files and maybe some folders.  One of the filenames should end in .jar.  This is the file that you will submit.  Open the context menu on that file (on Windows, right-click on the file; on Mac, Ctrl-click on it), and select 'properties' from the menu.  One of the properties will be the full path to where the jar file lives on your system.  Use your file browser to go get the file, and submit it.

Resource Links

Recent Submissions

icon

Animation

0
August 17, 2009 by Oracizan
icon

Clouds

0
August 13, 2009 by darealMVP
icon

JavaFX Animation

0
August 9, 2009 by dwarrior333
icon

Seventh JavaFX Project

0
August 7, 2009 by tokutei12
icon

another cloud

0
August 14, 2009 by hqx10
icon

Cloud Animation

0
August 10, 2009 by zackiddy
icon

Animation Exploration

0
August 9, 2009 by Stilenx
icon

Animation!

0
July 17, 2009 by powerbronx
icon

clouds

0
July 9, 2009 by shadbot
More Submissions

Activity Forum

There are currently no forum topics posted.