unity float保留_[Unity+shader]重现战场女武神系列的手绘风格（上）

最新推荐文章于 2022-11-01 14:18:08 发布
最新推荐文章于 2022-11-01 14:18:08 发布
阅读量189 收藏
点赞数
文章标签： unity float保留
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39934063/article/details/111341269
版权

3cf05332b8da9284625d3c17c8768135.png

作者是一条咸鱼，虽然早说要写但是直到游戏都发了一年了才写完这篇文（其实没有，只写了一部分）

虽然四代由于剧情设定极具日式中二风味而受到一些反面评价，目前似乎人气也平平，但实际体验起来还是非常有意思的。这款不用走格子的战棋游戏在视觉方面，使用了一款名为CANVAS的引擎，画面采用了一种手绘的水彩画风。

Valkyria Chronicles 4 | Canvas​valkyria.sega.com
a80eab838957f0f2e182b15f451508d0.png

根据世嘉给出的介绍，其特点包含了若隐若现的描边、渗色、暗部添加阴影线，以及拟声词的文字表现这四点。

4551d6dc18816bff9c9c0dca076a8818.png
懒得重新截图了于是随便找了一张。反应过来了吗，所谓bursts of textual onomatopoeia指的就是这个GRRRRR的效果

这一系列的内容就和描边、渗色(没明白到底指啥，因为好像并没有看到颜色边界不清晰啊。于是这里就当是边缘那个上色没上完的效果了)以及阴影线有关，通过以上三个工序的处理，再现女武神系列的标志性手绘水彩效果。

首先从描边开始。

在5.几版本的unity提供的standard asset中就有提供EdgeDetection

作为image effect https://docs.unity3d.com/540/Documentation/Manual/script-EdgeDetectEffect.html

（5.5之后被收录在legacy-image-effects中 https://assetstore.unity.com/packages/essentials/legacy-image-effects-83913 ）。

其思路即将相邻的像素做比较，差别较大的位置被识别为边缘。采样时有直接使用原本的图像纹理、使用深度图、深度及法线图这几种方法。

b6b9e5ce32a82155c183b0012e88ac65.png
直接对图像本身进行检测与使用深度图进行检测的区别在于，使用深度图时，不会将平面上的花纹识别为边缘

所谓深度图，即_CameraDepthTexture，可以在shader中通过声明

sampler2D_float _CameraDepthTexture;

来获取。

e96204f021b4df3d3608604dc2621448.png
也可以看出，同一个物体上的不同位置由于到摄像机的距离没有多少差距而在深度图上无法表现出太多变化

得到的深度是一个0～1的值，如果直接拿来作为纹理使用的话，就是会由于只有r通道有数据而成为一片红红的样子。如果只取r值的话，就能显示出淡淡的灰色，这是因为它是一种非线性空间中的深度值（Pixel values in the Depth Texture range between 0 and 1, with a non-linear distribution.）。

这时，为了方便使用，unity提供了一个Linear01

