- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
灰度图,法线贴图，置换贴图和位移贴图
Normal Map只是一种目前很流行的凹凸贴图技术，而这里将会介绍一些目前游戏和在XBOX360和PlayStation3这种新世代主机上将会运用的凹凸贴图技术。 这种贴图是一种灰度图，用表面上灰度的变化来描述目标表面的凹凸，因此这种贴图是黑白的，如果节省空间的画，甚至可以把贴图的Alpha通道征用来用作Bump。 值得注意的是，这种贴图表面上存储的东西是高度域－－即每个点和原始表面的高度差，记住，每个点的颜色不是色彩，是高度，一个数值！因此，对这个贴图做任何的操作都会影响到这个物体3D的外观质感。 这是其他任何凹凸贴图方式所不能比拟的！ ReliefMapping 和 ParallaxOcclusionMapping 和 ConeMapping 浮雕纹理贴图和视差阻塞贴图和圆锥跟踪贴图 三种利用切空间光线追踪先进算法的技术，三种方法分别是光线跟踪
2.3K20编辑于 2022-06-24 - 来自专栏全栈程序员必看
环境贴图_HDR高清环境贴图
只好自己单独写篇环境贴图的文章，来小总结一下。 环境贴图（Environment Mapping)又叫反射贴图(Reflection Mapping),在曲面上对反射效果进行很好的的近似。 环境贴图近似假设进行反射的光源与物体都位于很远的位置，同时反射体不会反射自身。如果这些假设成立，就可以将反射体周围的环境看成围绕他的一个二维投影。 目前环境贴图应用的方法有Blinn和Newell方法、立方体贴图和球面贴图。具体的方法可以参考实时计算机图形学。 使用立方体贴图实现的效果如下： 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/166900.html原文链接：https://javaforall.cn
1.5K20编辑于 2022-09-19 - 来自专栏web三维
算法升级，轻松做建筑白模自由贴图，屋顶贴图&轮廓贴图
(常用贴图已内置)升级了顶面贴图算法，支持平铺、拉伸、自动计算轮廓中线沿长边填满贴图（如球场）支持建筑屋顶贴图支持轮廓贴图，水面、地面、草地、球场等等能导出gltf obj stl格式模型能导出cesium
24210编辑于 2025-08-19 - 来自专栏算法微时光
法线贴图
image.png 可行的方法就是将这个平面用一个贴图覆盖，用贴图的纹理实现一定的凹凸效果。但是这种方法实现的效果并不是很好，因为如果视角一变化，看起来就会像一张简单的画有图案的平面了。 后来，聪明的游戏开发者想出了一种方法，就是在贴图过程中对贴图进行一定的处理，从而保证了在视角变换以后仍然保证有较为明显的凹凸效果，也就是法线贴图。 image.png 准确的说，法线贴图是Bump Mapping（凹凸贴图）的其中一种。第一个Bump Mapping由Blinn在1978年提出，目的是以低代价给予计算机几何体以更丰富的表面信息。 研究人员对法线贴图进一步改进，出现了Parallax Mapping（视差贴图）, Relief Mapping等技术，实现了更逼真的效果。 人之所以能够对景物看出立体感的主要原因是因为人有两只眼睛。 一条法线是一个三维向量，一个三维向量由x, y, z等3个分量组成，在法线贴图中，把(x, y, z)当作RGB3个颜色的值存储。 录这些法线的载体就被我们称为法线贴图。 image.png
1.9K10发布于 2021-06-17 - 来自专栏转载gongluck的CSDN博客
GDI透明贴图
水印的实现可以用透明贴图来做。透明贴图就是让两张图片合并的时候，重叠的部分中使一些颜色不显示，从而达到透明的效果。 如果用GDI来实现的话，具体方法步骤可多可少，少的可以使用一个SDK函数就解决。 //对一数据做两次异或操作，那么数据将恢复到原数据，跟没操作一样，透明贴图就是运用该原理。 其实，实现透明贴图还可以用MaskBlt和TransparentBlt。MaskBlt最后的参数比较复杂，我还没搞懂就先放过了。而TransParentBlt的话，简单来说就是最快捷方便的方式了。
3.3K60发布于 2018-03-08 - 来自专栏小黑娃Henry
OpenGLES（二）- GLKit: 纹理贴图OpenGLES（二）- GLKit: 纹理贴图
OpenGLES（二）- GLKit: 纹理贴图 运行结果 思维导图 准备工作 //1.导入头文件 #import <GLKit/GLKit.h> #import <OpenGLES/ES3/gl.h
1.3K20发布于 2021-08-09 - 来自专栏叶子陪你玩编程
python图像处理-贴图
上篇讲了如何给图片上加上文字，那能不能往图片上面贴图片呢，这个是肯定的，下面就来看看吧！ 粘贴一张图片 先导入图片处理库和matplotlib库(这里仅用来显示图片使用)，接着新建一张黄色背景图，打开本地要粘贴的图片，使用paste的方法粘贴图片，最后显示。 ? 去除粘贴图片背景 粘贴的图片有一个白色的背景，看上去很不自然，下面通过将打开的img2转换成RGBA模式，然后在paste方法里添加第三个蒙版参数，相当于将在img2上面在贴一张图片，白色的地方会变成透明
2.1K20发布于 2020-03-12 - 来自专栏web三维
shp geojson建筑白模贴图妙用，赛车跑道场景贴图
该方法适用于将geojson shp白模贴图，导出为gltf模型等格式。来自用户的真实场景，要做赛车场地模型。模型包含道路和道路两侧，模型要有经纬度，和gis底座对齐，最终在uegis中模拟赛事。 1、使用自由绘制或曲线绘制道路面2、使用【等距面线】做出道路两侧围墙，设置围墙厚度20厘米3、贴图，道路面设置高度0.01米，围墙设置2米。使用材质刷刷上材质。 墙体材质点击上图中的刷一刷，在右侧白模上点击，刷上材质将材质设置为环绕贴图，会沿着立面循环贴图。近景效果如下还可以使用展开图材质，设置赛车赛事的墙体广告。
24810编辑于 2025-08-25 - 来自专栏猛牛哥的博客
HTMLayout 界面贴图技术
概述 ---- 在HTMLayout中支持在CSS中使用background属性指定背景图片, 并扩展支持更多的功能, 例如九宫格切片贴图. 前景图片的所有属性用法与背景图片完全一样, 背景贴图支持的功能, 前景贴图同样支持, 唯一要做的就是将background里的"back"替换为"fore"即可, 因为他们用到的语法完全一样, 所以在本文中使用星号泛指背景或前景图片 HTMLayout CSS 贴图属性 ---- 前景图片一般位于背景图片前面，即使不是同一个节点对象， 例如 div对象#A包含div节点#B,那么#A的前景图片在#B的背景图片前面( 但是#A的背景图片仍然在 :hover { foreground-image-transformation: contrast-brightness-gamma(0.5,0.5,1.2); } 实战 HTMLayout 贴图 ;text="HTMLayout 贴图演示";border="resizable" ) winform.add( editStyle={ dr=1;vscroll=1;bottom=321;right
3K40发布于 2018-06-04 - 来自专栏计算机图形学 前端可视化 WebGL
threejs 贴图动画总结
引言 在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。 流动动画 流动动画通过设置贴图的repeat属性，并不断改变贴图对象的offset让贴图产生流动效果。 这种动画不难实现，首先加载贴图，如下所示： let img = new Image(); img.src = '. 效果如下图所示： GIF动画 gif图片本身自带动画，如果gif放到Image对象上，动画会自动播放，只是当把gif作为贴图对象的图片的时候。 不会自动播放动画。 总结 本文介绍了 theejs 贴图动画的多种实现思路。
3.1K20编辑于 2022-03-22 - 来自专栏小黑娃Henry
OpenGLES（五）- ESLS案例：纹理贴图OpenGLES（五）- ESLS案例：纹理贴图
OpenGLES（五）- ESLS案例：纹理贴图 阅读时间大概10-15分钟 ? 结果效果图 首先梳理一下大体思路，下方代码也会按照这个顺序： 1. spriteData); free(spriteData); return YES; } glVertexAttribPointer参数解释可参考OpenGLES（二）- 纹理贴图
1.5K20发布于 2021-08-09 - 来自专栏伪君子的梦呓
Snipaste，好用的贴图工具
0 前言 很久之前一直苦于 Windows 下截图没有好的工具，后来找到了一个贴图工具，发现它的截图功能比我用过的都要好，用了大概一年多，感觉非常好用。 没错，这个软件就是 Snipaste，一个简单但强大的贴图工具，同时也有截图、标注等功能。 2 功能介绍 贴图，意思是可以直接把截图贴到屏幕上，也可以把复制的文字、图片、HTML 文本贴到屏幕上。默认 F1 截图、F3 贴图。 ? 截图 + 贴图 调节贴图的透明度，Ctrl + 滑动滚轮 或者 Ctrl + + - ? 调节透明度 取色，这个功能非常好用，直接就能把颜色值（RGB/Hex）复制出来，也可以贴到屏幕上。 ? 缩略图 隐藏所有贴图，默认是 Shift + F3，这个功能可以快速隐藏贴图，屏幕看起来会舒服不少。 ?
1.8K20发布于 2019-05-06 - 来自专栏进击的多媒体开发
OpenGL 实现视差贴图与 UE 中的凹凸贴图偏移（Bump Offset）
UE 中提供了 凹凸贴图偏移 的贴图来实现修改 UV 坐标达到提升表面细节，使材质产生深度错觉。凹凸贴图偏移是 UE4 中的术语，其实就对应于 LearnOpenGL 网站上的 视差贴图。 视差贴图原理 理解了视差贴图的含义就很容易明白凹凸贴图偏移的作用了，它的原理如下图所示： 首先需要提供一张代表高度图的纹理，这样每个像素点都对应一个高度值，上图中的红线可以理解成高度值分布，点 A 视差贴图存在一定的局限性，主要在于点 B 和向量 P 之间有时候变化很块导致预测误差较大，所以才有了后面的陡峭视差映射和视差遮蔽映射，在 UE 中也提供了视差遮蔽映射的计算，不过本篇先使用简单的视差映射 理解了视差映射的基础概念后，就很容易明白 UE 中凹凸贴图偏移的对外参数含义了。 视差遮蔽映射会比简单的视差贴图实现更好的效果，但是性能上也会损耗多一些，不过它在移动端上是没有效果的。
1.9K20编辑于 2022-10-31 - 来自专栏全栈程序员必看
Substance Painter 画高度贴图
然后用默认的画笔和Alpha可以得到很细腻的效果，最后导出法线贴图就可以了 按住shift 用鼠标一段一段的画线可以画出连续的高度纹理 注意导出到unity的时候要把srgb的勾去掉 合并导出的时候
89010编辑于 2022-09-01 - 来自专栏时光笔记
ThreeJS 立方体贴图
前言 什么要贴图？ 在上一篇《ThreeJS 掏洞术》中，利用ThreeBSP完成了在‘墙’上掏出‘门’或‘窗户’洞的效果。 所以要让几何体看起来真实、精致就需要贴图。 其实简单一句话形容就是：就像家里装修时要给大白墙贴上壁纸一样。 那么本文将‘简单描述’一下给立方体贴图的过程，我之所以说‘简单描述’是因为这里涉及的领域比较多，所以文中的内容就不做过多扩展描述了，只简述关于《ThreeJS 立方体贴图》的干货。 示例 什么是贴图？ 贴图学名叫做 Texture Mapping ，译作 纹理映射、纹理贴图、材质贴图。 简单说就是：把一张图片贴到几何体的表面上。 那么下面开始写代码！ 本文到此结束，有时间会写一篇关于UV Mapping的贴图方式，比这个稍微复杂点，其实也很简单，今天就先到这里，欢迎评论，提意见！ ---- 转发请注明本文链接。
3.4K50发布于 2020-03-12 - 来自专栏Unity3d程序开发
MFC使用TransparentBlt透明贴图
是图片左上角相对屏幕左上角为原点的X，Y坐标，说明图片要放置的位置 nWidth，nHeight是Bmp图片的的横高的分辨率 nSrcX，nSrcY是图片自身以左上角为原点的相对坐标，当为0,0时表示图片的透明贴图从这张图的左上角开始
50920编辑于 2023-08-24 - 来自专栏开源技术小栈
Snipaste 超级好用截图+贴图工具
如果你是程序员、设计师，或者是大部分工作时间都在电脑前，贴图功能将改变你的工作方式、提升工作效率。 Snipaste 使用很简单，但同时也有一些较高级的用法可以进一步提升你的工作效率。 取色 (Alt) 文件拖放 贴图分组 方便地标注图像 丰富的画图工具 矩形 椭圆 线条 箭头 铅笔 马克笔 文字 高级标注工具 马赛克 高斯模糊 橡皮擦 撤销、重做 自定义设置 主题色、界面字体、通知栏图标等
53810编辑于 2023-12-13 - 来自专栏前端数据可视化
Three.js 基础纹理贴图
本文主要讲解入门 Three.js 必须接触的基础贴图功能。 本文只讲解常用的属性，学会了常用的属性设置就知道如何查阅文档使用其他属性了～ 基础贴图 基础贴图用到的是基础材质 THREE.MeshBasicMaterial 和 THREE.TextureLoader 所以这里会省略这部分代码 // 省略部分代码... // Three提供的纹理加载器 const textureLoader = new THREE.TextureLoader() // 导入纹理贴图基础贴图 // 导入纹理贴图基础贴图 const chungeLoader = textureLoader.load('. 代码仓库 ⭐ 基础纹理贴图 推荐阅读 《Three.js 起飞！》
6.4K30编辑于 2023-02-26 - 来自专栏数据库与编程
用PS制作法线贴图
在3D建模的世界中，法线贴图是提升模型表面细节和质感的关键。接下来，我们一步步利用Photoshop创建一张法线贴图。 1、准备材料： 在Photoshop导入你希望建立法线贴图的原始图片。 最好选择一张具有明显凹凸感的图片，这样可以更好地展示法线贴图的效果。 2、使用滤镜： 进入“滤镜”菜单，找到3D子菜单并选择“生成法线图”。 5、观察对比： 1）下图中立方体没加法线贴图 2）下图中立方体增加了法线贴图 通过上面的对比，可以明显的看出应用法线贴图前后的差异。 没有法线贴图的物体，其表面可能会显得平滑无特征；而应用了法线贴图之后，相同的物体会呈现出更加丰富的凹凸感和细节阴影，使得整体观感更为立体和逼真。 上面就是利用Photoshop从一张普通的2D纹理制作出精细的法线贴图的步骤。 以上示例在Unity中进行测试如下：
2.9K10编辑于 2024-11-23 - 来自专栏音视频技术学习笔记
29.opengl高级光照-视差贴图
为什么要使用视差贴图？ 上一篇法线贴图使用了法线纹理，通过法线的变化来控制漫反射和镜面反射的强度，加强了纹理渲染的层次感，明暗渐变更符合实际情况。视差贴图在法线贴图之上，增加物体表面的凹凸感。 法线贴图 法线贴图+视差贴图 可以明显看到，视差贴图在每一块的边缘部分立体感更强了，凹凸有致啊。 2. 视差贴图的实现原理 ? 视差贴图算法的核心就是设计一个算法，把2维的纹理映射成一个三维的采样。 砖的表面是毛糙不平的，整个深度贴图是这样的： ? 真实的B点是无法精确计算的，因为深度贴图是离散的，并非是可以计算的函数(解方程就可以了)，只能估算，本文给出一个估算方法： 取 A点到人眼（相机位）坐标的向量 -->标准化得到向量P1； 从深度贴图上取出 片段着色器 parallax_mapping.vs，有些变化，增加了深度贴图，计算坐标视差 取出纹理后，增加视差偏移，视差偏移的算法如下，其他的逻辑和上一篇法线贴图的fs没有区别。
1.1K20发布于 2020-07-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号