OpenCASCADE的WebGL查看器示例

最新推荐文章于 2025-10-24 14:00:23 发布

程序逐梦人

最新推荐文章于 2025-10-24 14:00:23 发布

阅读量408

点赞数 1

CC 4.0 BY-SA版权

文章标签： webgl C/C++

本文链接：https://blog.youkuaiyun.com/TechWhizZ/article/details/132552204

C/C++ 专栏收录该内容

159 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何利用OpenCASCADE的WebGL库webgl-occt在浏览器中创建3D几何模型查看器。通过加载BRep文件、设置光源、创建WebGL渲染器和场景，实现对CAD模型的在线展示。示例代码演示了加载球体模型并进行视角调整。

OpenCASCADE的WebGL查看器示例

OpenCASCADE是一款开源的3D几何建模软件库，它可以进行CAD、CAE、CAM等领域的开发。为了方便开发者在浏览器上进行OpenCASCADE的建模，社区开发了一个WebGL查看器示例，方便用户进行操作和查看结果。

在下面的代码中，我们使用OpenCASCADE的webgl-occt库来完成这个任务。首先，我们需要加载几何体文件。下面的代码展示了如何使用OpenCASCADE的BRep文件加载器来加载一个球体。

// 加载球体几何体文件
const sphereUrl = './models/sphere.brep';