最低0.47元/天 解锁文章
weixin_39934063
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity Shader实现素描效果
08-19
主要为大家详细介绍了Unity Shader实现素描效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity shader graph Hand drawing 手绘风格 3D
lvcoc的博客
11-03 739
手绘版shader
01-04
手绘版的一款shader，有Demo很容易理解，拿出来分享一下
unity 3d物体描边效果_[Unity+shader]重现战场女武神系列的手绘风格（下）
weixin_39867893的博客
11-25 327
在前两篇中，我们完成了 基于纹理的边缘检测以及 水彩纸边缘效果 的制作，接下来就是最后一道工序，为图像的暗部加阴影线添加阴影线同样有基于纹理和基于模型的几种不同方法，实际可以根据喜好和需求选择。首先在properties中添加一些用得上的元素：阴影纹理、添加阴影的阈值，以及未来让效果调节起来容易一些，增加一个阴影强度的参数。 _MainTexB ("Sketch Texture", 2D) =...
Hand-Drawn Shader Pack 1.2 - 手绘风格的着色器插件
04-27
Hand-Drawn Shader Pack 1.2 - 手绘风格的着色器插件;Hand-Drawn Shader Pack 1.2 - 手绘风格的着色器插件
unity_shaders_book_chapter_4_unityshader_SHADER_unity_
10-03
《Unity Shader编程进阶——第四章：Unity Shader与Shader基础知识》 在Unity引擎中，Shader是一种强大的工具，用于控制游戏中的图形渲染效果。本章主要围绕Unity Shader的基础知识展开，涵盖了在Shader编程过程中...
Canvas_Shadow_shadow_Unity阴影Shader_toweromb_SHADER_unity_
10-04
"Canvas_Shadow_shadow_Unity阴影Shader_toweromb_SHADER_unity_"这个标题暗示我们将会探讨如何使用Unity的Shader来实现一种特殊的阴影效果，特别是针对半透明物体的点光源阴影。在3D图形编程中，Shader是一种在GPU...
Unity圣典_unity圣典_unity_Unity圣典_
10-03
《Unity圣典》是一本深度探索Unity引擎的权威指南，旨在帮助开发者，无论是新手还是有经验的从业者，提升在游戏开发、虚拟现实(VR)、增强现实(AR)以及跨平台应用开发中的技能。这本书涵盖了从基础概念到高级技术的...
Unity攻击范围光圈Shader实现(UGUI)
05-19
在Unity游戏开发中，Shader是实现复杂视觉效果的关键工具，特别是在UGUI（Unity Graphical User Interface）系统下。Shader能够自定义渲染过程，为UI元素赋予动态和交互性。本教程将聚焦于如何使用Shader在UGUI环境...
Unity 风格化海水 Stylized Water Shader
07-23
Unity风格化海水，最低支持到Unity2017，支持移动端，如果想在Unity手游上开发一个卡通渲染风格化的海水，是很好的参考，相对比较完整
Unity Shader入门精要学习笔记 - 第14章非真实感渲染
StormLikeMe的草舍
06-25 3388
转载自 冯乐乐的 《Unity Shader 入门精要》 尽管游戏渲染一般都是以照相写实主义作为主要目标，但也有许多游戏使用了非真实感渲染（NPR）的方法来渲染游戏画面。非真实感渲染的一个主要目标是，使用一些渲染方法使得画面达到和某些特殊的绘画风格相似的效果，例如卡通、水彩风格等。 卡通风格的渲染 卡通风格是游戏中常见的一种渲染风格。使用这种风格的游戏画面通常有一些共有的特点，例如物
Unity Shader深度纹理、法线纹理的使用
mozhi
06-01 1047
前言：在进行屏幕后处理的时候，我们往往会应用很多图像处理的相关算法，例如高斯模糊，sobel边缘检测等等。但是这些图像算法都是基于图像的颜色值来计算的，而我们通过渲染管线得到屏幕图像时，不仅可以得到颜色缓冲，还可以得到深度缓冲以及法线信息等。更多的信息可以为我们提供更多的方法去处理和计算，例如，在边缘检测时，我们如果用sobel基于颜色信息计算得到边缘，那最终得到的边缘信息会受到物体纹理以及光照等...
UnityShader入门精要——获取深度和法线纹理
weixin_51327051的博客
02-22 2458
原理 深度纹理实际就是一张渲染纹理，只不过它里面存储的像素值不是颜色值，而是一个高精度的深度值。由于被存储在一张纹理中，深度纹理里的深度值范围是[0, 1]，而且通常是非线性分布的。这些深度值来自于顶点变换后得到的归一化的设备坐标（NDC）。 回顾一下，一个模型要想最终被绘制在屏幕上，需要把它的顶点从模型空间变换到齐次裁剪坐标系下，这是通过在顶点着色器中乘以MVP变换矩阵得到的。在变换的最后一步，我们需要使用一个投影矩阵来变换顶点，当我们使用的是透视投影类型的摄像机时，这个投影矩阵就是非线性的，而正交投
深度纹理
zjz
10-17 3580
深度纹理定义:深度纹理实际上是一种渲染纹理,纹理中的每一个像素值分别存储的是高精度的深度值,而该深度值又是由NDC(统一设备坐标系)中的z分量值来提供,具体的计算公式如下: 深度纹理实现方式:实现方式如下: 1.通过设置渲染路径为延迟渲染路径,将深度信息存储在几何缓冲区中,从而通过直接访问深度缓存来实现。 2.通过在单独的pass中利用着色器替换技术,将满足渲染类型为Opaque,渲染队列小于
unity shader 基础之十一 动画、屏幕后处理、深度纹理
qq_37672438的博客
10-17 1620
11.1 时间变量 _Time,_SinTime,_CosTime,_unity_DeltaTime 11.2 纹理动画 一张贴图就是一张序列帧贴图，通过对uv偏移，获取不同uv下不同的图片 floor(x)，获取小于x的最大整数 frac(x),获取x的小数部分 11.3 顶点动画 Disable Batching 标签，关闭合批，因为顶点动画是对单个顶点进行操作，合批会让多个单物体合并成一个物体，从而丢失了各自的模型空间 11.4 广告牌动画 广告牌的目的构建一个变化的
Unity3D中的深度纹理和法线纹理
SwordMaster8060的博客
11-26 2589
1.什么是深度纹理？深度纹理实际就是一张渲染纹理，只不过它里面存储的像素值不是颜色值，而是一个高精度的深度值。由于被存储在一张纹理中，深度纹理的深度值范围是[0,1],而且通常是非线性分布的，那么，这些深度值是从哪里得到的呢？总体来说，这些深度值来自于顶点变换后得到的归一化的设备坐标(Normalized Device Coordinates,NDC)。一个模型要想要最终被绘制到屏幕上，需要把它的
Unity ShaderGraph 水彩渲染
dddoffffute的博客
11-01 1755
Unity ShaderGraph 水彩渲染
UnityShader-素描铅笔画风格 实现详解
u014078887的博客
05-20 977
效果图 实现大致思路 （1）几张铅笔画程度不同的素描原线图 （2）根据模型顶点法线与场景中光照方向的夹角算点积。 （3）点积越大，颜色越前，素描程度越低，点积越小，颜色越深，素描程度越大。 （4）将点积分为七个不同的范围，其中最大的范围为纯白色 （5）其余六个范围，按点积大小从上方素描原线图由浅至深进行采样 （6）增加一个纯白贡献度，将不采样的部分及单次采样的部分向白色翻转，形成留白的效果 详细代码解释 (1) 定义属性 Properties{ //物体本身颜色 _Color("Main
【ShaderToy】水彩画
weixin_33812433的博客
08-19 1061
写在前面 好久没有更新shadertoy系列了，我万万没想到有童鞋还惦记着它。。。之前说过希望可以一周更新一篇，现在看来是不怎么可能了，一个月更新一篇的希望比较大（不要再相信我了。。。） 我把之前实现的这个系列上传到了GitHub（https://github.com/candycat1992/Shadertoy_Lab）上，有兴趣的可以去下载下来。当然，也希望有网...
unity "EH_SampleShader/ToonShader" 把图片效果输出到 png
最新发布
07-14
你可以使用Unity自带的RenderTexture来将ToonShader的效果输出为PNG图片。下面是一个简单的示例代码： ```csharp using UnityEngine; public class ToonShaderExporter : MonoBehaviour { public Shader toonShader; public RenderTexture renderTexture; public string outputFileName = "output.png"; private void Start() { // 创建RenderTexture，用于将ToonShader效果渲染到其中 renderTexture = new RenderTexture(Screen.width, Screen.height, 24); renderTexture.format = RenderTextureFormat.ARGB32; renderTexture.Create(); // 将相机的TargetTexture设置为renderTexture Camera.main.targetTexture = renderTexture; // 将ToonShader赋给相机的Material Camera.main.SetReplacementShader(toonShader, ""); // 渲染相机 Camera.main.Render(); // 恢复相机的TargetTexture为空 Camera.main.targetTexture = null; // 从renderTexture中读取像素数据 Texture2D texture = new Texture2D(renderTexture.width, renderTexture.height, TextureFormat.RGB24, false); RenderTexture.active = renderTexture; texture.ReadPixels(new Rect(0, 0, renderTexture.width, renderTexture.height), 0, 0); texture.Apply(); RenderTexture.active = null; // 将像素数据保存为PNG图片 byte[] bytes = texture.EncodeToPNG(); System.IO.File.WriteAllBytes(outputFileName, bytes); // 销毁renderTexture和texture Destroy(renderTexture); Destroy(texture); } } ``` 将上述代码添加到一个空物体上，并将ToonShader赋给toonShader变量。然后运行游戏，代码会将ToonShader的效果渲染到RenderTexture，并将RenderTexture保存为PNG图片。最终的PNG图片会保存在Unity项目的根目录下，文件名为output.png。你可以根据需要修改输出文件名和路径。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值