OSG 编译WebAssembly

最新推荐文章于 2025-10-08 01:08:15 发布
原创 最新推荐文章于 2025-10-08 01:08:15 发布 · 2.5k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何使用Emscripten环境将OSG（OpenSceneGraph）3.6.3版本编译为WebAssembly项目，包括环境搭建、源码下载、CMake配置调整及编译步骤，为C++项目在Web上运行提供了实践指导。

这里写自定义目录标题

一、说明

WebAssembly或称wasm是一个实验性的低级编程语言，应用于浏览器内的客户端。WebAssembly 于 2019 年 12 月 5 日成为万维网联盟（W3C）的推荐，与 HTML，CSS 和 JavaScript 一起，成为 Web 的第四种语言。

现在想把OSG 编译成web项目记录编译过程遇到的问题。

二、Emscripten 环境安装

基础环境

  1. 操作系统这里使用的是centos7

  2. git 安装 ，gcc 升级到6.5版本(仅供参考，若已经安装跳过，gcc版本可以暂不升级使用默认的4.8 若遇到问题还是升级吧)

  3. cmake 的安装至少是2.8版本以上

  4. bzip2 的安装（主要是安装Emscripten 过程解压用的命令）

 yum install bzip2
  1. Python 升级到2.7.12 以上

centos python 升级网址参考地址

  1. glibc 升级到2.18,这个底层api 升级，升级有风险慎重(使用emsdk 1.39.14需要升级glibc)

参考Centos7 glibc库升级到2.23

emscripten 环境安装

这里主要是参考

