QT6使用Qtwebengine与three.js实现GLB文件显示与旋转

CodeMaxx

于 2025-04-07 10:48:30 发布

阅读量312

点赞数 9

文章标签： qt c++

本文链接：https://blog.youkuaiyun.com/carolinas/article/details/147038737

版权

html在qrc中，所以用的cdn方式，没有使用将js文件加入

为了版权问题所以没用Qtquick3D,这两种都实现过，其实这两种方式占用内存是差不多的，都差不多200-300MB之间，3d显示还是吃内存，这没办法，但是不建议频繁动态卸载，一般情况下是卸载不干净的，只要开启一次就一直留着也没事儿

尤其是QtWebengine，不要频繁卸载，不可能卸干净

Qtquick3d是GPL协议，QtWebengine部分是LGPL协议，three.js是MIT协议

一般公司还是不要碰GPL了，除非你们公司买了qt的商业版

两种方式用的都是加载glb，但是都没加载到qrc中，直接在打包路径下强行查找打开的，qrc目前还是没用明白，放很多东西都不能用

我的建议是，没事别用qt，如果不是公司让用，我应该会淘汰掉它

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodeMaxx

关注关注

9
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用Three.js将Qt Quick项目用作纹理

Orion_O的博客

08-09

284

这里我们使用一个简单的示例项目。在main.qml文件中，我们有一个Image组件和一个Text组件。我们需要将Image组件的源图像作为纹理应用到一个Three.js的立方体上。然后，我们创建一个透视摄像机和一个场景，在场景中添加了一个立方体。注意，我们使用CanvasTexture将Qt Quick中的Image组件作为材质纹理。接下来，我们需要使用Three.js创建一个WebGL场景并在其中添加一个立方体。以上就是如何使用Three.js将Qt Quick项目用作纹理的介绍，希望对你有所帮助。

ThreeJS加载glb模型实用案例

01-26

ThreeJS加载glb模型实用案例，抽取官网的例子。

参与评论您还未登录，请先登录后发表或查看评论

Qt5、web 和threejs的结合

Mr-zhou先生

11-05

1303

开源threejs 大屏可视化

使用纯代码加载glb/gltf文件，然后使用Qt3D来渲染

joyopirate的博客

09-20

1719

在，我们已经实现了使用Assimp来读取模型，然后放到Qt3D中渲染。但是有时候，Assimp库的编译太麻烦：我们有时会发布程序到手机、或者嵌入式板子上，编译一个可以在这些设备上使用的Assimp库工作量太大。有没有办法，直接把某个库的代码包含进我们的工程，不依赖任何其他第三方库（或者依赖的库也是纯代码的形式包含进来），直接编译就行了呢？这样，我们就不用为各个平台都编译第三方库了。

【QT教程】QT6 WebEngine QT Web浏览器编程

QT性能优化QT原理源码QT界面美化

05-18

5634

WebEngine模块概述WebEngine模块概述Qt WebEngine是Qt框架中的一个模块，它提供了一个基于Chromium（一个开源项目，与Google Chrome浏览器的核心技术相似）的浏览器引擎。Qt WebEngine模块允许开发者在应用程序中嵌入Web浏览器，并能够显示网页、执行JavaScript、处理HTML5等。WebEngine的核心特性跨平台性 - Qt WebEngine能够在多种操作系统上运行，包括Windows、macOS、Linux、iOS和Android。

three.js(一)：认识three.js并创建第一个3D应用

陈小陈的博客

08-28

929

three.js是用JavaScript编写的WebGL第三方库;three.js 提供了非常多的3D显示和编辑功能;具体而言，three.js 是一款运行在浏览器中的 3D 引擎，可以用three.js 创建各种三维场景，并对其进行编辑;在three.js 的官网上看到许多精彩的演示和文档。

三维模型-three.js-PCD模型文件，用于three.js显示pcd文件

07-25

