VulkanSceneGraph demo —— window

前言

我个人很喜欢 JoeyDeVries 的 learnOpenGL系列,我也想要按照他教程的章节内容去编写一些VSG的例子,作为自己的学习和思考等,当然,其中的很多实现可能都来自于JoeyDeVries 的 openGL以及VSG的官方例子 vsgExamples,希望能为各位未来的大佬们节省一点点时间。

图形程序的基本原理在我当前的水平看来,前人之述备矣。很多看到的博客等内容,大多是从Real Time Rendering,learnOpenGL.com等各种经典中摘抄而来,对于图形程序不懂的地方,确实应该去经典中深入学习勤加实践。本人仿照learnOpenGL例子的VSG相关的博客的图形图像的原理,可以在 learnOpenGL中学习,这里主要针对相关的实现。

窗口

这篇博客与helloWindow对应。事实上,VSG官方的示例vsgExamples中都已经存在对应的代码段了,不过大多掺杂了其他功能的功能实现,这里可以看到更加简洁清晰的部分。

VSG提供了几种平台的原生支持,主要使用vsg::Window即可。以下即为Window创建的代码了。

	auto windowTraits = vsg::WindowTraits::create();
    windowTraits->windowTitle = "vsgwindow";
    auto window = vsg::Window::create(windowTraits);

vsg有一个应用程序级别的抽象Viewer,需要创建并把commandGraph给Viewer

    auto viewer = vsg::Viewer::create();

    auto commandGraph = vsg::CommandGraph::create(window);

    viewer->assignRecordAndSubmitTaskAndPresentation({ commandGraph });
    
    viewer->compile();

随后运行渲染循环即可

    while (viewer->advanceToNextFrame())
    {
        viewer->handleEvents();

        viewer->update();

        viewer->recordAndSubmit();

        viewer->present();
    }

完整版代码可以看这里

多窗口

有一个窗口有时候并不够用,总是会需要多个窗口的,然而,简单的复制并不能够解决问题。此处官方示例vsgWindows提供了多窗口的参考。

WindowTraints包含了Window的各种重要属性,常规易懂的属性我便不赘述了。有一个重点的属性device,device在Vulkan中大体上可以说是GPU的逻辑抽象。第一个window创建时,该参数可以不赋值。

ref_ptr<vsg::Device> device;

通常情况下,多个window也只能有一个device,这就需要在创建第二个window的时候,把其windowTraits的device设置为第一个window的device。

auto windowTraints1 = vsg::WindowTraits::create();
windowTraints1->device = window->getOrCreateDevice();

其余部分与一个window类似

完整版代码可以看这里

  • 10
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是一个简单的 window.onerror 的 Demo: HTML 代码: ```html <script> function throwError() { throw new Error('This is an error message'); } function logError(message, url, line, column, error) { console.log('Error Message:', message); console.log('Error URL:', url); console.log('Error Line:', line); console.log('Error Column:', column); console.log('Error Object:', error); } window.onerror = logError; </script> <button onclick="throwError()">Throw Error</button> ``` JavaScript 代码: 当用户点击“Throw Error”按钮时,会触发 `throwError` 函数,这会抛出一个错误。由于我们已经在 `window.onerror` 中注册了 `logError` 函数,所以当错误发生时,`logError` 函数会被调用。 `logError` 函数将错误消息、URL、行号、列号和错误对象打印到控制台。在实际应用中,您可以将这些信息发送到服务器以进行日志记录和调试。 注意:当 `window.onerror` 函数返回 `true` 时,它将防止浏览器默认的错误处理机制(例如,显示错误消息、打开调试器等)。因此,在实际应用中,您应该小心地处理错误,确保您的应用程序不会崩溃或出现其他问题。 ```javascript function throwError() { throw new Error('This is an error message'); } function logError(message, url, line, column, error) { console.log('Error Message:', message); console.log('Error URL:', url); console.log('Error Line:', line); console.log('Error Column:', column); console.log('Error Object:', error); return true; } window.onerror = logError; ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亮微尘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值