const brepLoader = new occ.BrepLoader(<

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序逐梦人

关注关注

1
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

OpenCASCADE：OCCT WebGL 查看器示例

希望我的博客，能帮上你解决学习中工作中所遇到的问题

07-21

2097

OpenCASCADE：OCCT WebGL 查看器示例OpenCASCADE：OCCT WebGL 查看器示例 OpenCASCADE：OCCT WebGL 查看器示例此示例演示了在使用 C++ 编写的 Web 应用程序中使用 OCCT 库并使用 Emscripten SDK (emsdk) 转换为 WebAssembly 模块的简单方法示例由 Open CASCADE 3D Viewer 和一个用于以 BREP 格式打开模型的按钮组成。该示例需要支持 WebAssembly 1.0 (Wasm) 的

OpenCASCADE：使用OCCT WebGL查看器的C/C++示例

PixelShadeZ的博客

09-03

502

上述示例代码创建了一个简单的C++应用程序，使用OCCT库和WebGL查看器来加载和显示一个简单的三维模型，这里我们生成了一个盒子。首先，我们创建了一个OpenGl_GraphicDriver对象和一个Aspect_DisplayConnection对象，然后创建一个WNT_Window对象并将其与V3d_View对象关联。然后，我们使用BRepPrimAPI_MakeBox对象生成一个简单的盒子，并将其表示为AIS_Shape对象。要开始使用OCCT WebGL查看器，我们需要先安装OCCT库。

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

node-occ：使用OpenCascade和NodeJS构建BREP实体-3D建模

01-28

节点occ 用于实体建模的OpenCascade nodejs扩展。这个nodejs扩展为nodejs提供了坚实的基础。它提供了一个简单而功能强大的javascript api来构建3D几何模型。该项目带有一组围绕OpenCascade API的V8包装器和一个示例Web应用程序。简单的例子 var occ = require ( "node-occ" ) . occ ; // construct a box var box = occ . makeBox ( [ 0 , 0 , 0 ] , [ 100 , 100 , 50 ] ) ; // construct a cylinder var cyl = occ . makeCylinder ( [ 50 , 50 , - 10 ] , [ 50 , 50 , 60 ] , 40 ) ; // cut the box with cylinder box = occ . cut ( box , cyl ) ; // save result to a STEP file occ . writeSTEP ( "somefile.

如何快速上手OpenCASCADE.js：Web端3D建模的终极指南

最新发布

gitblog_00563的博客

10-24

440

OpenCASCADE.js是一个革命性的开源WebGL库，它将强大的Open CASCADE Technology (OCCT)引入浏览器环境，让开发者无需安装任何软件就能在Web端实现专业级3D建模、查看和交互功能。通过WebAssembly技术实现的高性能渲染，为在线CAD、虚拟现实、教育展示等场景提供了简单高效的解决方案。 ## 什么是OpenCASCADE.js？ OpenCASCA...

OpenCascade显示模块的OpenGL层的实现

astrosky的专栏

07-28

6121

Normal 0 7.8 磅 0 2 false false false MicrosoftInternetExplorer4 <!-- /* Font

【OCC学习11】OCC的WebAssembly编译

loveoobaby的博客

08-20

2206

记录OCC的webgl案例编译过程。整个编译借助emcc编译器，cmake生成nmake file，最后使用nmake编译。

ShowWebGL 强大的3D模型查看器

wjlgryx的专栏

04-12

1411

ShowWebGL [url]http://showwebgl.com[/url] 这是一个可以显示3D模型的网站，支持的模型格式简直让人无法想想： obj, ive, 3ds, dae, ply, osg2, osgb, osgt, osgx, osgs, gem, geo, mdl, rgb, lws, dxf, tgz, osgterrain, shp, zae, stl,...

【亲测免费】使用Three.js的WebGL 3D模型查看器教程

gitblog_00169的博客

09-25

1246

使用Three.js的WebGL 3D模型查看器教程项目介绍本项目是一个基于Three.js的WebGL 3D模型查看器，旨在帮助开发者快速创建和展示3D模型。Three.js是一个广泛使用的JavaScript库，用于在网页上创建和显示3D图形。通过本项目，用户可以轻松加载和查看各种3D模型文件，如OBJ、FBX等。项目快速启动 1. 克隆项目首先，从GitHub克隆项目到本地： git...

WebGL:一、浏览器检测

优快云前端知识共享

11-03

3438

简介 WebGL(Web Graphic Language) 程序由在JavaScript中编写的控制代码和在计算机的图形处理单元（GPU）上执行的特殊效果代码（着色器代码）组成。通俗讲，就是webGL网页就是网页使用的图形语言，通过跨平台共用的开放API，呈现动态3D图形。 webGL2.0规范 webGL示范教程检测浏览器是否对WebGL支持点击进行检测浏览器是否支持w

OpenCascade.js 示例库：加载器与实时预览演示

- 该库可以用于在线3D CAD编辑器、3D模型查看器、教育平台的3D展示等多个场景。 - 它的跨平台特性（能够在Web浏览器运行）意味着可以轻松集成到现有的Web应用中，提供强大的3D处理能力。 6. OpenCascade.js 与 ...

trace-web:基于WebGL的实时查看器，用于跟踪

05-06

跟踪网一个基于WebGL的实时查看器，用于。它由两部分组成：在浏览器中显示模型的WebGL客户端小型服务器，可将来自跟踪应用程序的原始套接字输入转换为websocket消息（并进行一些基本的缓存）服务器旨在最大程度地减少对客户端应用程序的依赖性，因此与其进行通信仅需要标准库功能。唯一可能的例外是Base64，尽管几乎所有语言都可以找到实现。要求需要Node和NPM才能运行服务器。要查看，您需要一个具有不错的WebGL支持的浏览器。客户端可以用任何语言编写，尽管示例实现（）是用Java 8编写的。用法克隆存储库运行npm install安装服务器依赖项运行node app.js以启动服务器浏览到将客户端（例如trace ）连接到端口4001上运行的套接字在客户端中执行操作，并在浏览器窗口中观看它们的呈现专门针对trace客户端，可以将此查看器

WebGL_HTML5教程实例

12-23

HTML5 WebGL Javascript canvas game web3D技术 webGL教程实例

基于Qt与OpenCascade的3D模型CAD查看器与转换器：支持多格式文件读取与高级功能应用,基于Qt与OpenCascade的3D模型CAD查看器与转换器：支持多格式读取、高精度测量与可视化操作

03-04

基于Qt与OpenCascade的3D模型CAD查看器与转换器：支持多格式文件读取与高级功能应用,基于Qt与OpenCascade的3D模型CAD查看器与转换器：支持多格式读取、高精度测量与可视化操作,基于Qt+OpenCascade的3D模型CAD查看器和转器，可以从STEP、IGES、STL和许多其他格式读取这些3D文件，支持剪裁平面、组件爆炸、形状测量、显示隐藏零件。最主要的原因可能是需要配置OpenCascade的环境。源码： Windows下使用MSVC的构建VisualStudio≥2017，要求Qt版本≥5.10且OpenCascade≥7.3.0。 ot.1 ,基于Qt; OpenCascade; 3D模型CAD查看器; 模型转换器; STEP、IGES、STL格式支持; 剪裁平面; 组件爆炸; 形状测量; 隐藏零件显示; 配置环境; Windows平台开发; MSVC构建; VisualStudio2017以上版本; Qt5.10以上版本; OpenCascade7.3.0以上版本。,基于Qt与OpenCascade的3D模型CAD查看器与转换器

webGL-modelViewer:用原始WebGL编写的极简模型查看器，不依赖于其他框架

05-05

WebGL模型查看器 该项目的目的是为测试WebGL和在浏览器中预览模型提供基础，而又不依赖于其他框架。如果您正在寻找更强大的功能，请查看Three.js。安装您将需要在Web服务器中打开它（由于CORS问题，因此无法将其作为本地文件打开）。只需打开html/modelViewer.html 。您可以看到它在这里运行： : 或者，您可以将其安装为Chrome插件。将其添加为扩展名时，只需指向html文件夹的位置即可。支持的格式对对象Wavefront（.OBJ）的部分支持对Collada（.DAE）的部分支持还支持索具Collada模型。您可以预览动画中的关键帧，检查骨架并变形关节。目前，联合变换仅限于Collada文件，在这些文件中，这些变换存储为单独的旋转而不是单个矩阵。发展风格我们以ECMAScript 2016（或ES7）为目标，因此我们可以使用

neuroglancer:基于 WebGL 的体积数据查看器

08-04

Neuroglancer：基于 Web 的体积数据可视化 Neuroglancer 是一个基于 WebGL 的体积数据查看器。它能够显示体积数据的任意（非轴对齐）横截面视图，以及基于 3-D 网格和线段的模型（骨架）。这不是 Google 的官方产品。例子现场演示托管在。（先前的链接打开没有任何预加载数据集的查看器。）使用下面的查看器链接打开预加载了示例数据集的查看器。四窗格视图由 3 个正交横截面视图以及一个 3-D 视图（具有独立方向）组成，该视图显示所选对象的 3-D 模型（如果可用）。所有四个视图都保持相同的中心位置。也可以调整 3 个横截面视图的方向，尽管它们相对于彼此保持固定的方向。（尝试按住 shift 键并用鼠标左键拖动或按箭头键。）（8x8x8 立方纳米分辨率）。（4x4x40 立方纳米分辨率）。 Kasthuri 等人，2014 年。

WebGL库

Jarvis的博客

08-27

577

ArcGIS Engine（收费） U3D （收费） OverDrive（收费） Hightopo（收费）（http://www.hightopo.com/） Ossimplanet（开源）（http://trac.osgeo.org/ossim/wiki/OssimPlanet） Wings 3D（开源）（http://www.wings3d.com/） OGRE（开源）（https://github.com/OGRECave/ogre）? Cesium（开源）（http://cesiumjs.org）

【亲测免费】探索未来3D技术：OpenCASCADE.js - Web上的三维建模新星

gitblog_00031的博客

04-16

1398

**OpenCASCADE.js** 是一个基于WebGL的开源库，它将著名的[Open CASCADE Technology (OCCT)](https://www.opencascade.org/)引入到Web浏览器中。通过JavaScript API，开发者可以利用这个库在Web端实现复杂的3D模型创建、查看和交互，无需离开浏览器或安装额外软件。 ## 技术分析 **OpenCASCAD...

OpenwebCAD

qq_28208261的博客

08-06

3793

OpenwebCAD在开源的OCE基础上，目前有几个方向的实现技术参考在开源的OCE基础上，目前有几个方向的实现技术随着WebGL这样的高性能框架出现，通过连接OpenGL的底层接口，为原本极度十分耗时的h5 canvas渲染提供3D硬件加速，大大提高了web的图形处理上的能力，为实现web CAD在线设计提供了平台基础，出现了Onshape等纯基于浏览器运行的云端CAD平台，并可开放集成P...