边缘检测

符合"边缘检测"标签文章(27)

Unity边缘检测shader简介（二）

feng
2018-07-25

这一篇介绍一下通过过程几何获取轮廓（Procedural Geometry Silhouetting)。通常渲染只会渲染模型的正面，这一方法在正面渲染完成后，通过对模型背面的绘制来显示轮廓边缘，当然还需要对背面的网格做一些处理，否则会被正面覆盖，无法显示；通常情况会让网格顶点沿法线平移，做一个类似膨胀的效果，原理如下：下面是一个简单的shader： Shader "Unlit/Rim1" ｛

边缘检测、 Unity、渲染、 JavaScript

赞0 评论0 2.9k浏览
Unity边缘检测shader简介（一）

feng
2018-07-25

边缘检测在游戏开发过程中有很多运用，包括模型外发光、卡通风格渲染的描边等，在Real-Time Rendering一书中介绍了几种边缘检测技术，主要包括表面角获取轮廓、过程几何获取轮廓、通过图像处理生成轮廓。先介绍一下通过表面角获取轮廓，其原理如下图，模型上的点，越接近边缘，其视角与法线的夹角越大(接近90度)。下面通过一个边缘发光的shader，具体了解一下这个原理。shader代码如下，这个s

边缘检测、 Unity、 JavaScript、环境光、游戏开发、卡通

赞0 评论0 2.3k浏览
substance designer中的warp节点分析

feng
2018-06-19

一直觉得warp挺适用，但是用起来有时候效果挺奇怪的，还有directional warp貌似两个产生的效果截然不同，于是尝试用u3d 材质实现下。directional warp这个节点主要功能是用灰度信息推开像素，常常用来分割连续贴图，用于让砖块之类纹理看起来更不连续，根据灰度扭曲图像，所以有方向性，灰度决定扭曲的距离。warp用高度图来扭曲图像做边缘破损效果，因为对坡度变化越大的地方效果越剧

JavaScript、边缘检测

赞1 评论0 3.2k浏览
Unity Shader入门教程（十八）：卷积与边缘检测

feng
2018-06-07

一、什么是卷积在图像处理中，卷积操作指的就是使用一个卷积核(kernel)对一张图像中的每个像素进行一系列的操作。卷积核通常是一个四方形的网格结构(例如2x2、3x3的方形区域)，该区域内每个方格都有一个权重值。党对图像中的某个像素进行卷积是，我们会把卷积核的中心放置于该像素上，如下图所示，翻转核之后再依次计算核中的每个元素和其覆盖的图像像素值的乘积并求和，得到的结果就是改为的新像素值。使用一个3

边缘检测、 JavaScript

赞0 评论0 4.4k浏览
Shader屏幕后处理效果

feng
2018-04-12

屏幕后处理效果即在渲染完场景得到屏幕图像后在进行处理的效果，利用Sobel 算子在屏幕空间中对图像进行边缘检测，以及图像处理中常用边缘检测算子，实现描边效果。边缘检测：边缘检测的原理是利用一些边缘检测算子对图像进行卷积操作（卷积操作就是使用一个卷积核对一张图像的每一个像素进行一系列的操作，倦急核通常是一个四方形网格结构，例如2x2，3x3的方形区域，该区域内每个方格都有一个权重值。当对图像中的某个

边缘检测、 JavaScript

赞0 评论0 2.6k浏览
Shader教程：屏幕后处理-利用卷积算子计算边缘检测

feng
2018-03-29

卷积操作是使用一个卷积核(kernel)对一张图像中的每个像素进行一系列的操作，再通过简单计算过程可以实现图像处理效果中的边缘检测了。那下面就和大家介绍下利用卷积算子计算边缘检测的代码实现。代码如下： Shader "Edge Detection" ｛ Properties ｛ _MainTex ("Base (RGB)", 2D) = "white" ｛｝

边缘检测、 JavaScript

赞0 评论0 3.6k浏览
Unity Shader 边缘检测

feng
2018-02-09

