Three.js -抗锯齿、渲染、fxaa
Three.js是一个基于WebGL的开源JavaScript库，用于创建和展示3D图形的交互式应用程序。它提供了丰富的功能和工具，使开发人员能够轻松地在浏览器中创建复杂的3D场景和动画效果。
抗锯齿（Anti-aliasing）是一种图形处理技术，用于减少图像边缘的锯齿状锯齿状边缘，使其更加平滑和真实。在Three.js中，抗锯齿可以通过设置渲染器的属性来实现。例如，可以使用renderer.setPixelRatio(window.devicePixelRatio)来提高渲染的分辨率，从而减少锯齿的出现。
渲染（Rendering）是指将3D场景中的模型、纹理、光照等元素转化为最终的图像或动画的过程。Three.js提供了强大的渲染功能，包括基本的渲染器、相机、场景、灯光等组件，以及各种材质和纹理的支持。开发人员可以根据需求选择不同的渲染技术和效果，如阴影、反射、折射等，来创建逼真的3D场景。
FXAA（Fast Approximate Anti-Aliasing）是一种快速近似抗锯齿算法，用于在实时渲染中减少锯齿和边缘的锯齿状边缘。它通过对图像进行模糊和平滑处理来实现，从而提供更加平滑和真实的视觉效果。在Three.js中，可以通过将renderer.antialias属性设置为true来启用FXAA抗锯齿效果。
Three.js的优势在于其简单易用的API和丰富的功能，使开发人员能够快速构建高质量的3D应用程序。它支持多种渲染器、相机和灯光类型，提供了丰富的材质和纹理选项，以及强大的动画和交互功能。此外，Three.js还有一个活跃的社区，提供了大量的示例代码和文档，方便开发人员学习和使用。
Three.js在游戏开发、虚拟现实、建筑可视化、产品展示等领域有广泛的应用。它可以用于创建交互式的3D场景、模拟真实物理效果、展示复杂的数据可视化等。对于想要使用Three.js进行开发的开发人员，腾讯云提供了云服务器、云数据库、云存储等一系列产品，以支持其应用的部署和运行。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
5回答
我是three.js的新手，最近开始使用它很多。我真的很喜欢它，我创造了一些不可思议的东西。然而，我不确定为什么，但是当我将抗锯齿设置为true时，我看不出有什么不同。
renderer = new THREE.WebGLRenderer({ antialiasing: true });
我一直在寻找可能的解决方案，但我似乎无法找到或理解为什么这不起作用。为了让抗锯齿起作用，我是否遗漏了什么或者需要做些什么？
编辑：
帮助我解决此问题的链接：
这需要一些挖掘，但three.js的开发人员已经覆盖了它！
浏览 4提问于2013-06-21得票数 27
回答已采纳
即使我在初始化渲染器时启用了{ antialias: true }，这些线也不会进行多次采样，并且看起来仍然具有锐利的边缘。我已经在你可以查看的JSFiddle上重新创建了问题。
我怀疑问题的发生是因为线条是由片段着色器生成的，而不是几何体本身的一部分。如果是这样的话，我能做些什么来让它以我想要的方式工作吗？
谢谢!
浏览 9提问于2013-02-24得票数 5
1回答
我有一个带有3D模型的three.js项目，其中有一个地面和一个网格。使用outlinePass (https://threejs.org/examples/?q=outl#webgl_postprocessing_outline)对3D模型进行概述。 我可以使用变换控件(https://threejs.org/examples/?q=transf#misc_controls_transform)移动对象，也可以使用轨道控件(https://threejs.org/examples/?q=orbit#misc_controls_orbit)更改相机位置。 问题:图形似乎呈现得很差，这里有一些
浏览 236提问于2019-10-17得票数 3
1回答
在PHP中应用FXAA？
、、、、
当我使用PHP的GD图像库绘制形状时，它总是显示硬边。我尝试过使用GD的imageantialias()函数，但这只适用于直线。
为了解决这个问题，我搜索了一些抗锯齿算法，发现FXAA效果很好，所以我打算试一试。我尝试从GLSL着色器移植FXAA抗锯齿滤镜。
然后，当我完成将FXAA着色器移植到PHP时，它没有给出正确的结果。我在PHP.net上使用imagecolorallocatealpha()示例测试FXAA过滤器：
<?php
require('fxaa.php');
$size = 300;
$image=imagecreatetruecolor($size,
浏览 35提问于2013-07-19得票数 2
1回答
正如标题所说，我一直在为Android开发一个统一的VR应用程序，我面对的是图形真的很低，线条不直，可以看到很多像素。
有没有升级图形或分辨率的方法？我把它们放在第三层
浏览 7提问于2019-11-25得票数 0
2回答
我是three.js和3D建模的新手。我设法加载了我的gltf模型，并使用three.js在浏览器中显示它，请看这张图片： ? 当我旋转立方体时，我注意到渲染边缘的质量不是很高(在图片中，背面的边缘看起来是Z字形的)。我能以某种方式改进它吗？
浏览 95提问于2019-12-19得票数 1
回答已采纳
我一直被three.js的CanvasRenderer渲染线条比WebGLRenderer流畅的问题所困扰。看起来好像WebGLRenderer没有应用抗锯齿。
当我使用中的three.js画布-线条-随机示例时，我看到了使用CanvasRenderer的示例：
当更改以下行时
renderer = new THREE.CanvasRenderer();
至
renderer = new THREE.WebGLRenderer({antialias: true});
，我看到了这个：
如你所见，WebGL显然质量低劣。我做错了什么？
浏览 14提问于2013-08-23得票数 2
1回答
我偶然发现了这个FxAA着色器，它可以消除锯齿，而且看起来工作得很好。但是，不知何故，无法理解其中的逻辑。有人能解释一下吗？
[[FX]]
// Samplers
sampler2D buf0 = sampler_state {
Address = Clamp;
Filter = None;
};
context FXAA {
VertexShader = compile GLSL VS_FSQUAD;
PixelShader = compile GLSL FS_FXAA;
}
[[VS_FSQUAD]]
uniform mat4 projMat;
浏览 3提问于2012-08-24得票数 9
在使用three.js中的EffectComposer时，本机抗锯齿似乎丢失了。渲染器设置为抗锯齿: true；但是，结果充满了不稳定的边缘。
我试图使用FXAA着色器减少锯齿，但它就是不具备本机抗锯齿所提供的质量。
有没有人能提个解决方案？
浏览 38提问于2014-01-11得票数 11
2回答
3个概要示例：
我尽量不在示例中使用FXAA，因为FXAA会导致较差的分辨率。但是在我删除了FXAA代码之后，没有任何渲染，也没有出现任何控制台信息。
在使用outlinepass时，FXAA是必须的吗？如何删除FXAA？
浏览 21提问于2018-04-11得票数 0
1回答
我有一个透明的OpenGL纹理，上面有一些由OpenGL绘制的简单形状:圆，多边形，线条。它们的绘制没有抗锯齿、多重采样等。因此，它们的边界参差不齐。
我没有访问纹理创建过程的权限，所以我不能启用多重采样。绘图完成后，有没有办法让这些东西变得平滑？
浏览 1提问于2015-03-09得票数 0
我正在尝试用three.js创建一个简单的3d游戏。一切都很好，但无论是在移动浏览器(safari)上还是在我的macbook上，我都不会在这些盒子上获得清晰的边缘。请看下面的截图。
到目前为止，我尝试的是:设置渲染器上的抗锯齿为true (有帮助，但仍然没有旋转立方体的直线)，设置渲染器像素比率(触摸点击相交不起作用，以及仍然像素化的线)。我也尝试了FXAA着色器，但效果并不好。使用透视相机，箱体几何与基本材料。
我的问题是，用three.js在这些立方体上有锐利的边缘是可能的吗？特别是当它们非常小的时候(比如在手机屏幕上30个大小相等)。
使用three.js版本87，chrome
浏览 24提问于2018-08-29得票数 0
2回答
我需要找出用户是否使用Chrome在webgl黑名单上使用显卡浏览网站：
具体地说，我需要知道他们是否在使用ATI卡。我正在与THREE.js做的项目产生了一个非常丑陋的渲染(线条是nto抗锯齿)，当在ChromeATI卡上观看时，我想提供一个替代方案。
我知道有一个模糊线条的后期效果，但艺术方向的效果更差。
浏览 19提问于2012-11-02得票数 8
回答已采纳
我有一个three.js画布，我上传了一张2730x4096分辨率的图像。我已经提供了从画布下载不同分辨率的图像的选项。当我下载分辨率较低的图像时-比如960x1440图像，我得到一个边缘参差不齐的非常模糊的图像。 我试图通过将各向异性设置为最大值(在我的例子中为16)来增加锐度，并尝试使用map.minFilter= THREE.LinearFilter，这也进一步锐化了图像，但边缘仍然参差不齐。 我试着通过FXAA抗锯齿作曲器运行它，但抗锯齿效果不是很好。可能是我没有给出正确的参数。渲染器中的抗锯齿始终处于活动状态(renderer.antialias=true) 当我尝试在opencv
浏览 20提问于2019-04-25得票数 1
我正在尝试启用对象的抗锯齿功能，至少在某种程度上是这样。无论是MSAA还是技术都无关紧要。我只是想得到一些抗锯齿，因为有总比没有好。
浏览 73提问于2021-02-18得票数 1
回答已采纳
1回答
例如，在Safari7的页面上，它是抗锯齿的，但在Firefox29(OSX10.9)中却不是。
火狐。如果我将about:config设置"webgl.msaa-force“设置为"true"，那么它就是抗锯齿的。
有没有办法让Firefox为我的特定网页做抗锯齿，而不依赖于用户去搞乱他们的about:config？
我使用的是three.js，它有一个“抗锯齿”标志，但它似乎只在Safari上起作用，而不是火狐。
浏览 3提问于2014-05-07得票数 12
回答已采纳
我正在WebGL TypeScript的一个项目中工作。有许多由glsl编写的着色器，我想将它们作为字符串导入到我的ts文件中。比如：
import fxaa from "./shaders/fxaa";
const fxaaShader = new Shader(fxaa); // pass as string
我能做吗？
浏览 0提问于2018-02-12得票数 15
回答已采纳
在这里我用立体摄像头three.js做了室内虚拟现实，在桌面浏览器中它工作得很好，但在移动浏览器中网格变得闪闪发光，抗锯齿不起作用，请帮助我，
提前感谢
浏览 1提问于2016-06-01得票数 0
1回答
这与其说是“给我一个codez”，不如说是对“正确”步骤的要求。
我想在XNA中实现FXAA，但我是游戏开发中图形方面的新手，所以我不确定最有效的方法是什么。
我的第一个预感是将场景渲染成纹理，然后用像素着色器中的FXAA代码在矩形上呈现该纹理。
然而，如果没有更有效的方法来做到这一点，我会感到惊讶。
浏览 0提问于2011-12-30得票数 1
回答已采纳
1回答
我一直在开发一些自定义的图形控件，我发现了一个关于windows7渲染我的按钮控件的奇怪问题。我已经使用Photoshop删除了我正在使用的按钮图像周围的背景像素，然后将其保存为GIF，并将其导入到VS中作为我的按钮的背景图像。当windows XP渲染它时，它是好的，但当windows7渲染它时，所有4个角周围都有一个奇怪的白色边框。
你在这张照片中几乎看不到它们，但当在客户PC上查看它们时，它们会变得更加明显。
我传送图片的方式有问题吗？我不应该使用gif吗？我在按钮上显示它的方式有问题吗？我能做些什么呢？
浏览 2提问于2010-02-15得票数 0
回答已采纳
我正在与一位使用Java为应用程序创建界面的程序员一起工作。
程序中的字体在我看来很难看。不知何故太苛刻了，好像它们不是抗锯齿之类的。很抱歉我语无伦次，但在我看来，它们看起来很“笨拙”。
我知道操作系统中有一些设置可以改变字体的渲染方式，比如子像素平滑、灰度平滑以及子像素顺序和提示。
由于字体只在这一个程序中看起来很糟糕，我想知道-在编程方面有什么可以改进字体渲染的吗？
浏览 0提问于2012-01-24得票数 4
回答已采纳
创建了一个包含立方体的简单场景。能够在背景中看到包含元素(body)的颜色。
添加了FXAA着色器，抗锯齿效果良好。但是，背景现在是黑色的，因此无法再看到背景容器的颜色。
添加了以下代码：
var THREE.WebGLRenderTarget=新目标(512,512)；
var composer =新的THREE.EffectComposer(渲染器，目标)；
以便将效果合成器渲染目标格式设置为THREE.RGBAFormat，而不是默认的THREE.RGBFormat。
这使得背景可以正常工作，但立方体周围有黑白边缘，抗锯齿效果看起来不是很好。
重复上述步骤，但使用了深褐色着色器而不是FX
浏览 3提问于2013-08-14得票数 2
1回答
GPU上下文切换
、、、
我有一个程序，它首先渲染纹理，然后将纹理传递给计算着色器进行处理，然后通过带纹理的全屏四边形将输出结果渲染到屏幕上。
我在nVidia的计算着色器编程指南中读到，每次调度计算着色器时，它都会启动GPU设备上下文切换，这不应该经常进行。
我现在很困惑。在我看来，在我的渲染管道中，GPU会切换两次上下文。对吗？一次是在第一次调度调用期间，下一次是在我正常渲染全屏四元组时。
如果这是正确的，那么我可以通过像这样重新组织我的代码来避免一次切换。首先，渲染到纹理。其次，在计算着色器上执行处理。然后，在下一帧中，渲染结果，然后(仍在下一帧中)渲染所有纹理更新，在计算着色器上进行处理…所以基本上每一帧的开始
浏览 0提问于2012-10-06得票数 1
回答已采纳
在我继续使用Three.js的实验中，我碰到了另一堵我似乎无法翻越的墙。
我正在尝试在前景场景下渲染一个背景场景(其中有一个地板)，它具有SSAO后处理效果。背景场景不应应用任何后处理。
我已经尝试了多种方法(使用面具等)，但我似乎就是无法破解这个问题。我看到的主要问题是SSAO场景的背景是不透明的，所以背景场景没有显示。我仍然不相信，即使透明度问题得到解决，事情也会像预期的那样工作。
这是在没有SSAO后处理的情况下应该是什么样子：
在启用SSAO后处理的情况下，当前的情况如下：
知道我做错了什么吗？
浏览 2提问于2013-03-08得票数 1
回答已采纳
我正在编写基于Vulkan API的渲染器。目前，我试图添加颜色附件的MSAA。我很确定我可以使用VK_SAMPLE_COUNT_16_BIT，但是limits.framebufferColorSampleCounts返回允许MSAA级别达到VK_SAMPLE_COUNT_8_BIT (包括)的位标志。
我运行一个全新的NVIDIA QUADRO RTX 3000卡。我还使用了最新的NVIDIA驱动程序: 441.28我检查了OpenGL和GPU查看器显示的限制
GL_MAX_FRAMEBUFFER_SAMPLES = 32
这有什么意义？该限制是否仅由Vulkan API指定？如果硬
浏览 11提问于2019-12-09得票数 5
回答已采纳
我需要在没有抗锯齿的情况下渲染UIBezierPaths，然后将它们保存为PNG以保留完整的像素表示(例如，不让JPEG弄乱图像)。我试着在点击UIBezierPaths之前调用下面的CG函数，但似乎都不会对生成的渲染图像产生任何影响。路径仍然使用抗锯齿渲染(即平滑)。
CGContextSetShouldAntialias(c, NO);
CGContextSetAllowsAntialiasing(c, NO);
CGContextSetInterpolationQuality(c, kCGInterpolationNone);
任何点击都将不胜感激。
浏览 2提问于2013-03-15得票数 8
回答已采纳
1回答
我正在绘制两个嵌套的圆，并将半径上的点连接在一起。
我遇到了一个问题，观点似乎并不完美..使内圆轮廓看起来参差不齐。
想法..。有什么想法？
以下是代码和示例
问题是..。
查看某些点实际上是如何突出^的
奇怪的是，我认为这是由于一些亚像素渲染
浏览 0提问于2012-02-01得票数 1
回答已采纳
1回答
我正在测试一个用three.js编写的web应用程序，我收到了一些用户在平板电脑(特别是安卓)上发现一些奇怪行为的报告。
以下是应该呈现的相同的视图：
当它们改变设备方向时会发生这种情况，但在Microsoft中的2/1平板电脑运行窗口中也报告了这种情况。当用户在屏幕上滑动手指时也会出现类似的错误(浏览器希望垂直和水平滚动，然后跳回固定视图)。我还没见过这种情况发生在桌面上。
下面是我的onWindowResize函数：
function onWindowResize(event) {
SCREEN_WIDTH = window.innerWidth;
浏览 3提问于2016-05-06得票数 2
回答已采纳
我有一个相当复杂的架构，其中我的大部分工作都是在Three.JS中完成的，但我也有一个特殊的渲染器，可以直接渲染到原始的WebGL纹理。是否可以在three.js“纹理”中使用此WebGL纹理？看起来webgl纹理类只是一个图像、视频或画布的容器，在Three.JS内部的某个地方，它会将其上传到真正的three.js纹理中。如何才能让Three.js将我的WebGL纹理渲染到网格上？
浏览 1提问于2015-03-29得票数 4
2回答
各向异性滤波和多重采样
、、、、
我正在读OpenGL超级圣经第五版。我遇到了几个术语，虽然书中解释了这些术语，但我还不太清楚。
首先是多重采样。我知道它是用来平滑多边形和帮助渲染更好的图像的。我不明白的是它和反走样有什么不同。
二是各向异性滤波。我知道这种纹理过滤的效果，但我想知道它的确切使用方式和时间。可能是对算法的一般解释？我用谷歌搜索了一下，维基百科并没有做太多解释。
浏览 1提问于2012-02-03得票数 2
回答已采纳
在整理出问题之后，我终于从我的渲染目标中获得了图像数据。但是，这些图像数据似乎没有使用反混叠。(它似乎也没有0<a< 255的alpha值，但这可能是另一个问题)。
我看到认为反混叠并不适用于渲染目标，但那是在2011年。现在还是这样吗？我是否需要使用后处理的反混叠，如果我想它作为我的渲染目标？
这个问题既存在于r76 (我从上一个问题中使用的内容)中，甚至出现在最新的r86中。
这是一个例子，如果它有帮助的话。灰色背景是渲染到主画布上的图像，而透明背景来自渲染目标。你真的可以看到脸之间边缘的混叠。
浏览 3提问于2017-07-31得票数 1
回答已采纳
1回答
我在这里找到了一个很棒的three.js演示：
我注意到，在地球的阴影里有一些线条。它是一个bug，还是作者设计出来的？
浏览 1提问于2012-03-08得票数 0
回答已采纳
1回答
正如所见，我在画布上遇到了一些亚像素精度的问题。现在我吃的更多了。我正在尝试渲染硬边等距正方形，如我提供的链接中的图像所示。试图稍后处理渲染图像中的像素数据并提取当前颜色。
但是由于子像素的问题，我收到的颜色实际上在原始图像中并不存在！无论我从哪里开始绘制你在图像中看到的线条(无论是从1,1到10,10还是1.5，1.5到10.5，10.5，这只是一个例子)，我总是得到这些子像素的颜色，它们破坏了我的结果！
有没有人知道我如何避免这种情况，或者建议我应该画一条伪等轴线(伪的，像像素艺术中的等角线)，这样我的形状就有了漂亮的硬边，我不会用任何亚像素垃圾破坏渲染的图像。
浏览 1提问于2011-08-11得票数 14
回答已采纳
我正在与babylon.js建立3d网页游戏。 我面临着糟糕的渲染问题。 因此，我尝试将postprocess分配给相机以增强渲染效果。 new BABYLON.PassPostProcess("scale_pass", 2.0, camera, BABYLON.Texture.LINEAR_LINEAR_MIPNEAREST); 渲染质量得到了提高。 但我面临着另一个问题。 这种方式会消耗更多的GPU和内存。 我认为这不是最好的解决方案。 我想知道提高渲染质量和优化场景的更好方法。 谢谢
浏览 155提问于2019-10-04得票数 0
回答已采纳
这涉及到在屏幕上绘制大量的线条。该应用程序适用于大型数据集。该应用程序具有沿X和Y缩放的功能。在典型的缩放级别下，它绘制了大约300K条线。典型的数字是(时间单位为毫秒)
耗时:496Drew 1003226行
耗时:603Drew 1210032行
耗时:112Drew 344582行
耗时:182Drew 387960行
耗时:178Drew 361424行
耗时:222Drew 676470行
耗时:171Drew 475652行
耗时:251Drew 318709行
耗时:5DREW 14160行
耗时: 16 Drew 27233行
下面的代码段用于对绘制的线段进行计时和计数。渲染发
浏览 7提问于2013-01-24得票数 1
回答已采纳
我正在寻找将React Native与three.js集成的解决方案。据我所知，three.js在DOM中运行。有没有办法在不渲染到DOM的情况下使用three.js？我使用three.js来渲染3D对象。该示例可以在上查看，并且需要解决方案才能移植到React Native。谢谢:)
浏览 1提问于2016-09-09得票数 10
我一直无法找到在iPhone OS 3.0 + OpenGL ES 2.0上渲染时消除锯齿的方法。我曾假设会有多次采样，但事实似乎并非如此。有人告诉我，片段着色器可以通过偏导数扩展来感知投影像素，但我不知道该功能位于何处，也不知道苹果是否真的支持它。
我的背景是RenderMan，在那里我对如何衰减高频伪像有很大的控制权。没有适当的抗锯齿-在着色器级别和光栅化级别。顶点和碎片着色器将受到明显的锯齿和各种视觉笨拙的影响。
有没有人能澄清一下抗锯齿的状态。谢谢。
-Doug
浏览 3提问于2009-06-20得票数 0
回答已采纳
1回答
最近，我在OpenGL应用程序中实现了FXAA算法。到目前为止，我还没有完全理解这个算法，但我知道它使用最终图像的对比度数据来选择性地应用模糊。作为一种有意义的后处理效果。因为我在我的应用程序中使用了延迟着色，所以我已经有了场景的深度纹理。使用它可能更容易和更精确地找到边缘，以便在那里应用模糊。
那么，是否有一种已知的抗锯齿算法使用深度纹理而不是最终图像来找到边缘？我所说的伪，是指基于像素而不是顶点的抗锯齿算法。
浏览 4提问于2013-01-29得票数 3
回答已采纳
相关答案，但在OpenJDK 7下不起作用： ( SwingUtilities2类移动并更改了它的API)。
我想要显示几个标签，我希望它们可以在使用抗锯齿渲染或不使用抗锯齿渲染之间切换。我这样做是为了进行比较，看看字体在使用和不使用抗锯齿的情况下是如何呈现的。现在，我试图通过对JLabel进行子类化来实现这一点。这就是我所拥有的：
import java.awt.*;
import javax.swing.JLabel;
public class AALabel extends JLabel {
/* skipped boring stuff */
public bool
浏览 0提问于2014-08-22得票数 0
每当我在WebGL渲染器上启用反别名时，FPS从60到25。
this.renderer = new THREE.WebGLRenderer({
antialias: true
});
这似乎是在我添加了多个场景并必须手动清除深度之后才开始发生的。值得注意的是，我还在移动safari上点击了60个FPS，只是很好，但不是桌面或铬。
是什么原因造成的？
浏览 8提问于2017-04-22得票数 1
回答已采纳
1回答
我有一个字体的问题。它在Microsoft Word中的渲染效果与预期一致，但在Photoshop或我使用@ font -face将其安装为自定义字体时均不显示。
我可以从Chrome inspect的tools>computed样式中看到，它正在渲染上述字体，但它不能正确渲染。我已经重新安装，从不同的来源下载，尝试不同的字体格式。它还可以在我的浏览器中正确地呈现来自其中一个网站的随附字体的演示html文件。我会发布一个屏幕截图，但我不能，因为少于10个代表。
我试着弄清楚它是什么，但没有用，当然这是很明显的事情！
以下是该字体的链接：
非常感谢您的帮助。我使用的是Chrome和Phot
浏览 1提问于2015-01-21得票数 1
当我使用copyTextureToTexture将带有加载图像的texture1复制到使用相同尺寸和格式创建的texture2 -a数据结构时，我得到了很强的混叠伪影，就像所有-most过滤都被禁用一样，至少是因为各向异性似乎部分起作用了。我在过去的2-3天里一直在努力寻找解决方案，但我仍然不确定这是一个three.js错误，还是我遗漏了什么。任何帮助都将不胜感激。即使是WEBGL解决方案也是受欢迎的，只要它能与three.js一起工作。
以下是完整的测试代码:通过单击窗口，您可以在原始纹理和复制纹理之间切换，以比较工件。
var w = window.innerWidth;
var h
浏览 2提问于2018-06-28得票数 1
我试图在SSAA后处理之后使用OutlinePass，但是如果我在OutlinePass之后调用SSAA，我的大纲就不会显示。如何将SSAA应用于我的大纲？我知道FXAA可以工作，但我想使用SSAA。
我有一些类似的东西：
var composer = new THREE.EffectComposer( renderer );
outlinePass = new THREE.OutlinePass( new THREE.Vector2( window.innerWidth, window.innerHeight ), scene, camera );
composer.addPass( ou
浏览 1提问于2017-11-18得票数 0
1回答
我正面临着集成three.js和Vuforia的问题，我真的不知道如何解决这个问题，因为我真的对OpenGl一无所知。
我们正在开发一个小的AR应用程序，我们希望使用Vuforia进行跟踪和识别，并使用three.js进行渲染。
我们放置了一个Vuforia视图，用于渲染相机并获取目标信息，在此之上，我们放置了一个使用three.js渲染增强的WkWebView。
我们已经建立了视图之间的通信通道，并将目标位置矩阵和摄像机信息从Vuforia发送到three.js。
我们无法做的是正确地利用three.js中的信息，并将模型位置与目标位置对齐。
从Vuforia我们抓住了modelViewMa
浏览 3提问于2015-11-20得票数 3
我没有主摄像头。我目前唯一拥有的相机是在FirstPersonCharacter上作为组件。
📷
无论是将裁剪面具，由检查员的编辑，还是通过脚本，从一切到零，当运行游戏，它回到一切，永远不会停留在一无所有。
附加到FirstPersonCharacter的唯一活动脚本是:防别名:而不是我的脚本。但不知道这是否使它改变了所有的时间，剔除面具的一切。
using System;
using UnityEngine;
namespace UnityStandardAssets.ImageEffects
{
public enum AAMode
{
FXAA2 = 0
浏览 0提问于2017-11-04得票数 0
回答已采纳
我使用SDL_ttf，并使用TTF_RenderText_Blended函数进行渲染。我使用HelveticaNeueLight字体。
与photoshop中的文本相比，SDL中渲染的文本看起来很难看，尽管它是相同的字体：
显然，"M“、"t”、"y“和"c”看起来是错误的。如何才能使我的文本看起来可接受？
浏览 9提问于2014-07-27得票数 1
我有一个自定义的UIView，它可以生成某种需要用数字表示高度的图表。
所有的绘图都正常，当使用quartz2d创建圆等时，它可以正确地消除锯齿。
然而，当我想要在上下文中绘制一个NSString时，字体平滑/抗锯齿就搞砸了。
禁用消除锯齿确实会导致文本变细，因此开关会起作用，但是消除锯齿的文本会变得很满。它看起来一点也不像在iOS中呈现的普通文本那样清晰。
CGContextSetAllowsAntialiasing(context, YES);
CGContextSetShouldAntialias(context, YES);
CGContextSetShouldSmoothFonts
浏览 2提问于2011-03-04得票数 1
回答已采纳
1回答
我使用Godot3.1.1，刚刚意识到没有可用的AA选项。据一些帖子说，Godot2支持FXAA，但是它是从3开始的，所以我尝试为Godot3.1获取FXAA，但是找不到。
我不想发表我的游戏没有反别名。有没有办法在Godo3.1.1中使用GLES3应用FXAA？
浏览 0提问于2019-11-04得票数 6
回答已采纳
1回答
如果我理解正确的话，renderbuffer只能用作帧缓冲区的附件，并且不能以任何方式读取或重用。如果是这样，多采样渲染缓冲区的用例是什么，如果它们没有任何影响，哪些数据被写入其他FBO附件？或者，有没有可能使用它们在主后台缓冲区之外获得硬件MSAA (WebGL2还不支持多采样纹理)？
浏览 23提问于2018-05-31得票数 1
回答已采纳
我有一个固定的background-image页面。我试图通过将背景图像放在它自己的图层中来阻止onscroll重绘。
所以我用position:fixed和backface-visibility: hidden在body中创建了一个元素来防止重绘。这很好用，但我页面中的文本现在呈现得有点模糊。如果我切换backface-visibility，文本会再次清晰显示，但随后图层会在滚动时重新绘制
这对我来说很奇怪，因为我的页面上也有一个固定的标题，使用相同的position和backface-visibility，而且不会造成任何问题
为什么背景图像层会在不同的图层上导致模糊字体渲染？我怎样才能防
浏览 2提问于2015-08-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
