OutlinePass色差问题
解决办法
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色差问题相关推荐
- iOS 导航色差问题解决方案
1.产生原因 当我们在我们在Storyboard或者Nib上对NavigationBar进行上色时,运行出来的效果与设计图出现色差,后来才发现是iOS7及以上对导航栏(工具栏亦同)的高斯模糊处理,也就 ...
- 跨域产生的原因和解决方法_ABS注塑制品产生色差的原因及解决方法
我们日常生活中随处可见ABS塑胶原料注塑制品的身影,为了使用产品具有有良好外观和视觉效果,要求外观件具有不同的色调,同时要求构成设备外观的各个部件具有一致的色调.色差是着色ABS塑胶原料注塑制品中常见 ...
- 栅格布局一般怎么用_建筑混凝土色差大怎么办?用这种方法处理,一般都看不出来...
由于模板锈蚀.脱模剂污染.原材料等原因,建筑混凝土成形后经常会遇到颜色不一致的现象,为此我们总结了混凝土面色差调整施工工艺,可供大家参考使用. 一.混凝土面色差调整施工工艺流程及说明 基层表面打磨→吸 ...
- scandall pro找不到扫描仪_想要高清无色差的石材图片就得用扫描仪
石材行业研究 | ? 关注更多内容 小编之前在水头的手机店工作过,在这个工作过程中,经常碰见许多石材老板要买拍照清晰的手机,但是介绍来介绍,他们都很难找到合适的,要么就是色彩还原不够真实,要么就是拍不 ...
- 色差仪软件的安装和电池充电
现在的色差仪都是用标准的色彩信息分析和功能拓展类软件,目的就是色差仪的使用和分析更加完美.不同公司生产的色差仪和色彩管理软件大多数都是不通用的,只有软件开发商公司生产的色差仪才能一起使用.所以当顾客购 ...
- 染整色差技术分析大全
染整色差技术分析大全 导致染色成品布产生色差的因素多且复杂,要将色差严格控制在标准范围之内且使其长期保持稳定,涉及到生产加工过程中的方方面面,必须对各个要素和影响因素进行综合分析,制定出相应的预防措施 ...
- 色差类染疵原因的详细分析
色差类染疵原因的详细分析 纺织物染整加工,前前后后对染整结果总的影响因素比较多,故在实际大生产中,经常会遇到这样那样的质量问题,其中与色泽有关的尤为频繁,而可列第一位的便是色差问题. 1 色差的分类 ...
- 服装色差的识别成因与预防
服装色差的识别成因与预防 1. 疵病特征 染色制品所得色泽深浅不一,色光有差别. 同批色差:同批产品中一个色号的产品箱与箱之间.件与件之间.包与包之间.匹与匹之间有色差. 同匹色差:同匹产品中的左.中 ...
- 基于lis3dh的简易倾角仪c源码_cm-23D柯尼卡美能达分光测色计色差仪CM-2300d
CM-2300dcm-23D柯尼卡美能达分光测色计色差仪的详细资料 cm-23D柯尼卡美能达分光测色计色差仪 简易测量 结构紧凑.重量轻盈,符合人体工程学设计,握感舒适,其他设备难以检测的位置也能灵活 ...
最新文章
- Python 获取字符串的第一位和最后一位的字符
- Python基础知识详解
- int/double/string使用
- 【业界】开源大势降低技术门槛,人工智能企业更依赖大数据
- 头脑风暴是如何毁掉创意的?
- 纯CSS3实现轮播图
- angularjs解决方案之 递归模板
- 安装 Python-Client
- 【Python】常用的数据类型介绍以及它们之间相互转化
- 在建工程直接费用化_临夏州开展建设工程安全专项整治
- 小米网技术架构变迁实践
- 3G dual band 使用策略
- EndNote X8教程(PDF+video)
- 搜索时输入关键词进行匹配
- 在QCreator IDE中 使用 Orge3D
- 大数据时代的“被遗忘权”之争
- python实现千牛客服自动回复语_千牛自动回复语大全
- 视频搬砖项目【一个技术员是如何轻松利用视频搬运项目做到日入2000+】
- python+selenium+chrome实现淘宝购物车秒杀自动结算
- 中国为什么出不了乔布斯?
热门文章
- 10个JS精简代码无形装逼集合,最为致命
- python实现气象数据分析_气象数据可视化——利用Python绘制温度平流
- 如何向Hyper-v虚拟机中传文件
- 【论文解读 AAAI 2019 | UFD】Unsupervised Fake News Detection on Social Media: A Generative Approach
- 数学回味系列之23 - 小明买书
- 蓝牙整体框架学习整理
- 多线程应用java.util.concurrent.ThreadPoolExecutor
- [深度学习][软件工具]pytorch-unet傻瓜式训练工具使用教程
- 我的Java后端书架 (2016年暮春3.0版)
- 电商如何对商品进行价格定位?(一)