很少有JavaScript库允许使用WebGL绘制2D图形。我发现，最受欢迎的是和。它们都允许您使用WebGL或画布渲染器(对于不支持WebGL的设备)。
浏览 6提问于2013-05-31得票数 16
我试着把这个移植到pixi，但是没有成功。let video = document.createElement("video");video.loop = true;var videoTexture = PIXI.Texture.fromVideo(video); time: { type: "f", value: 1.0 },
texture: { type: "sampler
浏览 1提问于2020-10-01得票数 0
回答已采纳
1回答
我对PIXI.js和自定义着色器都是新手，所以有点超出了我的能力范围。有一个GLSL Shader (由DonKarlssonSan提供)，我想将它转换成PIXI.js来比较性能，任何帮助都将不胜感激！ ) * 0.0005;} <script src="https://cdnjs.cloudflare.com/ajax/libs/three.jsvec4(rgb, 1.0);&l
浏览 31提问于2019-10-10得票数 5
回答已采纳
最初，我考虑使用three.js或pixi.js来呈现一些文本，然后使用鼠标事件和光线投射将网格拖出位置，我发现最近的事情是这样的。PIXI.autoDetectRenderer(window.innerWidth,我认为理想情况下，我会将文本呈现为图像，然后将污迹效果应用于像素，它们将缓慢地回复到原来的状态。我想我可能需要使用自定义GLSL着色器和某种缓冲区来保存原始和当前状态的像素组成的图像。
浏览 7提问于2017-02-05得票数 4
回答已采纳
1回答
下面是前面的一个问题：因此，我替换了原始的顶点着色器和原始片段着色器，所以我得到了以下代码：<html lang="en"> <title>three.js webgl - shader [Monjori]</title><div id="
浏览 2提问于2015-07-24得票数 1
回答已采纳
2回答
在那里，我使用instancedBuffer几何学，这需要一个自定义着色器。attribute vec3 offset; gl_FragColor = vColor2;// adj
浏览 7提问于2016-12-18得票数 4
回答已采纳
我试图了解如何用多个缓冲区在three.js中编写一个着色器，方法是从着色器中转换一个着色器。我找到了这个例子： "THREE.WebGLRenderer.render()：renderTarget参数已被删除。如何将此代码转换为使用最新版本的three.js编译的正确代码？基本上，我想在three.js中找到一个用于编写多缓冲着色器的样板
/&
浏览 5提问于2020-09-28得票数 1
2回答
来自Flash背景的我习惯于以以下方式创建片段着色器：filters.push(newNormalMapFilter(SomeOtherTexture));
因此，我可以自由和轻松地组合一些效果，而无需每次编写一个大的单独的着色器对于三种情况，我注意到对于复杂的视觉效果，只编写了一个着色器，如下所示：
是否可以分别编写凹凸地图着色器和环境地
浏览 7提问于2013-11-07得票数 5
回答已采纳
1回答
我正在用Three.js开发一个web应用程序，它在ASCII中呈现一个场景，很像给定的示例。不过，我对帧率有问题。
我尝试过各种不同的算法来将呈现的场景转换为ASCII字符串。现在我正在考虑通过着色器将这个转换过程移到GPU上，虽然我不知道如何使Three.js着色器输出为字符串。
浏览 4提问于2014-04-14得票数 0
回答已采纳
我的Three.js应用程序中有一个简单的着色器，将屏幕涂成红色。但是，我想把所有像素都涂到给定的世界位置的右边，以不同的颜色。顶点着色器 #ifdef GL_ES gl_Position = projectionMatrix * modelViewMatrix * vec4(po
浏览 0提问于2013-12-01得票数 4
回答已采纳
我在three.js中的一个后期处理着色器上工作，我需要丢弃一些基于顶点着色器中世界位置计算的碎片。
当我尝试在顶点着色器中执行此操作时，我发现在顶点着色器中传递的位置已经转换为屏幕空间坐标。
浏览 2提问于2014-05-29得票数 0
1回答
我试图从以下三个节点模块导入SSAO shader：但我得到了： ./node_modules/three/examples/js/shaders/SSAOShader.js 6 | * https://learnopengl.com
浏览 0提问于2019-05-14得票数 2
我开始掌握写着色器，它已经非常方便地使用THREE.js来构建一个OpenGL场景，以发挥周围的着色器编写的GLSL。到目前为止，我已经在主HTML文件中的脚本字段中包含了GLSL代码：<head> <title>Babby's first three.js: 0; } </sty
浏览 1提问于2018-03-17得票数 0
回答已采纳
2回答
当我按原样运行代码时，我在片段着色器中得到一个错误：THREE.WebGLShader: gl.getShaderInfoLog() ERROR: 0:2: '' : No precision specified我找不到任何其他将精确值添加到变量声明中的示例。有人能解释为什么会发生这种情况吗？是不是跟我的浏览器(Chrome 38)有关？
浏览 3提问于2014-11-21得票数 21
回答已采纳
1回答
我需要将NV12转换为OpenGL着色器作为编码器输入。
已经渲染了两个不同的片段着色器，这两个纹理是从一个相机。使用v4l2获取相机图像。然后，将YUV转换为RGB让OpenGL呈现。下一步，我需要将RGB转换为NV12作为编码器输入，因为编码器只接受NV12格式。
浏览 5提问于2019-03-25得票数 4
回答已采纳
2回答
首先，我是glsl和Three.js :)的初学者。下面是我的shader1顶点和片段着色器(非常简单)：
gl_Position = projectionMatrix * modelViewMatrix * vec4
浏览 1提问于2012-07-06得票数 1
回答已采纳
1回答
我不知道如何将着色器应用于具有视频纹理的three.js对象。我一直在尝试使用webRTC和three.js，并使用标准材质成功地将视频纹理映射到网格上： color : 0xffffff, });
我想更进一步，将着色器(本例中为sobel着色器
浏览 2提问于2012-12-24得票数 4
回答已采纳
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号