召唤蕾姆

关于QML与OPenGL混编的问题



  • 参考了彩阳大神的《Qt移动应用开发(八):实现跨平台的QML和OpenGL混合渲染》一文,在Qt5.5的平台上实现的时候出现了一些问题。
    Qt5.5的情况下,未继承QOpenGLFunctions不能使用对应的该类封装的opengl函数,而彩阳大神的代码里只是继承了QQuickItem,在进行渲染的时候直接使用的该类的函数。
    不让用就不让用呗,那我自己定义一个QOpenGLFunctions对象,但是,问题又来了,定义QOpenGLFunctions需要制定一个QOpenglContext,但是这个context怎么获取呢,若只是在QML全屏调用我们的组件,直接通过QOpenGLFunctions::currentContext()获取当前的设备上下文,问题是暂时解决了,但是如果想把我们的组件作为其他QML组件一样,可以自己随意布局,随意指定大小,问题就来了,里面在设置视口等地方用的都是window(),这个window()就是整个应用程序的一个窗口,导致我将组件以100100嵌入到800600的窗口下时,显示的就是800600的,虽然Item的size值是100100。
    现在在用其他的方法,但是还是想把这个问题弄清楚,谢谢!





  • @hnsyzlc 在C++部分捕捉一下window( )大小改变的信号,或者是在QML中捕捉Window类大小改变的信号。



  • @jiangcaiyang 不是大小不大小的问题,Window{id:_window ... Rectangle {id:_rect... Cube{...}}};
    在定义QOpenGLFunctions时,构造函数传进去的QOpenGLContext是QOpenGLFunctions::currentContext(),所以它获取的窗口是_window,不管父窗口是谁,它直接在_window里渲染的。我现在是该怎么给这个QOpenGLFunctions指定一个QOpenGLContext,谢谢!



  • @hnsyzlc 一个窗口就一个QOpenGLContext。
    Qt Quick应用都是单窗口的。所以要在窗口内共享context。初始化的时候,要在Window创建之后,这样QOpenGLFunctions才获得的context是有效的context。



  • @jiangcaiyang 我是这样用的m_context = new QOpenGLContext();
    QOpenGLContext *context = QOpenGLContext::currentContext();
    m_context->setFormat(m_context->format());
    m_context->setSharedContext(context);
    这样对么?可惜直接就程序出错了。
    这样在我使用的时候需要makeCurrent();穿进去的指针应该是哪个?
    方便的话能将整个过程描述一遍么😉,谢谢!



  • @hnsyzlc 很方便。整个过程都在我的博客中,稍微改一下就可以呈现比较好的效果。

    m_context = new QOpenGLContext();
     QOpenGLContext *context = QOpenGLContext::currentContext();
     m_context->setFormat(m_context->format());
     m_context->setSharedContext(context);
    

    这些函数是用在哪里的?我需要知道。否则我也不知道怎么解决。



  • @jiangcaiyang 就在原来的Render改动了一下,加了个m_context,其余的一样,怎么做到我就在我的这个QQuickItem上面显示而不是显示在整个应用程序窗口下。当我显示cube的位置有其他Item显示的时候,cube会被覆盖
    void Cube::Render( void )
    {
    static bool runOnce = RunOnce( );
    Q_UNUSED( runOnce );
    if(!m_context)
    {//这里处理和之前一样,还是在整个应用程序window下面绘制的
    m_context = new QOpenGLContext();
    OpenGLContext *context = QOpenGLContext::currentContext();
    m_context->setFormat(m_context->format());
    m_context->setSharedContext(context);
    }

    m_context->makeCurrent(window());//这里该怎么处理
    // 运动
    m_ModelViewMatrix.setToIdentity( );
    m_ModelViewMatrix.translate( 0.0f, 0.0f, -60.0f );
    m_ModelViewMatrix.rotate( m_RotateAngle, m_Axis.x( ),
    m_Axis.y( ), m_Axis.z( ) );

    // 渲染
    QPointF pt = mapToScene(QPointF(x(), y()));
    m_context->functions()->glViewport( pt.x(),window( )->height( ) - height() - pt.y(), width( ), height( ) );//这样可以让我的cube显示在我让他该显示的位置
    m_context->functions()->glClearColor( 0.0f, 0.0f, 0.0f, 1.0f );
    m_context->functions()->glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );
    m_context->functions()->glEnable( GL_DEPTH_TEST );
    m_context->functions()->glEnable( GL_CULL_FACE );
    m_context->functions()->glFrontFace( GL_CW );

    m_ShaderProgram.bind( );
    m_VertexBuffer.bind( );
    int posLoc = m_ShaderProgram.attributeLocation( "position" );
    m_ShaderProgram.enableAttributeArray( posLoc );
    m_ShaderProgram.setAttributeBuffer( posLoc, // 位置
    GL_FLOAT, // 类型
    0, // 偏移
    3, // 元大小
    0 ); // 迈

    m_ColorBuffer.bind( );
    int colorLoc = m_ShaderProgram.attributeLocation( "color" );
    m_ShaderProgram.enableAttributeArray( colorLoc );
    m_ShaderProgram.setAttributeBuffer( colorLoc, // 位置
    GL_FLOAT, // 类型
    0, // 偏移
    4, // 元大小
    0 ); // 迈
    m_IndexBuffer.bind( );
    m_ShaderProgram.setUniformValue( "modelViewMatrix", m_ModelViewMatrix );
    m_ShaderProgram.setUniformValue( "projectionMatrix", m_ProjectionMatrix );
    m_context->functions()->glDrawElements( GL_TRIANGLES, 36, GL_UNSIGNED_BYTE, Q_NULLPTR );

    m_ShaderProgram.disableAttributeArray( posLoc );
    m_ShaderProgram.disableAttributeArray( colorLoc );
    m_IndexBuffer.release( );
    m_VertexBuffer.release( );
    m_ShaderProgram.release( );
    }



  • @hnsyzlc Cube是在所有Qt Quick的Item下面显示的,这没有错;
    你在渲染函数中调用new操作符,是极不友好的。会耗尽你的内存。因为渲染函数是死循环运行。



  • @hnsyzlc 说:
    if(!m_context) 当然做判断的,不可能让他没事一直分配内存的。
    但是用其他的例子,比如说QSGN这些类实现的话就可以,完全可以把这个当成正常的Item一样使用啊



  • @hnsyzlc 那就好。



  • @jiangcaiyang 关键是怎么把这个3D显示的QQuickItem当成其他的Item一样使用,想怎么放,放在哪里都可以随意设置的。


 

