threejs摩尔纹镜头拉远模型贴图出现摩尔纹，纹理贴图闪烁异常解决办法

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量3.2k 收藏 11
点赞数 4
文章标签： 贴图 three.js webgl javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42987283/article/details/125331944
版权

threejs镜头拉远模型贴图出现摩尔纹，纹理贴图闪烁异常解决办法

当threejs加载模型时，会遇到有些模型的贴图有密集网格形状，当有密集四方格类，或者其他形状密集条纹类的贴图时，就会出现摩尔纹。

消除摩尔纹的三维思路：设置贴图纹理的 mipmap

threejs Texture中的像素显示属性：magFilter,minFilter
在这里插入图片描述
解决办法：threejs里加载模型找到material.map，设置map 的magFilter,minFilter属性

map.magFilter = THREE.LinearFilter
map.minFilter  = THREE.LinearMipMapLinearFilter

效果对比图：
处理之前：
在这里插入图片描述
处理之后：
在这里插入图片描述

红叶920
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
【虚幻引擎UE】场景中物体闪烁抖动摩尔纹问题集合
灵境引路人
06-17 1万+
场景闪烁抖动摩尔纹解决
基于python实现手写痕迹文档图像摩尔纹消除源码+项目运行说明.zip
10-27
【资源说明】 基于python实现手写痕迹文档图像摩尔纹消除源码+项目运行说明.zip 二、数据分析 **数据划分**：使用1000张做为训练集，81张作为验证集。 官方提供了训练集1081对，测试集A、B各200张。包含以下几个特征： 1.图像分辨率普遍较大 2.手写字包含红黑蓝多种颜色，印刷字基本为黑色 3.手写字除了正常文字外，还包含手画的线段、图案等内容 4.试卷上的污渍、脏点也属于需要去除的内容 5.手写字和印刷字存在重叠 **mask**：根据原始图片和标签图像的差值来生成mask数据 计算RGB通道的平均差值 平均差值在20以上的设为 1 平均差值在20以下的设为 差值/20 三、模型设计 网络模型，是基于开源的EraseNet，然后整体改成了Paddle版本。同时也尝试了最新的PERT：一种基于区域的迭代场景文字擦除网络。基于对比实验，发现ErastNet，在本批次数据集上效果更好。从网络结构图上可以直观的看出ErastNet是多分支以及多阶段网络其中包括mask生成分支和两阶段图像生成分支。此外整个网络也都是基于多尺度结构。在损失函数上，原版的ErastNet使用了感知损失以及GAN损失。两个损失函数，是为了生成更加逼真的背景。但是本赛题任务的背景都是纯白，这两个损失是不需要的，可以直接去除。此外，由于ErastNet网络是由多尺度网络组成，结合去摩尔纹比赛的经验，我把ErastNet网络的Refinement替换成了去摩尔纹比赛使用的多尺度网络 双模型融合： 模型一：erasenet去掉判别器部分，仅保留生成器 模型二：erasenet二阶段网络使用基于Non-Local的深度编解码结构 四、训练细节 **训练数据：** 增强仅使用横向翻转和小角度旋转，保留文字的先验 随机crop成512x512的patch进行训练 **训练分为两阶段：** 第一阶段损失函数为dice_loss + l1 loss 第二阶段损失函数只保留l1 loss ## 五、测试细节 测试trick： **分块测试**，把图像切分为512x512的小块进行预测，保持和训练一致 **交错分块测试**，测试图像增加镜像padding，且分块时边缘包含重复部分，每次预测仅保留每块预测结果的中心部分，这么做的原因是图像边缘信息较少，预测效果要差于中心部分 测试时对**测试**数据使用了横向的镜像**增强** 测试时将两个**模型**的预测结果进行**融合** 七、其他 data：定义数据加载 loss：定义损失函数 model：定义网络模型 compute_mask.py：生成mask文件 test.py: 测试脚本 train.py: 训练脚本 代码运行: 1.指定数据文件夹 2.运行sh train.sh 生成mask并开始训练 3.指定测试文件夹和模型路径，执行sh test.sh开始测试 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
Three.js深度冲突(模型闪烁)与解决方案
dabaooooq的博客
05-23 2202
创建两个重合的矩形平面Mesh，通过浏览器预览，当你旋转三维场景的时候，你会发现模型渲染的时候产生闪烁。 这种现象，主要是两个Mesh重合，电脑GPU分不清谁在前谁在后，这种现象，可以称为深度冲突Z-fighting。
摩尔纹是什么？如何消除摩尔纹？
w4v6nz6n的博客
09-14 686
相信很多小伙伴在渲染的时候会遇到各种各样的问题，比如摩尔纹，一张图片如果出现摩尔纹那基本就没法用了。为什么会出现摩尔纹？场景内模型表面存在过多的重叠面或面数过多，也会导致摩尔纹问题，这时候只要减少模型数量，减少重叠面或降低面数也能解决这个问题。TIF保存位数小会导致图片采样不够从而引发摩尔纹，把位数改成16位彩色就可以有效减少摩尔纹。如果场景内的贴图过大或过小，也会引发摩尔纹问题，检查贴图大小使用合理贴图能避免这个问题。因为是使用渲染器渲染max场景，所以消除摩尔纹的方法也是修改场景和修改渲染设置两种。
图像摩尔纹缺陷的原理以及可行的技术解决方案
07-04
使深度学习去除摩尔纹干扰 使用卷积神经网络(cnn)来直接学习摩尔纹图像到对应的干净图像之间的映射。这类方法需要大量的成对并严格对齐的带摩尔纹的图片和干净图片的数据集来训练网络。下图是收集的数据集，其中训练集702张图片，验证集300张图片。
three.js 模型重合相交部分闪烁 Z-Fighting
biyusr的专栏
04-29 1881
Z-Fighting 当场景中两个模型在同一个位置时，渲染器会根据它们的深度值来显示前面的模型，隐藏背后的部分。而当他们的位置及深度值相同时，渲染器则不确定哪个将被绘制到颜色缓冲区中，相机旋转时，情况会变得更糟，于是就出现了闪烁现象，这就是“Z-Fighting” 想要解決这个问题，就是要让他们有不同的深度值（下面的主要说这种方法如何实现。）。 或者是手动设置渲染顺序，这样即使在同一位置同一个深度值当中也会将后渲染的覆盖之前的，这种出来的效果类似于设置了css当中的z-index，这种方法不太适用于我的
threejs (四) 纹理 Texture
cwjxyp的博客
11-15 508
纹理图片（或canvas/video等）映射到物体表面，或者作为反射、折射贴图，也就是物体的皮肤。
threeJs中镜头拉远导致物体闪烁
weixin_42821179的博客
06-21 5585
Z-Buffer 在threejs中，使用深度缓冲（Z-Buffer）来完成场景可见性计算，即确定场景哪部分可见，哪部分不可见。深度缓冲（Z-Buffer）是一个二维数组，其中的每一个元素对应屏幕上的一个像素，如果场景中的两个模型在同一个像素生成渲染结果，那么图形处理卡就会比较二者的深度，并且保留距离观察者较近的物体在该像素点的渲染结果，这样就形成了近的模型遮挡远的模型的结果。 上面说到，深度缓冲...
Three加载三维模型频闪问题（对数深度缓存）
damadashen的博客
08-08 908
设置对数深度缓存解决Three加载三维模型频闪问题。
深度学习：摩尔纹识别（翻拍检测）
热门推荐
Hikers、Wan的博客
12-12 1万+
前言 今年暑假开始在公司差不多从零基础学习深度学习，接到的第一个任务是CV的图像分类任务：翻拍检测。本文的目的是留档这次任务的一些思路以及tricks。 翻拍（recapture）：用户拍摄其他用户上传的图片，进行二次上传 翻拍检测：检测某目标图片是否是翻拍图片。 切入点：摩尔纹 任务过程 网上与摩尔纹相关的深度学习方面的工作主要在摩尔纹去除（去噪）方面，在摩尔纹检测这个领域，相关的工作都是17年左右的了，而且多数使用的是传统特征提取+机器学习去做的。 网络方面，我首先打算尝试直接把图片扔到efficien
照片中的摩尔纹是什么导致的？
07-26
我们在拍摄一些比较密集的物体例如：建筑装饰、纺织物、显示屏等等，都会看到有一些莫名的彩色条纹严重的影响了样张的成像效果，这种在这些有着密集而重复细节的样张上出现的彩色条纹就是所谓的摩尔纹，那么这个摩尔纹是怎么产生的呢？又应该怎样才能在样张中避免这些摩尔纹的出现呢？
【LED小知识】怎样消除LED显示屏的摩尔纹？
07-22
常听到有人向我们咨询为什么在现场观看LED显示屏时很清晰，但是用手机或相机拍摄出来后，发现照片中的显示屏画面会有一种像水波纹的东西在屏幕上，使得整个屏幕很模糊，这会让客户对LED屏质量很是担心。那么究竟这种现象是怎样产生的，又该如何处理?
怎样消除LED显示屏的摩尔纹？
07-21
常听到有人向我们咨询为什么在现场观看LED显示屏时很清晰，但是用手机或相机拍摄出来后，发现照片中的显示屏画面会有一种像水波纹的东西在屏幕上，使得整个屏幕很模糊，这会让客户对LED屏质量很是担心。那么究竟这种现象是怎样产生的，又该如何处理？
Shader实战（3）：贴图像素化风格实现
qq_41904236的博客
04-24 219
贴图像素化风格实现
【QT学习】9.绘图，三种贴图，贴图的转换，不规则贴图（透明泡泡），简单绘图工具制作
m0_61659911的博客
04-23 880
它可以绘制一切想要的图形，从最简单的一条直线到其他任何复杂的图形，例如：点、线、矩形、弧形、饼状图、多边形、贝塞尔弧线等。QPainter 一般在部件的绘图事件 paintEvent() 中进行绘制，首先创建 QPainter 对象，然后进行图形的绘制，最后记得销毁 QPainter 对象。Qt 中提供了强大的 2D 绘图系统，可以使用相同的 API 在屏幕和绘图设备上进行绘制，它主要基于QPainter、QPaintDevice 和 QPaintEngine 这三个类。3.隐藏显示窗口：触发事件。
体渲染原理及WebGL实现【Volume Rendering】
新缸中之脑
08-12 2029
体渲染（Volume Rendering）是NeRF神经场辐射AI模型的基础，与传统渲染使用三角形来显示 3D 图形不同，体渲染使用其他方法，例如体积光线投射 (Volume Ray Casting)。本文介绍体渲染的原理并提供Three.js实现代码，源代码可以从下载。推荐：用快速搭建可编程3D场景。
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 434
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1019
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 311
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
ue5矩形光源照射物体表面产生摩尔纹的解决方法
05-15
摩尔纹是一种光学现象，它是由于光线通过两个平行表面之间的空气薄膜时，反射、折射和干涉所产生的。在UE5中，产生摩尔纹的原因可能是矩形光源的光线直接穿过物体表面，与背后的表面反射和干涉，导致出现摩尔纹。 解决方法可以尝试以下几种： 1. 调整光源的位置和角度，避免光线直接照射到物体表面。 2. 调整物体表面的材质属性，尝试使用粗糙表面或者添加一些纹理，减少光线的反射和干涉。 3. 调整摄像机的位置和角度，避免直接看到产生摩尔纹的区域。 4. 在UE5中使用后处理效果来模拟摩尔纹，例如添加模糊或者去除高频细节的处理。 需要注意的是，在实际应用中，摩尔纹可能会成为一种艺术效果，因此需要根据实际情况进行调整和处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值