在描述中提到的问题是用户可能在寻找如何在Three.js中正确地显示PCD文件。首先，我们来理解一下PCD文件格式。PCD是由PointCloud Library (PCL) 提供的一种存储无序3D点云数据的文件格式。每个PCD文件可以包含点云...

three官网的glb示例文件.rar

12-21

【标题】"three官网的glb示例文件.rar" 是一个包含了来自three.js官方网站的GLB格式示例文件的压缩包。three.js是一款基于WebGL的JavaScript 3D库，广泛用于网页上的交互式3D图形开发。GLB是3D模型的一种文件格式，...

使用three.js预览 glb模型文件

最新发布

01-02

使用three.js预览 glb模型文件主要功能：主要新增的功能：灯光控制：环境光强度调节（0-2）方向光强度调节（0-2）方向光位置调节（X, Y, Z 坐标，范围 -5 到 5）模型控制：整体缩放（0.1-5）金属度（0...

Threejs显示glb模型线框效果

05-17

本例子加载glb文件，显示一个房子的模型的线框。用traverse遍历模型里的所有子对象，如果是网格对象用child.material.wireframe = true;使其显示线框。相关技术英文网站搜索关键字：three.js model wireframe

qml 调用的 three.js 文件

08-14

qml 调用的 three.js 文件 ,网上下载的 three,js 直接放到 qml 中是无法使用的

使用qt+opengl实现的粒子烟花爆炸效果（内含两个版本）

02-07

工程中每行重要的代码都有详细的注释，代码逻辑在我的博客中有相关的说明，还是比较好理解的，效果还算可以吧，用来学习还是不错的，欢迎各位大佬和我讨论其中的不足之处。

practice:在周末与threejs和qt交织在一起。这是我第一次以这种方式使用Qt

04-29

实践在周末与threejs和qt交织在一起。该项目显示了一个使用QML和ThreeJS的示例。在此示例中，我展示了如何控制从按钮和/或动画生成的QML信号中的threejs创建的内容。要运行此项目，请克隆它，然后使用qt creator打开.pro。您需要Qt 5.5来运行它。

Web 3D机房，智能数字机房HTML5+Threejs(WebGL) 项目实战四

10-17

针对webgl的库threejs框架的Web 3D智能数字机房项目实战详细的讲解，随着IT信息技术和移动端的发展，Html5+3D(Webgl)技术已经悄然崛起，3D机房数据中心可视化应用越来越广泛，主要包括3D机房搭建，机柜、服务器、机房功能效果、温度检测(动力环境监控)、机柜利用率(可用空间)、烟雾监控(粒子效果)、巡航导航(巡更路径)、设备报警。threejs 98版本开发环境（IDE） WebStorm 2019.2 版本

Qt之OpenGL实时显示图像

GK_2014的专栏

01-12

1万+

工作中在用Qt写界面程序时需要完成一项功能：客户端和服务端连接成功后需要实时显示从服务端发送过来的图片，并可以用鼠标滚轮进行缩放以及拖拽。由于之前学习过些许OpenGL关于纹理贴图的技术，且Qt已集成OpenGL模块，因此打算用该技术完成。OpenGL显示图片使用GPU渲染，如果程序需要做到毫秒级的刷新频率，用该方法可以很大程度上缓解CPU的压力，图片的动态显示也更流畅。下面我用一个demo程...

Qt 6.0精简WebEngine SerialPort Multimedia等成为半残GUI框架一览

liuliuab1的博客

02-16

1977

Qt 6.0精简WebEngine SerialPort Multimedia等成为半残GUI框架一览由于 Qt 集成了大量成熟模块，使之成为 C++ 领域中最好用的开源技术跨平台 GUI 开发框架。基于 Qt 能开发 Windows MacOS 传统桌面或无 GUI 应用程序、Unix/Linux 平台应用程序、嵌入式应用程序、移动端应用程序、等。目前，Qt5 Qt6 采用 LGPL 商业双许可协议，支持 Microsoft Windows、GNU/Linux、Mac OS X、Android、iO

Qt实现简单的显示网页（QtWebkit、QtWebEngine、QAxWidget）