在Web中实现ImGui界面

Posted 2022-02-11 神码编程

在Web中实现ImGui界面

• 前言
• 技术方案
• 成果
• 扩展

前言

想为自己的服务端增加一个性能/数据监控系统，使用web是一个最合理的选择。写过几天vue.js，做过一个简单的app，咋说呢，可能是我学习能力太差了吧，不是特别想写第二次了。我还是喜欢自己熟悉的语言，比如C/C++、Lua/Python，是C#就最好了。
简而言之，我在就在找寻其他的解决方案，我的目光又回到了Dear ImGui上,Dear ImGui拥有最小的依赖，可以自由选择渲染底层。如果Dear ImGui+WebAssembly+GLES3.0不是游戏引擎常用的打包WebGL的方案么？

技术方案

1. Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies: https://github.com/ocornut/imgui
2. Emscripten is a complete compiler toolchain to WebAssembly, using LLVM, with a special focus on speed, size, and the Web platform. https://emscripten.org/

成果

演示链接(github.io速度较慢): https://coding2233.github.io/webgl/imgui/

支持手机浏览，并且支持中文字体

再随便放几张截图

扩展

想用C/C++、lua/python、Mono C#写Web界面么，都可以…