自研引擎如何实现描边算法

于 2022-06-29 00:05:02 发布
阅读量319 收藏 1
点赞数
分类专栏： DX12 renzhai 笔记
本文链接：https://blog.csdn.net/qq_23369807/article/details/125512212
版权

图形渲染 游戏引擎 c++ 小程序 c语言
renzhai 同时被 3 个专栏收录
39 篇文章 5 订阅
订阅专栏
DX12
9 篇文章 5 订阅
订阅专栏
笔记
3 篇文章 0 订阅
订阅专栏

哈喽，介绍一个非常简单的描边功能，基于Shader的描边算法。

虽然我们主流的描边采用的是基于后处理方式，但是对于这种古老的描边我们也要知道。

 

人宅
关注
专栏目录
3D游戏中的描边算法
spracle的专栏
02-19 4256
很容易想到的是法线放大算法，分两个pass： 沿发线方向放大模型，用描边色渲染正常渲染模型 效果如图：优点是不需要renderTarget，兼容性好。 但是如何达到dota2游戏中那种边缘发光的描边效果呢？ 经导师提供一种方案，类似于前面的发线放大，但是这里的放大是通过高斯模糊来实现的。 先上最终效果图： 思路如下： 模型到
图像 描边 算法_WEB 中的透明图像描边
weixin_34522296的博客
01-29 860
图像描边是设计软件中常见的图像处理功能，在 Canvas 中有 strokeText 能够直接对文字进行描边，那么有没有一个 API 能够对图像进行描边呢？很遗憾，并没有。那我们要如何实现描边呢？这就让我们来看看有哪些方案能够实现描边效果。SVG 滤镜既然 Canvas 没有内置，那万能的 SVG 有没有呢？SVG 里有许多有趣的滤镜，其中的 feMorphology 可以达到将某些元素进行「扩张...
drawframe描边 算法
09-16
drawframe 边界 区域 描边 算法 c++ vs2008
卷积描边算法
llsansun的博客
10-18 2436
前段时间美术想要一些角色描边的效果，一开始做了外描边，但是美术想要身体内也有描边效果 类似这种描边，如果用外描边是没办法实现的。 这时候就需要能描述内描边的算法。 从实现来看，包括内描边的算法可以做的方式包括： 1.身体分开描边： 也就是衣服一次外描边，身体一次外描边，头发一次外描边。。。。 好处：容易操作，而且效果可以控制。 坏处：drawcall会多很多，相当于每个配件都多一...
Shader实现描边
qq_38721111的博客
06-17 6466
描边效果是游戏里面非常常用的一种效果，一般是为了凸显游戏中的某个物体。下面使用Shader实现简单的描边效果。 描边的实现通常有两种方式：一种是将模型顶点沿法线方向扩展一段距离，一种是使用深度偏移。 一、通过法线的延伸 原理：进行两次渲染，第一次剔除正面只渲染背面，把模型顶点沿法线方向延伸一定距离，只显示描边的颜色 第二次渲染剔除背面，只显示正面正常渲染。 Shader "Custom...
Unity Shader实现描边OutLine效果
08-25
Unity Shader实现描边OutLine效果 本文主要介绍了 Unity Shader 实现描边 OutLine 效果的方法，通过详细的示例代码和解释，帮助读者快速掌握该技术。 描边 OutLine 效果的实现 描边 OutLine 效果是通过 Unity ...
webgl实现物体描边效果的方法介绍
10-15
本文主要探讨如何在WebGL中实现物体描边效果，这对于创建视觉上吸引人的3D场景至关重要。 首先，物体描边效果通常是为了突出物体边缘，增加视觉层次感。在WebGL中，实现这一效果有多种方法。一种常见的方法是通过...
unity实现描边效果
10-12
在unity中实现物体描边的效果，亲测可用。
简单的勾边算法
weixin_34060299的博客
02-27 415
 　　下述代码列出了几种勾边的实现思路，实际游戏中在屏幕空间扩展法线的方案，基本上就够用了： Shader "Shader/Outline" { Properties { _MainTex("MainTex", 2D) = "white" {} _Color("Color", Color) = (1, 1, 1, 1) ...
有关消灭星星的描边算法
weixin_34396902的博客
08-02 247
popStar 又叫 消灭星星。 闲着想了下算法。 点击星星格子 会出现星星的描边，就是多边形格子的描边 最终 效果类似下图. 中心思想，贴出核心代码 --[[ 假如 一个格子 上方的格子 是无效格子 意味着这个格子的上面的这条边 是多边形的轮廓边 同理 根据四个方向的无效点 就可以获取 四个方向的轮廓边 最终将所有无效边 连接起来就是...
C# 抓边算法 实现
07-03
使用 最小二乘 实现 抓边算法。学习的可以参考。
文本字体自动描边和填充
09-29
支持文本自动描边和自动填充，代码注释丰富，简单易懂
自动描边
hbb的专栏
08-17 1190
深深的记得,对着一堆打散的字体点墨水瓶的痛苦.....所以....在改版之前的flashextensibility.com找到一个挺牛的算法,但作者没优化代码.造成有时候会执行非常慢,我优化了一下,现在用起来很方便啦....改版以后这个帖子也没了,也不知道绝版了没有,在这里共享一下,顺便备份^^_autoStroke( fl.getDocumentDOM().selection[0] );func
ps 色相/饱和度，描边，外发光算法(opengl）
米糊的专栏
10-16 9487
做游戏可能需要有些动态的改变图片效果要求，这些
描边Shader
Liumotor的博客
03-10 264
描边效果是游戏里面非常常用的一种效果，一般是为了凸显游戏中的某个物体。下面使用Shader实现简单的描边效果。 描边的实现通常有两种方式：一种是将模型顶点沿法线方向扩展一段距离，一种是使用深度偏移。 一、通过法线的延伸 原理：进行两次渲染，第一次剔除正面只渲染背面，把模型顶点沿法线方向延伸一定距离，只显示描边的颜色 第二次渲染剔除背面，只显示正面正常渲染。 Shader "Custom/...
在shader中实现五种描边方法
weixin_47652005的博客
09-15 6008
文章目录前言轮廓线渲染方法一览基于观察角度和表面法线模板测试描边过程式几何轮廓线渲染边缘检测SDF方法关于基于轮廓边检测的方法关于可选顶点着色器参考资料 前言 本文为自己的一个学习笔记，以原理为主，每种方法之后都会给出对应完整的代码。 轮廓线渲染方法一览 在RTR3中，作者分成了5种类型（这在《Unity Shader入门精要》的P289页有讲）： 基于观察角度和表面法线 通过视角方向和表面法线点乘结果来得到轮廓线信息。 简单快速，但局限性大。 过程式几何轮廓线渲染。 核心是两个Pass：第一个Pa
轮廓线，描边
游戏天地
01-19 710
卡通渲染中的描边 在渲染物体时一个常见的需求就是给物体添加一个描边，实现描边的方式有很多，今天介绍一种简单的。 原理 对一个物体渲染两遍第一次让顶点对外做一个偏移（沿着法线）。渲染颜色为描边的颜色 正常渲染一个物体，因为第一次有偏移，这次渲染的时候遮不住的地方就是描边了 如图A是需要渲染的物体，B是第一次渲染，C是第二次渲染，这就出现了一个描边效果 关键代码 //渲染
unity 3d物体描边效果_如何写出很好的外描边，手机平台上用（持续更新）
weixin_39751453的博客
11-28 403
前言：1.由于最近失业，技术美术工作太难找了，（我是说在深圳），图形渲染更加难（一个从美术做到程序的人来说，上份工作就是引擎渲染），趁空闲时，我就写了一些手机上描边方法吧。2.手机的描边一直是一个大问题，当时有一家公司面试也问到这个问题，王者农药的也在设定性能选项，可见要点效果一定是会有点浪费。我猜其方法是做在镜头上。原理：描边算法要知道>>>目前有两种方式：1.第一种做出材质上...
字体 描边算法 c++
最新发布
10-13
字体描边算法是一种在字体文字周围添加边框的技术。在计算机图形学中，描边算法被广泛应用于字体设计和文字处理领域。 字体描边算法的目的是增加文字的可读性和视觉效果，使文字在背景中更加突出，同时使整个设计更加美观。描边算法通过在字体文字周围添加一层边框，扩展文字的形状，增加了文字的边缘对比度和清晰度。 字体描边算法的具体实现使用C语言编程。在C语言中，可以通过使用图形库（如OpenGL、DirectX等）来实现描边效果。描边算法的实现主要包括以下步骤： 1. 读取字体文件：首先，需要读取字体文件，获取字体的轮廓数据和字符信息。 2. 字符轮廓细化：对于每个字符，需要对其轮廓进行细化处理，以得到更加平滑的边缘。这可以通过Bresenham直线算法或Bezier曲线等数学方法来实现。 3. 边缘扩展：在细化后的字符轮廓周围添加边缘。这可以通过扩展轮廓的方式实现，例如，可以向外扩展轮廓的每个点，以生成边框。 4. 边缘着色：为边框添加颜色，通常选择和字体颜色相近的颜色，以保持视觉统一性。 5. 字符叠加：将扩展后的字符轮廓和原始字符叠加在一起，以形成描边效果。 6. 输出结果：最后，将描边后的字符渲染到屏幕上或输出到图片文件中，以供使用。 总的来说，字体描边算法是一种通过在字体文字周围添加边框来改善文字可读性和视觉效果的技术。它在计算机图形学中得到广泛应用，并以C语言为基础实现，通过对字符轮廓的细化、边缘扩展和着色等步骤实现描边效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值