最近的回复

  • 0_1524629331614_好棒的.jpg
    各位好哦,最近我又开始进行我们论坛的再次研发了。这一次呢,我们为我们的社区添加了一个重大的功能,那就是Live2D哦。借助Live2D在Web端的技术,我们成功地把看板娘蕾姆请到我们论坛了呢。
    0_1524634368387_d2c83fb3-71fc-414e-ab02-334a1d6c6007-image.png
    不要小看她,她可以陪你们说话、也可以一个人自言自语,有时候还会爆发出中二的词汇呢;
    更多的情况下,蕾姆很温柔,早上她能向你说声早上好,中午她能向你提出建议不要太累太辛苦了,晚上也能提醒你不要熬夜。自从有了蕾姆后,我们的精神也爽了,心情也好了,自己也变得萌萌哒了。

    好了,技术方面呢,还是要感谢 @维基萌 的二次作品,虽然最初Live2D是由这家公司制作的,但是有庞大的社区力量,推动了这款产品的普及,于是乎我们也可以拿Live2D来用了呢。
    此外,得益于最近兴起的聊天机器人,我们也成功地将聊天机器人的功能整合到我们的论坛里了,目前聊天机器人很棒,感觉就像真的蕾姆一样呢。

    归纳总结,我们使用到了以下的内容:

    NodeBB框架
    Live2D
    Turing123

    萌梦社区以后会给大家带来更多更好的内容!

    阅读更多
  • 亮点就是对比的地方比较清晰。我希望另外一个beyond compare软件出现。

    阅读更多
  • 在deepin上,如何使用git托管代码,这里推荐一个工具 SmartGit

    在深度商店搜索[SmartGit],安装

    0_1524572222379_深度截图_deepin-appstore_20180424191503.png

    第一次打开,需要配置,这里输入自己的git用户名和邮箱,我使用的是码云

    0_1524572276100_深度截图_选择区域_20180424191602.png

    创建本地仓库

    菜单[Respository]-[Clone]

    0_1524572487937_深度截图_选择区域_20180424202102.png

    输入git仓库地址,下一步,下一步,

    0_1524572568462_深度截图_选择区域_20180424202236.png

    选择本地地址,Finish,这样我们的代码就从git下载到本地了

    0_1524572342889_深度截图_选择区域_20180424201348.png

    上传

    我创建了一个测试文本

    0_1524572727847_深度截图_选择区域_20180424202521.png

    右键这个文件,选择Commit

    0_1524572789341_深度截图_选择区域_20180424202623.png

    点击Commit后

    0_1524572829048_深度截图_选择区域_20180424202644.png

    右键这一条,选择Push Commit,如果提示输入账户就填码云的账号

    登录网站,检查,成功了

    0_1524573043120_深度截图_选择区域_20180424203030.png

    新建一个文档,这次提交时候选择Commit & Push,可以直接提交到网站

    阅读更多
  • 告诉你一个方法,Slider位于MouseArea的上层,然后除了Slider的hover和press事件,其余的事件都走MouseArea。怎么做到?可以在事件中设置MouseArea的visible属性。
    还有一种做法就是Slider自定义背景background,里面包含了MouseArea。

    阅读更多

关注我们

微博
QQ群











与 萌梦社区 的连接断开,我们正在尝试重连,请耐心等待