边缘检测的原理是利用一些边缘检测算子对图像进行卷积操作，大家在很多场景中需要使用到，为此下面就给大家介绍下边缘检测的shader代码实现。效果：shader代码： Shader "Custom/ScannerShader" ｛ Properties ｛ _MainTex ("Texture", 2D) = "white" ｛｝ _MaskTex("M

边缘检测、 Unity、 JavaScript

赞0 评论1 2.2k浏览
Shader特效——“Canny边缘检测”的实现【GLSL】

feng
2018-02-06

在介绍这篇文章之前，发现网上关于canny的代码大多是基于C/C++，用GLSL的很少很少，甚至Github上也只有一份错误的实现，所以才有此篇，效果如图1，图2为github错误实现的效果（之所以说它错误，是因为它没有针对梯度方向的角度做Non-Max-Suppression，双阈值的限定也没有按照正统的算法来做），基本上和Sobel的效果差不多。原图：图1：图2：通过对比可见，图1的边界更加精

GLSL、边缘检测、 Github

赞0 评论0 2k浏览
Shader入门（二十四）相机深度纹理

feng
2018-02-02

下面这篇文章主要和大家介绍相机深度纹理，相机可以生成深度和深度法线纹理，以及运动向量纹理（需要Unity5.4以上）。我们可以使用这些纹理来实现屏幕后处理效果。当你需要某种纹理的时候，可以为Camera的depthTextureMode添加以下变量：DepthTextureMode.Depth深度纹理DepthTextureMode.DepthNormals一个包含深度和视图空间法线的纹理例如：

JavaScript、渲染、边缘检测、 Unity

赞0 评论0 3.3k浏览
Unity标准资源包之Effects特效包总括

feng
2018-01-18

下面给大家分享一些Effects特效包，首先将标准资源包导入后，我们看到多了这个这里面包含了一些Unity官方自己写好的效果，感兴趣可以都尝试一下：Antialiasing (PostEffect)抗锯齿特效（后期特效）Bloom and Lens Flares泛光和镜头光晕特效Color Correction Curves颜色校正曲线特效Contrast En

Unity、后期特效、景深、边缘检测

赞0 评论0 5.3k浏览
Unity Shader学习笔记（26）边缘检测（深度和法线纹理）

feng
2018-01-02

边缘检测的原理是利用一些边缘检测算子对图像进行卷积操作，下面就给大家介绍下边缘检测，一起来看看吧。边缘检测使用深度和法线纹理实现，是不受图像纹理和光照影响的，仅保存了当前渲染物体的模型信息。这里使用Roberts算子实现，采样的像素法线变化大的（差值大于0.1）或深度变化大的作为边。 using UnityEngine; /// <summary> /// 边缘检测（法线和

边缘检测、 Unity、渲染、 JavaScript、光照

赞0 评论0 4.3k浏览
Unity Shader学习笔记（20）卷积、卷积核、边缘检测算子、边缘检测

feng
2018-01-02

对于卷积、卷积核很多刚接触的都不了解，下面就给大家介绍下卷积与卷积核的知识以及边缘检测算子和边缘检测，希望对大家有帮助。卷积（convolution）、卷积核（kernel）卷积：使用卷积核对图像每一个像素进行操作。卷积核：四方形网格结构，每个方格都有一个权重值。也称边缘检测算子。对图像某个像素卷积时，把卷积核中心放置在像素上，翻转核（水平翻转+竖直翻转），依次计算每个元素和重合像素的乘积并求和

边缘检测、 Unity、 JavaScript、 Github、 Bug

赞2 评论0 6k浏览
Unity Shader学习笔记（10）纹理（Texture）的属性

feng
2017-12-29

本篇文章将和大家介绍纹理（Texture）的属性，让大家了解每个功能的用法。Texture Type选择适合的类型，Unity会为Unity Shader传递正确的纹理，并对一些纹理进行优化。Defualt（默认纹理）Normal map（法线纹理）使用了法线纹理类型，Unity会根据不同平台对纹理进行压缩，如DXT5nm格式，通过UnpackNormal函数进行采样，见下面UnityCG.cgi

Unity、 Map、游戏开发、 JavaScript、边缘检测

赞0 评论1 4.6k浏览
Unity对选中物体实现描边效果方法汇总

feng
2017-12-28

这篇文章对选中物体实现描边效果是结合了指定layer的外轮廓渲染方法和对物体网格顶点的外扩方法，使用额外相机，将选中物体网格调用Graphics.DrawMesh()，渲染到额外相机中，再使用边缘检测方法把边缘描绘出来。优点：- 不需要为物体选择特定layer，直接选这物体即可（方法2的优点）。- 描边效果只渲染外轮廓且基于屏幕处理（方法1的优点）。- 渲染SetPass calls（Pass调用

渲染、 Unity、 JavaScript、 Github、边缘检测

赞0 评论0 7.9k浏览
写在Shader前，Unity数字图像处理(下)

feng
2017-10-11

写在Shader前，接Unity数字图像处理(上)，下面开始介绍下半部分的内容。4、模糊 using UnityEngine; using System.Collections; public class Test : MonoBehaviour ｛ public Texture2D t; [Range(0, 15)] public i

Unity、 List、边缘检测

赞0 评论0 1.5k浏览
Shader学习（二）：Looking Through a Filter

feng
2017-09-05

这里和大家介绍的是一个学习shader着色器的系列，想熟练的使用好shader的开发人员可以关注下，下面开始讲述第二篇的内容。一、RenderTarget直接看E文的解释吧In RenderMonkey, rendering to a temporary texture can be carried out using something called a render target. Rende

List、渲染、 PS、边缘检测

赞0 评论0 1.2k浏览
Shader学习（七）：非真实感绘制

feng
2017-09-05

下面和大家介绍的是一个学习shader着色器的系列，想使用好shader的开发人员可以学习下。下面介绍第七篇关于非真实感绘制的详细介绍。边缘提取边缘提取有很多种，这里用的是屏幕空间的做法，首先把要提取边缘的物品用纯色绘制到一张rt上，然后用一个一个边缘检测的滤波器在ps中扫一遍。绘制纯色的的psfloat4ps_main(float4Diff:COL

List、 PS、渲染、光照、卡通、边缘检测

赞0 评论0 3.6k浏览
Unity Shader入门精要学习笔记 - 第12章屏幕后处理效果

feng
2017-09-01

屏幕后处理效果屏幕后处理效果（screen post-processing effects ) 是游戏中实现屏幕特效的常见方法。在本篇中，我们将学习如何在 Unity 中利用渲染纹理来实现各种常见的屏幕后处理效果。我们首先会解释在 Unity 中实现屏幕后处理效果的原理，并建立一个基本的屏幕后处理脚本系统。随后我们会使用这个系统实现一个简单的调整画面亮度、饱和度和对比度的屏幕特效。接下

Unity、 List、渲染、场景、运动模糊、边缘检测

赞0 评论0 3.2k浏览
Qwake Tech设计AR头盔，让消防员穿梭于火灾现场

夜★无道昏君
2017-07-03

站在熔岩湖旁，眼前的翻腾的蒸汽遮住了视线，Sam Cossman很担心自己迈出的下一步到底会带来什么后果，这时他突然想到了一个主意。传统的热成像是一种解决方案，但不是理想的解决方案。所以，Cossman与John Long、Ömer Haciömeroglu和Bahar Wadia共同创办了Qwake Tech。 Qwake Tech的增强现实系统C-Thru是一款未来派的头盔，包含热成像摄像头、毒性传感器、边缘检测器和AR显示屏。这款设备能够通过有用的视觉来让用户穿行在烟雾中。C

VR&AR、边缘检测、摄像头

赞0 评论0 2.9k浏览
动画新武器！《你的名字》是如何将CG变成二维动画的？

R°ventric
2017-05-04

　　说到新海诚《你的名字》，相信大家都有看过，但小伙伴们知道《你的名字》是如何将CG变成二维动画的吗？今天要和大家说的就是用这款PSOFT铅笔+插件技术来实现CG变成二维动画的方法！庵野秀明的《新世纪福音战士》，美国RoosterTeeth独立动画工作室，　　面的这些作品，都使用了3ds Max插件非逼真的渲染插件旨在用于特定的目的：使3D cg动画看起来像二维动画，无论是平坦的阴影外观还是纹理的铅笔素描风格。在像《你的名字这样的电影中，虽然人物被绘制，但大约有180张照片，其中包括车辆和鸟类的cg元

游戏美术、渲染、游戏视觉、 PK、 PVP、边缘检测

赞0 评论1 6.6k浏览