【问题标题】:Nifty GUI control prevents the rest of my application from rendering漂亮的 GUI 控件阻止我的应用程序的其余部分呈现
【发布时间】:2012-11-16 00:45:41
【问题描述】:

我一直在尝试使用漂亮的 gui 向 openGl(通过 LWJGL)应用程序添加一些基本的 gui 元素,虽然我已经成功地在应用程序图形之上渲染面板和静态文本,但使用内置-in 漂亮的控件(例如可编辑的文本字段)导致应用程序的其余部分不呈现。奇怪的是,我什至不必渲染 gui 控件,只需声明它似乎会导致此问题。

显示问题基本布局的编译器就绪代码:

import static org.lwjgl.opengl.GL11.*;

import org.lwjgl.LWJGLException;
import org.lwjgl.opengl.*;

import de.lessvoid.nifty.Nifty;
import de.lessvoid.nifty.builder.LayerBuilder;
import de.lessvoid.nifty.builder.ScreenBuilder;
import de.lessvoid.nifty.builder.TextBuilder;
import de.lessvoid.nifty.controls.textfield.builder.TextFieldBuilder;
import de.lessvoid.nifty.nulldevice.NullSoundDevice;
import de.lessvoid.nifty.renderer.lwjgl.input.LwjglInputSystem;
import de.lessvoid.nifty.renderer.lwjgl.render.LwjglRenderDevice;
import de.lessvoid.nifty.screen.Screen;
import de.lessvoid.nifty.tools.TimeProvider;

public class NiftyBreaksRendering {
    private Nifty nifty;
    private Screen screen;
    public NiftyBreaksRendering() throws Exception{
            //init display
            Display.setDisplayMode(new DisplayMode(640,480));
            Display.create();

            //init nifty gui
              LwjglInputSystem inputSystem = new LwjglInputSystem();
              inputSystem.startup();
              nifty = new Nifty(
                new LwjglRenderDevice(),
              new NullSoundDevice(),
                inputSystem,
              new TimeProvider());
            // load default styles
            nifty.loadStyleFile("nifty-default-styles.xml");
            // load standard controls
            nifty.loadControlFile("nifty-default-controls.xml");
            screen = new ScreenBuilder("start") {{
                  layer(new LayerBuilder("baseLayer") {{
                    childLayoutHorizontal();
                    text(new TextBuilder("test"){{
                        font("aurulent-sans-16.fnt");
                        color("#f00f");
                        backgroundColor("#33af");
                        text("l33t");
                    }});

                    //begin: lines that break the rendering
                    control(new TextFieldBuilder("input","asdf") {{
                        width("200px");
                    }});
                    //end: lines that break the rendering
                  }});
                }}.build(nifty);
                nifty.gotoScreen("start");

        //init opengl
        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
        glOrtho(0,640,480,0,1,-1);
        glMatrixMode(GL_MODELVIEW);

        while(!Display.isCloseRequested())
        {
            //render

            glClear(GL_COLOR_BUFFER_BIT);

            glBegin(GL_QUADS);
                glVertex2i(400,400); //Upper left
                glVertex2i(450,400);//upper right
                glVertex2i(450,450);//bottom right
                glVertex2i(400,450);//bottom left
            glEnd();

            glBegin(GL_LINES);
                glVertex2i(100,100);
                glVertex2i(200,200);
            glEnd();

            nifty.render(false);
            Display.update();
            Display.sync(60);
        }
        Display.destroy();
    }

    public static void main(String[] args) throws Exception {
        new NiftyBreaksRendering();

    }

}

【问题讨论】:

  • application.draw 是做什么的?我不想让你描述它; 向我们展示
  • 这是一个相当长的例程,但如果我尝试简单地绘制一个矩形,问题仍然存在,因此我已将其添加到示例代码中
  • 您为什么要从代码中删除正确的部分?你知道,每帧设置矩阵的部分。
  • 哦,我刚刚写了一个简单的例子来复制这个问题,就像其他 cmets 一样。我在这里使用像素空间坐标,所以我认为没有必要。

标签: java opengl lwjgl nifty-gui


【解决方案1】:

真正有助于诊断此类问题的是http://sscce.org/的链接

我猜这与 Nifty 更改的 OpenGL 状态或 Nifty 控件正在加载的纹理有关,这可能会弄乱您的应用程序的其余部分。

如果你能提供更多或完整的代码,我很确定我们能找到问题。

提供完整示例代码后的修改答案:

感谢您提供完整的示例!

正如预期的那样,问题是,Nifty 改变了 OpenGL 状态,使 OpenGL 基本上处于未定义状态。解决方案是在调用 Nifty 之前保存 OpenGL 状态,然后再恢复。这是一些可以做到这一点的代码。我还添加了对 nifty.update() 的调用,以便 Nifty 实际上更新 GUI(并使键盘和鼠标事件起作用):

        // update nifty
        nifty.update();

        // save your OpenGL state
        // (assuming you are in glMatrixMode(GL_MODELVIEW) all the time)
        glPushMatrix();
        glPushAttrib(GL_ALL_ATTRIB_BITS);

        // render Nifty (this will change OpenGL state)
        nifty.render(false);

        // restore your OpenGL state
        glPopAttrib();
        glPopMatrix();

对您的原始代码进行此更改后,您的示例现在适用于我。

【讨论】:

  • 感谢您的建议!我添加了一个复制问题的简短示例。如果您安装了 lwjgl 和漂亮的 gui,它应该可以正常编译。
  • 像魅力一样工作!你知道一个好的opengl参考的任何机会也阻止我问更多愚蠢的问题吗? O:-)
  • 如果不知道您的 OpenGL 知识水平或您想用它做什么,这真的很难回答。作为参考,我会直接查看OpenGL reference pagesOpenGL spec pdf。对于一般学习,我发现OpenGL Super Bible 很有帮助。如果您是 OpenGL 的新手,我建议您从核心配置文件开始。学习起来可能有点困难(而且 Nifty 还不支持它 - 但很快就会支持它;-)但它是未来。
【解决方案2】:

NiftyGUI(作为非基于着色器的渲染)会在某些时候修改模型视图矩阵。您是否通过使用身份对其进行初始化来清除它对模型视图矩阵造成的损害?你知道,像这样:

glMatrixMode(GL_PROJECTION);
glLoadIdentity();
GLU.gluOrtho2D(0f,(float)VIEWPORT_DIMENSIONS[0],0f,(float)VIEWPORT_DIMENSIONS[1]);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
glTranslatef(translation[0],translation[1],0);
glRectf(-1,-1,1,1);

【讨论】:

  • 我试过这个,但似乎没有帮助。 :-/ 也许我在错误的地方插入了身份调用,但我认为我在所有看起来合理的地方都试过了(尽管这很死记硬背,因为我对 opengl 还很陌生)。不过感谢您的建议!
猜你喜欢
  • 2015-05-12
  • 1970-01-01
  • 2016-03-20
  • 2011-07-05
  • 1970-01-01
  • 2018-09-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多