我画了一幅素描,画了上百条线.正如所料,它相当缓慢.所以,我用WEBGL模式try 了同样的草图.但事实证明,这比默认模式要慢.

我的理解是WEBGL利用GPU进行快速渲染.这不是真的吗?

非常感谢.

createCanvas(windowWidth, windowHeight, WEBGL)

Side note:我首先在Processing(java)中编写了这个草图,其中WEBGL模式比默认模式快Side note倍.所以,我对P5js也有同样的期待.

推荐答案

在p5中绘制了许多笔画形状.js与WEBGL的结合是出了名的慢.见:Sketch runs slow in P5.js WEBGL关于加工.org话语论坛.如果你特别想画直线和/或曲线,而不需要3d透视,那么2d画布实际上会表现得更好(在大多数浏览器中,它仍然会使用GPU).如果您实际使用的是3d透视和其他WEBGL渲染功能,那么关键是减少绘图指令的数量,如果可能的话,避免依赖p5.画笔画.为了给你提供更具体的建议,你必须发布一个最小的可重复的例子,说明你正在try 做什么.

Javascript相关问答推荐

如何保持子画布元素的1:1宽高比?

不渲染具有HTML参数的React元素

在JavaScript中检索一些文本

在JS中获取名字和姓氏的首字母

react 路由加载程序行为

更改JSON中使用AJAX返回的图像的路径

如何让npx在windows中运行js脚本?

构造HTML表单以使用表单数据创建对象数组

使用JQuery单击元素从新弹出窗口获取值

在执行异步导入之前判断模块是否已导入()

如何从HTML对话框中检索单选项组的值?

Next.js服务器端组件请求,如何发送我的cookie token?

在使用REACT更改了CSS类之后,无法更改CSS样式

是否可以在Photoshop CC中zoom 路径项?

使用类型:assets资源 /资源&时,webpack的配置对象&无效

用另一个带有类名的div包装元素

如何在独立的Angular 应用程序中添加Lucide-Angel?

ReactJS在类组件中更新上下文

JSX/React -如何在组件props 中循环遍历数组

在不使用AJAX的情况下将JavaScript数组值传递给Laravel控制器?