JFXcube – try to solve it!
Posted by: kaikfx on: March 3, 2010
- In: game
- 4 Comments
When I heard about first JavaFX challenge, I decided to participate with some application that can show how powerful this language is. In order to do that, I created my own version of Rubik’s Cube game. Now, after upgrading it to JavaFX 1.2 version, I wish to share it with you.
I think there’s nothing to say about how the game works. Everybody knows that when cube faces are messy it’s really difficult to put them right, so that’s the target.
If the left bottom cube button is selected, you can drag around the big cube to look at it from different perspectives. Otherwise, if you select the bottom-right cube button, you can rotate one “slice” of the cube.
Inside menu options, there is the scrambler function, besides other options. I’m not sure but I think that save/load options have been damaged when moving from JFX 1.0 to JFX 1.2, so probably they won’t work.
Taking into account that I’ve not used any kind of 3D engine, the complexity of the project is elevated, so I’m not going to detail how the game has exactly been developed. Anyway, for those who can be more interested, the key point is to extend from Polygon class for each one of the colored faces, in order to relate them with their 3D points, so the movement can be applied directly into the points. Maybe reading VideoCube example, in javafx webpage, can help understanding a little bit how all that works, because the concept is similar althought that example is smaller.
Enjoy it!
My Experiments with JavaFX
Posted by: gyanlabs on: February 1, 2010
I started experimenting with JavaFX1.2. I felt writing complex special effects or writing Animation code in JavaFX is very simple. In a very short time I am able to produce complex visual effects which previously took days to create in Java 2D.
Check out the following Animation.I am using Netbeans 6.8 and Inkscape 4.7 for creating Vector images.
(Note that my primary interest in creating this Animation is to learn JavaFX Script, I have not optimized it for performance or start up time. Code is not clean as there are lot of unnecessary methods and animation logic, I will publish the cleaned source soon.)
You can click on it and create more plants.
Java Web Start (save this Java webstart JNLP file and run it)
Say Well-it-come: TabbedPane V.3
Posted by: toumaille on: January 25, 2010
- In: controls| graphics| real world| utility
- 5 Comments
TabbedPane in Action !
……..
How to control TabbedPane !
……..
This version is a little cleaner than the previous.
……..
- But can always make something ugly playing with CSS.
- It may or may not have multiple buttons to close the tab (as was possible before) But now they are made from the component ComboButtons.
- These are only displayed when the Tab is selected. This avoids the unfortunate mistakes …
- The titles of the tabs are automatically shortcuts with “…” when the name is too long compared to the available space in the tab.
- Tabs can be colored or not.
- It is possible to configure the behavior of selections when adding or removing tabs.
- The TabbedPane inherits Resizable and behaves as such – ie the number of tabs is visible depending on the size of the component. You can scroll tabs with appropriate functions or with wheel mouse.
- It is possible to define content as “persistent” for optimization (Scenario: All the tabs are associated with something that is in fact the same … For example a list.) Demonstrator that I show would have made the very good example.
- It has three Callback functions for each tab ( onClosedCallback / onSelectedCallback / onUnSelectedCallback ).
- It has four Callback functions but reachable from TabbedPane instance ( onAddedTabCallback / onClosedTabCallback / onSelectedTabCallback / onUnSelectedTabCallback ) they are actually used in this example to put sounds on TabbedPane’s actions
- You can press “Space” to switch to another tab and keys ”X, C, D” to close the one selected.”N or INSERT” to create a new tab (without control buttons! – Because since TabbedPane.fx not test.fx …). ”Keys left / right arrows to scroll through tabs visible.
……..
• For a short explanation of packages that revolve around TabbedPane is just below here:
……..
Packages explanation
……..
• Try it !
……..
• Get it !
……..
The French equivalent:
http://www.blog.saturny.com/?p=239
……..
Making waves
Posted by: jfxia on: January 25, 2010
Play him off, Keyboard Cat...!
Jonathan Giles recently suggested demos should feature more Keyboard Cats. I was happy to oblige. The links below lead off to a couple of very basic animation demos written in JavaFX featuring a still image and (thanks to Jonathan’s inspiration) a video. In both cases clicking the app/applet will cause ripples to animate across the display. The video uses WMV format — if you have trouble playing it please post a comment (an error message should appear in the Java console).
[ Image JNLP ] [ Image applet ] – [ Video JNLP ] [ Video applet ]
Wipe library demo
Posted by: jfxia on: January 23, 2010
A smart phone style interface.
The Wipe library is an experimental JavaFX package making animated transitions between pages in a UI easy. For desktop apps it could be used to create simple slide shows, but its real power comes in environments with small UIs (like widgets or smart phone apps) were page-based navigation is more common.
Building such a library is trickier than it might first seem, particularly if developers can write their own wipes. One way to uncover bugs is to try writing simple demo code. The WipeDemo app provides a very basic smart phone mock-up, with a paged menu that uses the SlideWipe to navigate, and a FadeZoomWipe to move into and out of an app.
[ WipeDemo JNLP ] [ WipeDemo applet ] [ Wipe library ]
LevelIndicator
Posted by: toumaille on: January 5, 2010
- In: controls| graphics| real world| utility
- 2 Comments
The LevelIndicator allows you to view a level. Gives it a parameter value “variable” and value “maximum” as reference.
- You can arrange design with CSS
- It has 3 Skins ( BAR_VIEW / PERCENT_VIEW / VALUE_VIEW ) and you can switch them by clicking on the LevelIndicator
……..
• Looks like:
The LevelIndicator in every statements
……..
• How to use:
How to implements
……..
• The “debugMode” var:
serves only to display a visual boundary of the space occupied by LevelIndicator
debugMode : true
……..
• The “selected” var:
is useful in cases where the LevelIndicator is used in a graphic element which can be selected. It’s just in case… Basically it gives a more simplistic design.
selected : true
……..
• The “viewMode” var:
can change the display Skin of LevelIndicator in 2 other declinations.
1) The Skin “LevelIndicatorPercentSkin”:
which allows a display of percentage level.
(see color changes depending on level)
ViewMode.PERCENT_VIEW
2) The Skin “LevelIndicatorValueSkin”:
directly displays the level value
ViewMode.VALUE_VIEW
……..
• CSS:
lets move beyond image and let us resize without taking weird pixels in the eye.
transforms: Scale { x : 2.0, y : 2.0 }
……..
• See deeper !
……..
• Get it !
……..
The French equivalent:
http://www.blog.saturny.com/?p=205
……..
Picasa Album New View
Posted by: tojitu on: January 1, 2010
Select an Album and see the first 10 photos of this album with new view. Click on right or left page to see the album pages flipping.
Click on the following link to view the demo. You need to enter the gmail Id and then click on any of the album.
Challenge Winner: Holiday
Posted by: Josh Marinacci on: December 20, 2009
- In: challenge
- 3 Comments
The JFXStudio is proud to announce the winner of Challenge:Holiday. The winner is Jeff Friesen with his entry: Happy Holidays. Be sure to turn on the sound. Jeff will receive a twenty dollar gift certificate and a badge to put on his home page. Congratulations Jeff!
Next month’s challenge will be announced on the first of January.
Web cameras around the world
Posted by: surikov on: December 19, 2009
- In: real world
- 9 Comments
Picasa Web Album Viewer
Posted by: tojitu on: December 13, 2009
- In: animation| images
- 2 Comments
This is a small application for viewing picasa public web albums. You need to enter any gmail id to view the albums. This application is still under development. As of now it can support maximum of 6 albums and 10 photos of each albums.
- filesearch.web.id: nice info, thanks for sharing. visit : http://filesearch.web.id/Yahoo_Answers to find all yahoo question and answer easily.
- kaikfx: Wow! That's such a beautiful machine ;) I can't stand the problem, maybe the hi-dpi... At least, in my 2.13 Ghz Core 2 Duo it works fine.
- Olivier Allouch: Is a Quad Core / SSD drive / 27 inches display computer fast enough :) ? Maybe it's because I've set the display on hi-dpi...or the antialiasing of
