解决办法

https://github.com/mrdoob/three.js/issues/20241

关键是这个 GammaCorrectionShader

import {EffectComposer} from 'three/examples/jsm/postprocessing/EffectComposer.js';
import {RenderPass} from 'three/examples/jsm/postprocessing/RenderPass.js';
import {ShaderPass} from 'three/examples/jsm/postprocessing/ShaderPass.js';
import {OutlinePass} from 'three/examples/jsm/postprocessing/OutlinePass.js';
import {FXAAShader} from 'three/examples/jsm/shaders/FXAAShader.js';
import { GammaCorrectionShader } from 'three/examples/jsm/shaders/GammaCorrectionShader.js';composer = new EffectComposer(renderer);const renderPass = new RenderPass(scene, camera);composer.addPass(renderPass);outlinePass = new OutlinePass(new THREE.Vector2(width, height), scene, camera);outlinePass.renderToScreen = trueoutlinePass.visibleEdgeColor.set('green');//模型描边颜色,默认白色outlinePass.edgeThickness = 4.0;//轮廓边缘描边厚度outlinePass.edgeStrength = 6.0;//边缘发光强度,数值大,更亮一些composer.addPass(outlinePass);effectFXAA = new ShaderPass(FXAAShader);effectFXAA.uniforms['resolution'].value.set(1 / width, 1 / height);composer.addPass(effectFXAA);const effectColorSpaceConversion = new ShaderPass( GammaCorrectionShader );composer.addPass( effectColorSpaceConversion );

参考代码
https://jsfiddle.net/42juk3rq/

另外假如加了FXAAShader 锯齿还是比较严重 可以更新renderer的logarithmicDepthBuffer参数值,效果比较好。

renderer = new THREE.WebGLRenderer({antialias: true, //开启锯齿,logarithmicDepthBuffer: true,})

OutlinePass色差问题相关推荐

  1. iOS 导航色差问题解决方案

    1.产生原因 当我们在我们在Storyboard或者Nib上对NavigationBar进行上色时,运行出来的效果与设计图出现色差,后来才发现是iOS7及以上对导航栏(工具栏亦同)的高斯模糊处理,也就 ...

  2. 跨域产生的原因和解决方法_ABS注塑制品产生色差的原因及解决方法

    我们日常生活中随处可见ABS塑胶原料注塑制品的身影,为了使用产品具有有良好外观和视觉效果,要求外观件具有不同的色调,同时要求构成设备外观的各个部件具有一致的色调.色差是着色ABS塑胶原料注塑制品中常见 ...

  3. 栅格布局一般怎么用_建筑混凝土色差大怎么办?用这种方法处理,一般都看不出来...

    由于模板锈蚀.脱模剂污染.原材料等原因,建筑混凝土成形后经常会遇到颜色不一致的现象,为此我们总结了混凝土面色差调整施工工艺,可供大家参考使用. 一.混凝土面色差调整施工工艺流程及说明 基层表面打磨→吸 ...

  4. scandall pro找不到扫描仪_想要高清无色差的石材图片就得用扫描仪

    石材行业研究 | ? 关注更多内容 小编之前在水头的手机店工作过,在这个工作过程中,经常碰见许多石材老板要买拍照清晰的手机,但是介绍来介绍,他们都很难找到合适的,要么就是色彩还原不够真实,要么就是拍不 ...

  5. 色差仪软件的安装和电池充电

    现在的色差仪都是用标准的色彩信息分析和功能拓展类软件,目的就是色差仪的使用和分析更加完美.不同公司生产的色差仪和色彩管理软件大多数都是不通用的,只有软件开发商公司生产的色差仪才能一起使用.所以当顾客购 ...

  6. 染整色差技术分析大全

    染整色差技术分析大全 导致染色成品布产生色差的因素多且复杂,要将色差严格控制在标准范围之内且使其长期保持稳定,涉及到生产加工过程中的方方面面,必须对各个要素和影响因素进行综合分析,制定出相应的预防措施 ...

  7. 色差类染疵原因的详细分析

    色差类染疵原因的详细分析 纺织物染整加工,前前后后对染整结果总的影响因素比较多,故在实际大生产中,经常会遇到这样那样的质量问题,其中与色泽有关的尤为频繁,而可列第一位的便是色差问题. 1 色差的分类 ...

  8. 服装色差的识别成因与预防

    服装色差的识别成因与预防 1. 疵病特征 染色制品所得色泽深浅不一,色光有差别. 同批色差:同批产品中一个色号的产品箱与箱之间.件与件之间.包与包之间.匹与匹之间有色差. 同匹色差:同匹产品中的左.中 ...

  9. 基于lis3dh的简易倾角仪c源码_cm-23D柯尼卡美能达分光测色计色差仪CM-2300d

    CM-2300dcm-23D柯尼卡美能达分光测色计色差仪的详细资料 cm-23D柯尼卡美能达分光测色计色差仪 简易测量 结构紧凑.重量轻盈,符合人体工程学设计,握感舒适,其他设备难以检测的位置也能灵活 ...

最新文章

  1. Python 获取字符串的第一位和最后一位的字符
  2. Python基础知识详解
  3. int/double/string使用
  4. 【业界】开源大势降低技术门槛,人工智能企业更依赖大数据
  5. 头脑风暴是如何毁掉创意的?
  6. 纯CSS3实现轮播图
  7. angularjs解决方案之 递归模板
  8. 安装 Python-Client
  9. 【Python】常用的数据类型介绍以及它们之间相互转化
  10. 在建工程直接费用化_临夏州开展建设工程安全专项整治
  11. 小米网技术架构变迁实践
  12. 3G dual band 使用策略
  13. EndNote X8教程(PDF+video)
  14. 搜索时输入关键词进行匹配
  15. 在QCreator IDE中 使用 Orge3D
  16. 大数据时代的“被遗忘权”之争
  17. python实现千牛客服自动回复语_千牛自动回复语大全
  18. 视频搬砖项目【一个技术员是如何轻松利用视频搬运项目做到日入2000+】
  19. python+selenium+chrome实现淘宝购物车秒杀自动结算
  20. 中国为什么出不了乔布斯?

热门文章

  1. 10个JS精简代码无形装逼集合,最为致命
  2. python实现气象数据分析_气象数据可视化——利用Python绘制温度平流
  3. 如何向Hyper-v虚拟机中传文件
  4. 【论文解读 AAAI 2019 | UFD】Unsupervised Fake News Detection on Social Media: A Generative Approach
  5. 数学回味系列之23 - 小明买书
  6. 蓝牙整体框架学习整理
  7. 多线程应用java.util.concurrent.ThreadPoolExecutor
  8. [深度学习][软件工具]pytorch-unet傻瓜式训练工具使用教程
  9. 我的Java后端书架 (2016年暮春3.0版)
  10. 电商如何对商品进行价格定位?(一)