贴图专题
图形API学习工程（25）：实现法线贴图
工程GIT地址：https://gitee.com/yaksue/yaksue-graphics 目标 在《图形API学习工程（10）：基础光照》中，我实现了最基础的光照，同时也表现了法线的作用。 在《图形API学习工程（11）：使用纹理》中，工程已经能够加载纹理贴图。 这样，法线贴图 所需的准备已经完成，可以在工程里实现这个技术了。 （关于法线贴图的意义，可见上一篇博客《从“法线贴图的意义
从“法线贴图的意义”到“切线空间公式的推导与验证”
目录 目标1. 法线贴图1.1 “法线”的意义1.2 “法线贴图”的意义 2. 切线空间2.1 法线贴图中数据的含义2.2 “切线空间”的定义 3. 切线空间计算公式3.1 构造几何关系等式3.2 切线空间计算公式 4. 代码5. 验证——与其他美术软件计算的结果进行比较总结 目标 本篇的重点是 讨论法线贴图的意义讨论切线空间的意义推导切线空间的计算公式根据公式编写代码将其计算
【教学类-52-08】20240905动物数独（6宫格）一页2张任务卡，一页一个动物贴图卡，有答案
背景需求： 前文提到6宫格数独的图片6*6=36图，如果将6张任务卡放在一个A4上，看上去6种动物很小，所以我换了一个word模板，变成了2张任务卡放在一个A4上。 【教学类-52-07】20240903动物数独（6宫格）一页2张任务卡，无答案-CSDN博客文章浏览阅读846次，点赞25次，收藏6次。【教学类-52-07】20240903动物数独（6宫格）一页2张任务卡，无答案https:
Three.js new THREE.TextureLoader()纹理贴图使用png图片显示为黑色
问题代码如下： const texture = new THREE.TextureLoader().load('./image.png');droneGeometry = new THREE.PlaneGeometry(1, 1);droneMaterial = new THREE.MeshBasicMaterial({ map: texture});droneMesh = new THRE
【基础】Three.js加载纹理贴图、加载外部gltf格式文件
1. 模型使用纹理贴图 const geometry = new THREE.BoxGeometry(10, 10, 10);const textureLoader = new THREE.TextureLoader(); // 创建纹理贴图加载器const texture = textureLoader.load("/crate.gif"); // 加载纹理贴图const material
Unity性能优化之编辑器检查——贴图
优化选项 图片资源一般可做如下优化设置 打包图集mipmap不必要时选择关闭Read/Write Enabled不必要时关闭纹理压缩 图集打包的可以参考Unity性能优化之图集打包；mipmap是多级渐变纹理，Unity会生成多张不同像素的纹理以优化性能，因此不必要时就不要设置mipmap防止增加内存；Read/Write Enabled开启时可能会存在内存拷贝以便io操作，因此尽量不
Unity 动态光照贴图，加载后显示变暗或者变白问题 ReflectionProbe的使用
动态加载光照贴图代码，可参考这个帖子 Unity 预制动态绑定光照贴图遇到变白问题_unity urp 动态加载光照信息 变黑-CSDN博客 这次遇到的问题是，在编辑器下光照贴图能正常显示，打出apk后光照贴图加载后变黑的问题 以下4张图代表4种状态： 左图1：未加载光照贴图 右图2：加载光照贴图后，变黑 出现这个问题，是shader的针对lightmap的变体被剥离的
基于 HTML5 Canvas 的 3D 模型贴图问题
之前注意到的一个例子，但是一直没有沉下心来看这个例子到底有什么优点，总觉得就是一个 list 列表，也不知道右边的 3d 场景放两个节点是要干嘛，今天突然想起来就仔细地看了一下这个例子的代码，实际操作中应该还是有用处的，就跟大家分享一下。 本例地址： http://hightopo.com/guide/guide/core/listview/examples/example_custom.htm
PixPin 付费版 - 长截图贴图标注软件工具
在日常的工作和生活中，我们常常需要用到截图工具。而今天，给大家介绍一款功能超级强大的智能截图贴图工具 PixPin。 PixPin 适用于 Win 和 Mac 系统，支持自定义范围或窗口截图，让你可以精准地截取所需内容。 软件的长截图功能是它的一大特色，无论是纵向的，还是横向的内容，它都能帮助我们快速、完整地截取下来。 便捷的贴图操作更是 PixPin 的一大亮点。我们可以将截图设为
C++和OpenGL实现3D游戏编程【连载6】——不规则图形的纹理贴图
C++和OpenGL实现3D游戏编程【连载6】——不规则图形的纹理贴图 1、本节实现的内容 上一节我们讨论了纹理贴图的相关基础操作，但上一节的纹理贴图操作基本上都是规则图形，包括圆形和球形虽然复杂一点，但是它也是规则的。这一节课我们要讨论一下，怎么在不规则图形上纹理贴图，就比如文章下图的心形纹理贴图，以及纹理的平移、旋转、放大缩小功能。 欢迎来到zhooyu的专栏。 个人主页：【zhoo
OpenGL实现3D游戏编程【连载6】——无规则图形的纹理贴图
OpenGL实现3D游戏编程【连载6】——无规则图形的纹理贴图 欢迎来到zhooyu的专栏。 个人主页：【zhooyu】 文章专栏：【OpenGL实现3D游戏编程】 本专栏内容： 我们从游戏的角度出发，用C++去了解一下游戏中的功能都是怎么实现的。这一切还是要从自己玩游戏开始说起，此前就玩过一下3D游戏，当时就被游戏里的一些画面和设置深深的吸引了，同时游戏里还有很多很有趣的设定，比如，玩家
我看不清这里的贴图，有没有办法变亮一点？
老师我看不清这里的贴图，有没有办法变亮一点？ 在3ds Max中，Gamma/LUT 校正功能用于处理和调整图像的色彩空间和亮度，以确保渲染结果在不同显示设备上的一致性和准确性。 具体来说，Gamma/LUT 校正的作用包括： 色彩校正：Gamma校正可以调整图像的亮度和对比度，使其在不同显示器上保持一致。它对图像的亮度进行非线性调整，确保在不同的设备上显示的一致性。 显示设备匹
百度地图使用任意图片旋转任意角度作为地面贴图
公司项目有个需求是要在地图上贴个航拍的照片做出类似卫星地图的效果，但是只有一张图片而且可以随时替换，也不好做瓦片地图，而且照片的角度可以任意旋转。 要实现这个功能需要解决以下问题： 百度地图怎么贴图片图片角度如何旋转 不卖关子，我先放出实现的效果，为了不涉及侵权，我换成了一张同事的爱犬的照片 实现需求 百度地图怎么贴图片 百度地图api中有GroundOverlay能实这个效果。
凹凸贴图(bump mapping)综述
What`s Bump Mapping? Bump Mapping通过改变几何体表面各点的法线，使本来是平的东西看起来有凹凸的效果，是一种欺骗眼睛的技术：）。 我们知道，如果几何体表面有高低不平的凹凸，那么表面上各点的法线方向就会不同，那么当光照射到这些点上时，各点光照产生效果就不一样，那么我们最终看到的各点就是凹凸不平的。如果几何体表面是平的，但是各点的法线方向各不相同，当用光照模型进行光照
threejs材质的贴图(四)
效果 代码实现 import './style.css'import * as THREE from 'three'import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'//相机轨道控制器import { RGBELoader } from "three/examples/jsm/loa
基于opencv的相机之鬼怪贴图功能实现（十一）
简介 本篇是对实现图片处理功能:【鬼怪贴图】实现的记录。 实现原理 本功能实现比较简单，主要就是使用Android的Canvas模块。根据最底下鬼怪贴图菜单，来选择对应贴图，接着touch函数根据移动操作，利用Canvas来更新鬼怪贴图在原图像中的位置。 具体代码 public class ButtonListener implements OnClickList
three.js纹理贴图褪色失真问题解决
网上查的都是加encoding配置，但是最新版本，纹理对象属性名.encoding已经变更为.colorSpace // 纹理贴图加载器const texLoader = new THREE.TextureLoader();const texture = texLoader.load("./test.jpg");texture.colorSpace = THREE.SRGBColorSp
通过文本指令生成3D模型纹理贴图
在3D建模的广阔领域中，我们总是追求更高效、更直观的方法来创建和编辑模型。今天，我要向大家介绍一种革新性的技术，它能够通过文本指令来精确地控制3D模型的细节，包括纹理贴图的生成。 1. 技术定位 这项技术主要定位于交互式3D建模领域，它为用户提供了一种全新的方式来创建和编辑3D模型。通过简单的文本指令，用户可以精确地控制模型的每一个细节，从粗糙的网格结构到精细的纹理贴图，都能轻松实现。 2.
vue3+three.js给glb模型设置视频贴图
1.在网上下载一个显示屏或者自己画一个，在blender中设置好显示屏的Mesh，UV设置好，这样方便代码中添加纹理贴图。可以让美术在建模软件中，先随机设置一张图片作为纹理，验证UV是否设置好 关于如何 在blender中给模型设置UV贴图百度很多的 // 视频import * as THREE from "three"// 加载建筑模型import {GLTFLoader} fro
![[OpenGL] 法线贴图](https://img-blog.csdnimg.cn/direct/74c47a9eace64a839978bd810ef041a4.png)
[OpenGL] 法线贴图
目录 一 为什么要使用法线贴图 二 二种不同法线方式的使用 2.1 插值法线 2.1 法线贴图 本章节源码 点击此处 一 为什么要使用法线贴图 法线贴图我们可以使用更少的顶点表现出同样丰富的细节。高精度网格和使用法线贴图的低精度网格几乎区分不出来。所以法线贴图不仅看起来漂亮，它也是一个将高精度多边形转换为低精度多边形而不失细节的重要工具。 我们知道不是所有的物体表面都是光滑平整
Blender Normal贴图的烘焙
有时对于面数不是很高的烘焙来说，可以直接在Blender中烘焙，避免了模型在其它软件的倒来倒去（倒来倒去是痛苦的事情，频繁创建文件，切换文件夹，很浪费时间），选中高模和低模模型，当然两个模型尽可能重叠在，有一点没有重叠没有关系，可以通过调节烘焙参数：
Blender PS Zbrush 人物眼球制作1 - 贴图制作、雕刻、渲染
承接 PS 人物脸部高光贴图的制作 之前的记录是对头部UV，烘焙，材质、PS贴图的制作，接下来是人物眼球的制作。 低模和高模： 眼球UV拆分： 使用xNormal烘焙法线贴图： 制作眼部bump贴图： 原图片： 经过羽化，反选，删除背景，新加图层，背景填充黑色，去色，反向，合并图层，裁剪，制作后： 导入到zbrush中： 导入眼睛内部模型到zb中，适当增加细分以适用雕刻： 使用贴图
Marmoset Toolbag头部低模 + 贴图 渲染
导入之前做好的法线贴图和： 如果UV出现问题，可以对模型添加平滑组，导入发现贴图和基本色的贴图，调整PBR材质属性，效果如下： 但是贴图仔细观察是有缺点的，因为之前使用了大量的仿制图章，导致很多区域在视觉上都是重复的： 所以下一篇主要记录对原贴图的脸部细节的加工制作，用之前的置换贴图和原贴图进行整个加工，提升毛孔的随机感，使得整体上看的更自然一些。
xNormal 头部Normal 等贴图的烘焙
承接 Mari 头部贴图最终效果 Mari to Zbrush 载入置换贴图 实现脸部皮肤细节 烘焙法线贴图要同时获取低模和高模，我们取zb中的一级细分模型作为低模： 最高级细分模型作为高模，由于之前使用了图层，在这里先点击Bake All全部烘焙一下： 烘焙完成： 导出低模和高模后，使用XNormal进行烘焙，其渲染速度很快，下载地址： 界面： 选择高模： 同理导入低模： 切换到