在web中实现imgui界面(代码片段)

神码编程 神码编程     2022-12-06     197

关键词:

在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/pythonMono C#写Web界面么,都可以…

在web中实现imgui界面(代码片段)

在Web中实现ImGui界面前言技术方案成果扩展前言想为自己的服务端增加一个性能/数据监控系统,使用web是一个最合理的选择。写过几天vue.js,做过一个简单的app,咋说呢,可能是我学习能力太差了吧,不是特... 查看详情

在azuredevopsserver(tfs)中实现vue项目的自动打包(代码片段)

概述Vue.js(读音/vju?/,类似于view)是一个构建数据驱动的web界面的渐进式框架。由于它在数据绑定、页面展示和使用简单方面有很大的优势,逐渐被越来越多的前端开发团队使用。本文介绍基于AzureDevOpsServer,如何实现Vue框架前... 查看详情

在springmvc框架中实现文件上传和下载(代码片段)

首先在springmvc.xml中配置文件上传的属性 <!--文件上传的属性值--> <beanid="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><propertyname 查看详情

java示例代码_在web应用程序中实现自动注销

java示例代码_在web应用程序中实现自动注销 查看详情

java示例代码_在web应用程序中实现HTTPS登录页面

java示例代码_在web应用程序中实现HTTPS登录页面 查看详情

java示例代码_如何在Java web环境中实现RSS提要

java示例代码_如何在Java web环境中实现RSS提要 查看详情

我的渲染技术进阶之旅关于c++轻量级界面开发框架dearimgui介绍(代码片段)

...的风格比较特别,让你一眼就知道,这个软件的界面是imgui做的。2.2Imgui介绍2.2.1Imgui简介DearImGui是 查看详情

聊技术在android中实现自适应文本大小显示(代码片段)

本周的聊技术话题和大家说说如何在Android中实现自适应文本大小显示。想象一下,在布局中,通常显示文本的区域大小是固定的,但是文本长度并不总是固定的。比如列表中的文章标题、界面下方的按钮文本等等。... 查看详情

pythonatbash密码在python中实现。(代码片段)

查看详情

我的渲染技术进阶之旅关于c++轻量级界面开发框架dearimgui介绍(代码片段)

文章目录一、怎么知道ImGui的1.1Filament中有使用ImGui1.2其他很多渲染框架都有使用ImGui二、ImGui介绍2.1ImGui风格2.2Imgui介绍2.2.1Imgui简介2.2.2Imgui用法2.2.3Demo示例2.2.4集成2.2.5更多案例2.3查看Imgui实例源代码2.3.1运行demo2.3.2项目结构分析2.3... 查看详情

我的渲染技术进阶之旅关于c++轻量级界面开发框架dearimgui介绍(代码片段)

文章目录一、怎么知道ImGui的1.1Filament中有使用ImGui1.2其他很多渲染框架都有使用ImGui二、ImGui介绍2.1ImGui风格2.2Imgui介绍2.2.1Imgui简介2.2.2Imgui用法2.2.3Demo示例2.2.4集成2.2.5更多案例2.3查看Imgui实例源代码2.3.1运行demo2.3.2项目结构分析2.3... 查看详情

json在startscript中实现nodemon(代码片段)

查看详情

python在python中实现图形边缘/(代码片段)

查看详情

swift在swift中实现整数结构(代码片段)

查看详情

ruby在ruby中实现trie(代码片段)

查看详情

node.js学习2~在控制台命令行js文件和web服务中分别实现helloworld(代码片段)

目录1.控制台中实现helloworld2.js文件中实现helloworld3.web服务中实现helloworld4.nodejs上控制台上输出HelloWord返回undefined,什么原因?1.控制台中实现helloworldconsole.log('HelloWorld!');2.js文件中实现helloworld运行结果:、3.web... 查看详情

swift样本机协议在swift中实现(代码片段)

查看详情

如何在 Web 表单中实现 AngularJS 控制器?

】如何在Web表单中实现AngularJS控制器?【英文标题】:HowtoimplementanAngularJScontrollerinawebform?【发布时间】:2013-09-2604:29:07【问题描述】:我有一个AngularJS控制器,我想在我的MVC网络表单视图页面中使用它。我创建了一个简单的代... 查看详情