在Web中实现ImGui界面

在Web中实现ImGui界面前言技术方案成果扩展前言想为自己的服务端增加一个性能/数据监控系统，使用web是一个最合理的选择。写过几天vue.js，做过一个简单的app，咋说呢，可能是我学习能力太差了吧，不是特别想写第二次了。我还是喜欢自己熟悉的语言，比如C/C++、Lua/Python，是C#就最好了。简而言之，我在就在找寻其他的解决方案，我的目光又回到了Dear ImGui上,Dear ImG

神码编程

5030人浏览 · 2022-01-21 14:54:04

神码编程 · 2022-01-21 14:54:04 发布

在Web中实现ImGui界面

前言
技术方案
成果
扩展

前言

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

技术方案

Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies: https://github.com/ocornut/imgui
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界面么，都可以…

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^