最低0.47元/天 解锁文章
OSGEarth编译
weixin_34101229的博客
12-18 160
解决OSGEarth编译时出现error LNK1181: 无法打开输入文件“optimized.lib的问题 以下方案受到了osg大神qq网名为“阿威.小号”的帮助。 在采用Cmake3.6.2创建OSGEarth2.7的解决方案编译时出现的“error LNK1181: 无法打开输入文件“optimized.lib的问题”问题， 解决方法是在cmake中ZLIB的配置项 ZLI...
OSG编译wasm尝试
webgpu
05-30 388
然后你cd到那个webbuild里，再然后你去web里把cmakelist.txt里限制一下cpp只能是11，然后就可以按教程开始了，不出意外的话就能成功了！于是顺着看了看，默认教程是xubuntu的一个系统跑的，但是我本着试一试的想法，拉下来直接在windows上跑，奇奇怪怪的报错简直头皮发麻。于是我就在windows用vs code开发完了 打开WSL执行一下make -j10即可，真舒服啊。然后新建一个文件夹all cd进去创建一个webbuild文件夹，然后拉web和OSG源码。
Emscripten大项目构建：CMake与Emscripten集成方案
最新发布
gitblog_01024的博客
10-08 337
你是否在为C/C++项目编译到WebAssembly（WASM，网页汇编）时遇到构建流程复杂、工具链配置繁琐的问题？本文将详解如何通过CMake与Emscripten的无缝集成，实现跨平台项目的高效构建，让你轻松掌握大项目的WebAssembly化方案。读完本文，你将获得从环境配置到高级优化的完整实践指南，以及解决常见构建难题的实用技巧。 ## 准备工作：环境配置与工具链安装 在开始集成前，需...
WebGL------osg框架学习二
weixin_30426879的博客
01-05 347
　　今天我们继续来学习osg.js框架。上一篇我们介绍了DrawActor对象绘制操作类和Drawable可绘制对象类，我们大致知道了osg对Drawable可绘制对象的绘制流程管理。今天我们要继续介绍StateBin状态树节点类。我们来看一下StateBin，他管理的是StateSet状态，他将每个模型节点的StateSet状态信息（shaderLink，材质，depth等）包装成树节点，从而能...
osg on Web的一种实现 -- emscripten & SDL & webAssembly
cxy_hust的博客
09-17 2991
0 整体参照 0.0 从（本节为第0大节）第2大节开始的所有命令要位于一个命令行内执行 0.1 参照原因：首先调查到可以使用webAssembly来完成osg on web这件事情，然后寻找资料，合适的如下： https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/1.10.SampleWeb 0.2 该博客目的：github上提供了具体的流程，但是具体部署过程较为复杂，而且对于一些不必要的安装不了解就会走弯路
Broswer3D:要在Web平台上使用OSG，请使用ActiveX
05-19
Broswer3D To use the OSG in web platform,use ActiveX. 使用ActiveX技术，加载OSG在网页
WebGL——osg框架学习一
weixin_30312659的博客
12-30 412
　　从今天开始，我们开始正式的学习osg框架，今天我们学习的是osg的渲染模块，我们来看一下代码结构。 所有DrawXXX的js模块都是渲染的模块，我们逐一来简单介绍一下，第一个Drawable.js，这个模块是描述可绘制对象的类，也是我们今天要讨论的类。在osg框架中，渲染管道在准备时期首先要统计管理可绘制对象，我们来看看Drawable模块到底做了什么操作，进行了哪些管理。先贴出代码。 ...
基于Osg的Web嵌入技术
06-28
基于Osg的Web嵌入技术
OSG与浏览器的结合
07-07
OpenSceneGraph窗口与网页浏览器窗口的结合，两篇文章
OSG 窗口与网页浏览器的嵌合
杨德龙的专栏
06-24 6901
http://www.osgchina.org/projects/osgChina/wiki/Support/3rd/OSGandIE.php本文作者:array                                    校对整理:FlySky                      整理日期:2008/03/015OpenSceneGraph 与网络浏览器的嵌合，换句话说，
OSG3.4.0编译结果完整版
10-08
**OpenSceneGraph (OSG) 3.4.0 编译详解** OpenSceneGraph (OSG) 是一个开源的高性能3D图形库，广泛应用于科学可视化、虚拟现实、游戏开发等领域。它提供了丰富的功能，包括场景管理、图形渲染、动画、图像处理等。...
OSG3.6 API开发手册
04-26
自己编译的OSG 3.6 开发手册，chm格式，给有需要的朋友们，积分修改成1分。3.6版本是在3.4基础上升级的稳定版本，可以更好的开发三维程序
精选资源
wasm使用vs2022编译
05-26
在本文中，我们将详细介绍如何使用 VS2022 编译 WASM（WebAssembly），并解决相应的技术难点。 首先，让我们从基础开始。WASM 是一种二进制指令格式，能够在 Web 环境中运行，具有跨平台、安全、可移植等优点。使用...
QT+OSG/osgEarth编译之七：zstd+Qt编译（一套代码、一套框架，跨平台编译，版本：zstd-1.5.2）
LuckyHanMo的博客
10-08 801
通过一套zstd代码和框架，实现zstd跨平台编译。 在Qt环境下，集成zstd库的头文件、库文件，构建跨平台编译的pro文件。 通过构建的一套配置工程，基于Qt Creator IDE，完成跨平台编译实践。 在Windows、Linux、MacOS等操作系统上进行测试，成功编译，形成的成果（头文件、库文件等）可在不同系统下调用或使用，从而更好地构建跨平台解决方案。 采用的是zstd 1.5.2版本。 读者可参考博客中的集成原理和pro文件，构建不同版本的zstd跨平台包。
配置osgearth
coder
09-02 1126
今天下午连接上了OSGEARTH
WebGL——osg框架学习四
weixin_30729609的博客
01-13 199
　　这篇我们接着来看一下DrawEntityActor类，我们来看看这个继承DrawActor的类到底做了什么事。我们之前学习了Drawable对应的DrawActor，那么我们类比的来看DrawableEntity对应DrawEntityActor，这样就好理解一些。首先我们还是先来看DrawEntityActor的构造函数，看看他除了继承DrawActor以外还有哪些私有成员。下面是DrawE...
Windows下OSG从编译到使用
hhhhhh098的博客
02-18 1259
OSG（OpenSceneGraph）是一个开源的3D图形渲染引擎，它广泛应用于可视化、仿真、游戏开发、虚拟现实、科学计算等领域。OSG基于C++开发，旨在为开发者提供一个高效且可扩展的3D图形渲染框架。OSG广泛应用于科学可视化、虚拟现实、飞行模拟、地理信息系统（GIS）等场景，它的开源特性使得开发者可以根据自己的需求进行定制和扩展。
webassembly使用sdl的例子
走在左边
06-16 2102
sdl的例子转成webassembly的例子 注意 1.主函数改个主循环，只有这里是嵌入的代码 emscripten_set_main_loop_arg 2.用emcc生成js和wasm 3.在h5中只需要把Module对象的cavas属性和dom元素对应上即可。 c的代码 为 #include <SDL2/SDL.h> #include <emscripten.h> #include <cstdlib> struct context { SDL_Rendere
【亲测免费】 OSG.js: 基于WebGL的开放场景图框架
gitblog_00474的博客
11-05 990
OSG.js: 基于WebGL的开放场景图框架 项目基础介绍及编程语言 OSG.js，一个曾经活跃并广受关注的基于JavaScript的WebGL框架，它借鉴了OpenSceneGraph的理念，致力于为Web开发者提供一个“类OpenSceneGraph”的工具箱。这个项目采用JavaScript作为主要编程语言，旨在利用WebGL的力量，使得在浏览器环境中能够创建复杂且交互性强的3D图形应用。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值