osg on Web的一种实现 -- emscripten & SDL & webAssembly

本文档详细介绍了如何利用OpenSceneGraph (OSG) 和 Emscripten 将一个三维场景图形应用编译为 WebAssembly,以便在浏览器中运行。内容包括所需的软件版本、依赖项安装步骤、常见编译问题及解决方案。

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上提供了具体的流程,但是具体部署过程较为复杂,而且对于一些不必要的安装不了解就会走弯路,这里介绍整个走通流程以及各个部分需要注意的部分;

1 osg和样例应用下载

1.0.1 目录组织

OpenSceneGraph的目录和openscenegraph-cross-platform-guide-application的目录位于同一个子目录之下

[nash5 prjs]# pwd
/home/ld/prjs
[nash5 prjs]# tree -d -L 1
.
├── OpenSceneGraph
└── openscenegraph-cross-platform-guide-application

1.0.2 下载方式

  • 1 下载osg注意是3.6.3版本(其他版本不能保证成功)
git clone --branch OpenSceneGraph-3.6.3 https://github.com/openscenegraph/OpenSceneGraph.git
  • 2 下载osg on web样例应用
git clone https://github.com/OGStudio/openscenegraph-cross-platform-guide.git

2 emscripten安装

参考地址:
https://emscripten.org/docs/getting_started/downloads.html#sdk-download-and-install

2.1 获取emsdk
git clone https://github.com/emscripten-core/emsdk.git
2.2 安装指定版本1.39.16然后激活其环境变量(最新版本不能保证可以成功编译osg)
cd emsdk
ls
./emsdk install 1.39.16
./emsdk activate 1.39.16
source ./emsdk_env.sh
em++ --version

3 编译项目

3.0 对于编译的过程理解

  • 1 该样例项目的CMakeLists.txt首先下载了sdl2然后编译osg,然后再编译连接项目文件
  • 2 常见的坑如下:
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值