草庐IT

WebGL框架

全部标签

javascript - 如何检查 webgl(three.js) 的客户端性能

我有一个使用three.JS的图形项目,现在我想自动检查客户端GPU性能并计算我可以在应用程序中加载多少元素。我想到了GPU基准测试之类的东西。 最佳答案 看看stats.js,thisTHREEXplugin和webglinspector. 关于javascript-如何检查webgl(three.js)的客户端性能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2317877

javascript - npm 库/框架下载量大幅下降。有人知道为什么吗?

在查看npmtrends.com时,我注意到几乎每个npm库/框架的下载量在2018年6月初都大幅下降。有人知道这是为什么吗?也许npm宕机了,或者每个人都在暑假休息了? 最佳答案 在更新npm,Inc.方面的计数时似乎出现了问题:We'reinvestigatingaknownissuewithdownloadcountsnotbeingupdatedproperlyinthepastfewdays.Posted[…]Jun04,2018-17:30UTC(引自https://status.npmjs.org/incidents/

嵌入式UI框架 LVGL 学习笔记 02 页面管理和主题定制

LVGL页面切换LVGL中没有明确的页面切换方案,参考(2.6#lvgl-多页面(screen)设定/切换)根据实际可用API,可以考虑两种方案:通过FLAG(LV_OBJ_FLAG_HIDDEN)隐藏或者显示lv_obj_add_flag/lv_obj_clear_flag根UI控件通过管理child节点的对象来实现lv_obj_set_parent/lv_obj_get_child通过屏幕显示obj切换lv_scr_load/lv_scr_load_anim与参考文章不同的是,这里更建议使用1和2两种方式进行管理。具体场景如下:如果是简单页面,没有标题,页脚,侧边栏等复杂元素,建议使用3。

javascript - WebGL - 顶点着色器调用的变量数组大小

上下文我正在尝试在Canvas中绘制贝塞尔曲线。我实现了从着色器中绘制二次和三次曲线,但到目前为止我确实为每个控制点设置了统一变量。因此,我在Canvas上单击,添加点,当我有足够的点(分别为3和4)时,我绘制曲线。现在我正在尝试概括贝塞尔曲线。虽然我在JavaScript端实现了这一点,但我觉得从着色器端完成它会更好,因为渲染速度会大大提高。因此,我想在至少有两个点后立即绘制曲线。但我可以继续添加点并使用每个点绘制曲线,以作为控制点。解释所以我知道在GLSL中设置动态数组是不可能的,但是是否可以基于JS变量动态声明GLSL数组?如果我的问题不清楚(我知道我很难马上表述清楚),让我用一

javascript - 如何在顶部框架中调用 javascript 函数?

这看起来很简单,但是我如何从子框架调用顶级html中定义的javascript函数?tophtmldoc-1stlevelframe-2ndlevelframe我的顶级html文档有一个名为testFn()的函数。在第2级框架中,我有一个带有onclick="top.testFn();"的按钮,但这不会调用testFn()。在Firebug中,如果我使用watch执行top.testFn();,它会显示TypeError:testFn()isnotafunction。这一切都应该正常工作吗?在这种情况下,这是我的文档有问题,还是有其他方法可以在顶级窗口中调用函数?

javascript - 如何在 Ionic 的框架内打开 webview?

我需要的是在Ionic应用程序页面的框架内加载HTML代码,而无需打开新窗口或覆盖页面的其余部分。想法是有一个框架可以打开网页,而不会覆盖或破坏页面的其余部分,如标题、按钮等。基本上,我想做的是等同于Ionic框架应用程序中的AndroidWebView。这可能吗?没有太多代码,就是一个简单的消息应用的“消息详情”页面,只是消息必须显示为网页。我需要显示带有顶部按钮的标题和它们下方的WebView。 最佳答案 您只想在您的应用程序中显示带有标题的任何WebView。是的,可以使用iframehtml标记。但它只适用于http网页浏览

javascript - 在 WebGL 中制作球体旋转

不确定我在这里遗漏了什么。试图通过让用户单击“旋转”按钮来使行星(即球体)旋转,但似乎无法弄清楚。我确实有以下部分通过用户与鼠标的交互来旋转球体:document.onmousemove=function(){if(!mouseDown){return;}varnewX=event.clientX;varnewY=event.clientY;vardeltaX=newX-lastMouseXvarnewRotationMatrix=mat4.create();mat4.identity(newRotationMatrix);mat4.rotate(newRotationMatrix,d

javascript - 用于 JavaScript 的轻量级 MVC 框架

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我看过Backbone.js,虽然它是一个很棒的产品,但我不喜欢绑定(bind)到jQuery/Zepto以进行Controller导航。我知道我可以在没有jQuery的情况下在Backbone中使用诸如模型/集合之类的东西,尽管我确实

javascript - 推荐使用 WebGL 的 API 和 IDE

我将在一个学术项目中使用WebGl来预览给定格式的一些2d和3d模型。在阅读一些文档时,我想根据您的经验了解什么是加速开发和抽象一些低级调用的最佳API,以及与之配合使用的最佳IDE。跨浏览器兼容性不是主要问题。我决定使用WebGl,因为我想为我的项目创建一个Web界面来帮助分享我的进度。你甚至推荐为此使用WebGl吗? 最佳答案 归根结底,IDE只能提供一点帮助,您需要付出艰辛的努力,话虽如此,我用于javascript的最佳编辑器是SublimeText和NetbeansIDE然后如前所述,ChromeDevTools是调试的最

javascript - 如何使用 bobril 框架移动 SVG 元素

我想在bobril中用鼠标移动一个SVG元素(圆)。我应该使用哪种生命周期组件方法?我尝试使用onPointerDown等方法,但是这些方法只处理圆圈内的事件。我应该使用拖放还是有其他选项可以围绕整个SVG移动圆圈? 最佳答案 onPointerDown、onPointerMove和onPointerUp组件生命周期方法(更多信息参见bobril/index.tsIBobrilComponent)是正是您所需要的,但需要多一点代码。在onPointerDown方法中将bobrilb.registerMouseOwner与您的上下文一