Using 3D in JFXPanel

Question

Greetings, I have an issue where a 3D scene isn't rendered properly when embedded in a JFXPanel, not sure of exact terminology, but "depth buffer" / "face culling"? Basically it's like z-ordering isn't being taken into account so sides on the back of cubes are showing through etc. My code works perfectly when embedded as a sub-class of Application. Unfortunately I can't post the code right now as it's at work, and I'm at home.
The issue appears to already have been reported a while ago, but ignored. [http://javafx-jira.kenai.com/browse/RT-17446|http://javafx-jira.kenai.com/browse/RT-17446]
Any body understand what's going on here? Surely just some initialization issue? Any workaround possible? Also is there source code for JavaFX? If so I could debug this issue myself.
Thanks.

Answer 1

Below is my test code that reproduces the problem. It shows 3 rectangles in red, green, blue going "into the page", i.e. with red at front. The mouse can be dragged up and down to rotate the shape.
This renders correctly as native JFX Application but when in a JFXPanel the green and blue rectangles "show through" the red rectangle.
The attribute "embedded" controls if the scene is embedded in a JFXPanel in a JFrame or is "native" JFX Application.
I've reproduced problem on both my work PCs
PC 1: Win XP, with JFX 2.0.1
PC 2: Win 7, with JFX 2.0.2
Screenshots / output when embedded in JFXPanel
http://www.adamish.com/tmp/jfx_depth_buffer_bug/embedded.png
http://www.adamish.com/tmp/jfx_depth_buffer_bug/output_embedded.txt
Screenshots / output when launched as native JFX application
http://www.adamish.com/tmp/jfx_depth_buffer_bug/jfx_native.png
http://www.adamish.com/tmp/jfx_depth_buffer_bug/output_jfx_native.txt
import javafx.application.Application;
import javafx.embed.swing.JFXPanel;
import javafx.event.EventHandler;
import javafx.scene.DepthTest;
import javafx.scene.Group;
import javafx.scene.PerspectiveCamera;
import javafx.scene.Scene;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.shape.RectangleBuilder;
import javafx.scene.text.Font;
import javafx.scene.text.TextBuilder;
import javafx.scene.transform.Rotate;
import javafx.stage.Stage;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;
import javax.swing.WindowConstants;
* Basic example of 3D scene as both JFXPanel in a JFrame and as JFX Application
* sub-class.
public class DepthBufferProblems extends Application {
     final JFXPanel fxPanel = new JFXPanel();
     private final boolean embedded = false;
     private void initAndShowGUI() {
          JFrame frame = new JFrame();
          frame.setSize(300, 300);
          frame.setTitle("Depth Buffer Problems");
          frame.getContentPane().add(fxPanel);
          frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
          frame.setVisible(true);
     * Default Constructor
     public DepthBufferProblems() {
          if (embedded) {
               SwingUtilities.invokeLater(new Runnable() {
                    @Override
                    public void run() {
                         initAndShowGUI();
     @Override
     public void start(Stage stage) throws Exception {
          if (embedded) {
               fxPanel.setScene(createScene());
          } else {
               stage.setTitle("Depth buffer problems");
               stage.setScene(createScene());
               stage.show();
     private Scene createScene() {
          Color[] colors = new Color[] { Color.RED, Color.GREEN, Color.BLUE };
          final Group shapes = new Group();
          shapes.setDepthTest(DepthTest.ENABLE);
          for (int i = 0; i < colors.length; i++) {
               Color color = colors;
               double z = i * 50;
               shapes.getChildren().add(
                         RectangleBuilder.create().fill(color).width(100)
                                   .height(100).translateZ(z)
                                   .depthTest(DepthTest.ENABLE).build());
               shapes.getChildren().add(
                         TextBuilder.create().text("Foo bar " + i)
                                   .font(Font.font("Arial", 16)).layoutX(20)
                                   .layoutY(40).translateZ(z - 5)
                                   .depthTest(DepthTest.ENABLE).build());
          shapes.setTranslateZ(100); // push back so camera can see everything
          final Group root = new Group();
          root.setDepthTest(DepthTest.ENABLE);
          root.getChildren().add(shapes);
          Scene scene = new Scene(root, 300, 300, true);
          scene.setCamera(new PerspectiveCamera());
          // basic rotate with mouse
          scene.setOnMouseDragged(new EventHandler<MouseEvent>() {
               @Override
               public void handle(MouseEvent event) {
                    shapes.setRotationAxis(Rotate.X_AXIS);
                    shapes.setRotate(event.getSceneY() % 360);
          return scene;
     * Start
     * @param args
     public static void main(String[] args) {
          Application.launch(DepthBufferProblems.class, (String[]) null);
Edited by: 902922 on 19-Dec-2011 01:45