- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
(OpenGL/Emscripten 新手)
对于我正在构建的股票交易客户端应用程序,需要 40 多个打开的图表。其中大约 50% 处于某种“自由绘制”状态,这意味着它们显示烛台以及其他线条/箭头/图像等。
在过去几个月尝试了很多选择之后,归根结底是这样的。
我引导一个 WebAssembly 应用程序实例,并调用它的函数让 C++ 使用 OpenGL 创建图表,映射到 WebGL(2)。一切正常。
我选择 (WebAssembly + OpenGL) -> Emscripten 的原因是因为有很多数字运算,而 c++ 也适合这项工作:)
问题是 WebGL 在 Chrome(59) 中的上下文限制约为 10。所以拥有 40-100 个 WebGL 上下文(图表)不是一个聪明的主意,而且我的直觉告诉我,拥有这么多几乎总是输出为静态图像的上下文是对 OpenGL 资源的浪费,除非你滚动图表等。
有没有人有将单个 OpenGL 上下文渲染到随机 Canvas 元素(或任何其他元素,并不重要)的良好经验?
我的思路如下:
我似乎没有任何其他方法可以不创建许多 OpenGL 上下文。
问题是:这样做的性能如何,基本上将 OpenGL 缓冲区复制到 Javascript 等?它偏离轨道很远吗?
谢谢
附注底部图形(带有红色波浪线)现在由 WebAssembly 和 OpenGL(GLFW 等)呈现
------ 更新 -----
选项 2:始终渲染到同一个 Canvas ,并使用 JS 将 Canvas 的上下文复制到另一个 Canvas (但如果上下文更新,它可能会被删除..)
最佳答案
因此,在构建更多之后,我找到了一个快速的解决方案。
我仅使用 1 个上下文 (GLFW) 并通过 JS 触发 C++ 函数来渲染图表,一旦完成,C++ 会使用带有相应图表 ID 的 EM_ASM_ 将结果(图像)渲染到其目标 Canvas 宽度的信号返回给 JS:
chart.el.getContext('2d').drawImage(Module.canvas, 0, 0, width, height, 0, 0, width, height);
我测试了它,它运行得非常快,从 Canvas 复制图像总是不到 1 毫秒。即使在具有 2K+ 图像的 4K 屏幕上也是如此。
当 Chrome 完全支持离屏 Canvas 时,我可以在 Web Worker 中加载 WebAssembly 渲染部分并完全绕过主线程,并且可以动态切换 Canvas 上下文以立即渲染到目标 Canvas 。让它更快。但现在还不可能(再过几个月 :))
因此,除非浏览器支持 100 多个 webGL 上下文,否则我猜这将是不久的将来最快的解决方案。
关于javascript - WebAssembly 和 OpenGL - 单一上下文,多个输出(到 Canvas ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45121115/
出现以下错误 Network access for Distributed Transaction Manager (MSDTC) has been disabled. Please enable D
在调试应用程序时出现以下错误。 The CLR has been unable to transition from COM context 0x3b2d70 to COM context 0x3b2
在 GAE Go 中,为了记录,我们需要使用 appengine.NewContext(r) 创建一个新的上下文,它返回 context.Context。 如何使用此上下文在请求范围内设置/获取变量?
我想使用 Puppeteer 从放置在页面上 iframe 内的选择器中获取数据,该页面在与其父框架域不同的域上运行。因此,我不是任何域的所有者 - 无法使用 frame.postMessage。 试
我正在尝试获取可用的应用程序上下文并想切换到 webview 上下文,但 appium 仅获取 Navive App。 应用程序还启用了 WebView。 Appium 版本:1.10.1 Chrom
这个问题在这里已经有了答案: How to fix this nullOk error when using the flutter_svg package? (7 个回答) 7 个月前关闭。 当我尝
我观看了关于 Core Data 的 2016 WWDC 视频并查看了各种教程。我见过使用 Core Data Framework 创建对象以持久保存到 managedObjectContext 中的
这是代码 obj = { a: 'some value'; m: function(){ alert(this.a); } } obj.m(); 结果是'som
我正在尝试做类似的事情 $(".className").click(function() { $(this).(".anotherClass").css("z-index","1");
var User = { Name: "Some Name", Age: 26, Show: function() { alert("Age= "+this.Age)}; }; fun
我目前正在使用我见过的常见 Context 模式,它允许子组件通过传递修饰函数来更新父组件的状态(即 Provider)通过共享的 Context。 我遇到的问题是,修改函数只引用原始状态,不引用最新
有没有办法让 React Context类型安全与流类型? 例如: Button.contextTypes = { color: React.PropTypes.string }; 最佳答案 不幸
我想知道是否有一种方法可以为不同的功能使用不同的上下文类。 我希望有一个功能使用 MinkExtensions 进行浏览器测试,另一个功能使用和 HTTP 客户端(如 Guzzle)进行 API 测试
我有这个配置文件 apiVersion: v1 clusters: - cluster: server: [REDACTED] // IP of my cluster name: stag
我在实现非抢先式调度时遇到了用于初始化TCB的代码。 typedef struct TCB_t { struct TCB_t *next; struct TCB_t
我想将一个函数设置为数组中每个元素的属性,但使用不同的参数调用它。我想我会使用匿名函数来解决它: for ( var i = 0; i < object_count; i++ ) { obje
这个问题已经有答案了: How to access the correct `this` inside a callback (15 个回答) 已关闭 7 年前。 我正在做一些练习,但我在管道方法中丢
我正在尝试通过 Java 和 Android Studio 学习和制作 Android 应用程序。我对Java的了解程度是两年前几个小时的youtube学习和大学基础类(class)。不过我确实知道如
我在(这个)上遇到了问题。错误ImageView无法应用。我在 fragment 类中执行此代码。 ViewFlipper v_flipper; @Nullable @Override public
我想使用 openGL 的某些功能,但与渲染视觉内容无关。有没有办法在没有任何依赖性的情况下创建它(不是对 Windows,也不是某些包[SDL,SFML,GLUT])?只允许使用没有外部库的库,就像
我是一名优秀的程序员,十分优秀!