在 Unity 中实现这种绘画式合成?

     2023-03-23     255

关键词:

【中文标题】在 Unity 中实现这种绘画式合成?【英文标题】:Achieve this painterly compositing in Unity? 【发布时间】:2021-08-30 16:42:58 【问题描述】:

我已经通过合成在 Blender 中实现了这种绘画效果,但我需要知道它在 Unity 中是否可行 - 经过一些谷歌搜索并通过 Unity Asset Store,我什么也没看到。效果——

使用 Blender,这是通过置换和画布图案来实现的。我该如何做这个 Unity,特别是在 VR 中?

编辑:这是我根据下面的答案得到的,但没有实现图像效果:

【问题讨论】:

【参考方案1】:

对于 URP 或 HDRP,有一种实际简单的方法可以以这种方式应用您的全屏着色器 fx,它看起来类似于传统方法“OnRenderImage()”。

首先,你必须注册两个事件:

    Camera Cam;
    void OnEnable()
    
        RenderPipelineManager.endCameraRendering += RenderPipelineManager_endCameraRendering;
        RenderPipelineManager.beginCameraRendering += RenderPipelineManager_beginCameraRendering;
    

    void OnDisable()
    
        RenderPipelineManager.endCameraRendering -= RenderPipelineManager_endCameraRendering;
        RenderPipelineManager.beginCameraRendering -= RenderPipelineManager_beginCameraRendering;
    

第二部分是复制Camera纹理,以及使用着色器的Blit()。

    private void RenderPipelineManager_beginCameraRendering(ScriptableRenderContext context, Camera camera)
    
        Cam.targetTexture = rt;
    

    private void RenderPipelineManager_endCameraRendering(ScriptableRenderContext context, Camera camera)
    
        Cam.targetTexture = null;

        //Apply your shader here
        Graphics.Blit(rt, null as RenderTexture, material);
    

*以上建议的方法是指FM Color,其中包括带有着色器数学的高级绘画风格。

【讨论】:

【参考方案2】:

这样的效果通常使用 Image Effect 着色器或 Unity 3D 中的 Compute shaders 来实现。虽然计算着色器往往更高效、更灵活,但它们通常更难实现。以下脚本和图像效果着色器可用于实现与您相似的结果,并可能为您指明正确的方向:

without effect

with effect

(我使用了相当低分辨率的纹理来渲染这些图像,并且通过使用更好的纹理可以获得更好的结果)

使用 Create > Shader > Image Effect Shader 创建一个新的 Image Effect Shader,将其命名为 Painterliness 并将其内容替换为:

Shader "ImageEffects/Painterliness"

    Properties
    
        _MainTex ("Texture", 2D) = "white" 
        _NoiseTex ("Displacement Noise", 2D) = "white" 
        _CanvasTex ("Canvas", 2D) = "white" 
        _DisplacementTiling  ("Displacement tiling", Range(0.0, 10)) = 1
        _Displacement  ("Displacement", Range(0.0, 0.5)) = 0.01
        _CanvasTiling  ("Canvas tiling", Range(0.0, 10)) = 1
        _CanvasStrength  ("Canvas strength", Range(0.0, 5)) = 0.5
    
    SubShader
    
        // No culling or depth
        Cull Off ZWrite Off ZTest Always

        Pass
        
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata
            
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            ;

            struct v2f
            
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            ;

            v2f vert (appdata v)
            
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            

            sampler2D _MainTex;
            sampler2D _NoiseTex;
            sampler2D _CanvasTex;
            float _DisplacementTiling;
            float _Displacement;
            float _CanvasTiling;
            float _CanvasStrength;

            fixed4 frag (v2f i) : SV_Target
            
                float2 offset = (tex2D(_NoiseTex, i.uv *
                    _DisplacementTiling).rg * 2 - 1) * _Displacement;
                fixed4 col = tex2D(_MainTex, i.uv + offset);
                fixed4 canvas = clamp(1 - _CanvasStrength + tex2D(_CanvasTex,
                    i.uv * _CanvasTiling) * _CanvasStrength, 0, 1);
                return col * canvas;
            
            ENDCG
        
    

然后创建一个材质并在 ImageEffects > Painterliness 下为材质选择此着色器。为“置换噪波”选择彩色噪波纹理(例如this),为“画布”选择(灰度)纹理(例如this)。

创建一个新的 c# 脚本,调用它 ApplyImageEffect 并将其内容替换为:

using UnityEngine;

[ExecuteInEditMode]
public class ApplyImageEffect : MonoBehaviour

    public Material mat;
    void OnRenderImage(RenderTexture src, RenderTexture dest)
    
        if(mat)
            Graphics.Blit(src, dest, mat);
    

ApplyImageEffect.cs 添加到您的主相机并将材质分配给它。此时效果应该在您的游戏视图中可见,并且可以在材质中进行调整。

我不确定,如果 VR 支持这样的图像效果,但从理论上讲,这对于立体渲染应该类似。

【讨论】:

嘿。感谢这个细致入微的答案。我按照描述做了所有事情,但没有可见的图像效果。我在回答中包含了屏幕截图 我不认为脚本正在执行。 您是否在使用像 URP 或 HDRP 这样的可编写脚本的渲染管线?因为根据documentation,这种情况下不支持OnRenderImage方法。在我的机器上,这些说明使用创建新项目时可以找到的“3D”模板工作。它似乎也适用于“VR”模板,因为效果在游戏视图中可见,但我没有 VR 耳机来完全测试。 如果您需要可编写脚本的渲染管线,documentation 声明如下:“可编写脚本的渲染管线不支持 OnRenderImage。要在通用渲染管线 (URP) 中创建自定义全屏效果,请使用ScriptableRenderPass API。要在高清渲染管道 (HDRP) 中创建自定义全屏效果,请使用全屏自定义 Pass。" 好的,这很有帮助,谢谢。我正在使用URP。我也会研究,但有没有一种简单的方法可以将 ApplyImageEffect 脚本转换为 ScriptableRenderPass?

如何在python中实现概率分布的合并?

】如何在python中实现概率分布的合并?【英文标题】:HowtoimplementConflationforprobabilitydistributioninpython?【发布时间】:2021-01-2810:26:09【问题描述】:我在网上寻找将几个连续概率分布组合成一个连续概率分布的方法。这种方法称为C... 查看详情

unity中实现高级相机操作——cinemachine插件

一:前言Cinemachine可以快速实现各种相机效果,例如跟随、分镜、推拉式镜头等,配合Timeline可以创建CinemachineTrack实现动画融合二:执行流程从PackageManager上可以下载Cinemachine插件,它有以下几种类型的虚拟相... 查看详情

在unity中实现简单的伪时间同步

在Unity中实现简单的伪时间同步,只是读取数据库所在电脑的当前时间代码如下:usingUnityEngine;usingSystem.Collections;usingSystem.Runtime.InteropServices;usingSystem.Data;usingSystem.Data.SqlClient;publicclassChangeTime{//Kernel32.dll在32位 查看详情

如何在颤动中实现这种效果/布局?

】如何在颤动中实现这种效果/布局?【英文标题】:Howtoachievethiseffect/layoutinflutter?【发布时间】:2021-10-0520:29:18【问题描述】:我发现,这种搜索效果是内置在ios框架中的。但是这种布局如何在Flutter中实现呢?【问题讨论】:... 查看详情

如何在unity中实现拖尾效果

在制作游戏过程中会出现鼠标滑动的实现,而为啦增强视觉效果,往往会添加拖尾或者鼠标点击的特效,接下来就说说在unity中如何实现拖尾效果,首先unity中有个组件,叫TrailRenderer,在Component——>Effect——>TrailR... 查看详情

需要帮助在 Unity 3D 中实现移动输入

】需要帮助在Unity3D中实现移动输入【英文标题】:NeedhelptoimplementmobileinputsinUnity3D【发布时间】:2021-11-0400:56:27【问题描述】:我使用Unity2D游戏套件设计了一款2D游戏。我的唯一目的是在Android设备上发布它们。但不幸的是,它的... 查看详情

在unity中实现动画的正反播放代码

usingUnityEngine;usingSystem.Collections;publicclassAnimationAntiSowing:MonoBehaviour{publicstaticAnimationAntiSowing_initialise;voidAwake(){_initialise=this;}///<summary>///动画进行正反播放///</summ 查看详情

在 C# 中实现接口与显式实现接口 [重复]

】在C#中实现接口与显式实现接口[重复]【英文标题】:ImplementInterfacevsImplementInterfaceExplicitlyinC#[duplicate]【发布时间】:2012-03-0100:29:34【问题描述】:我在VS2010中有两个选项来实现接口。当我有IHelper.cs界面如下:publicinterfaceIHelper... 查看详情

如何在 SQL 中实现这种双重联接?

】如何在SQL中实现这种双重联接?【英文标题】:HowcanIachievethisdoublejoininSQL?【发布时间】:2013-02-0107:15:19【问题描述】:我有这个查询,它连接了存储在缓存表中的事件的名称。SELECTOccurrenceCache.occurrence_date,CalendarItem.summaryFROMOcc... 查看详情

为啥在具有多个接口() 的对象中实现 QueryInterface() 时我需要显式向上转换

】为啥在具有多个接口()的对象中实现QueryInterface()时我需要显式向上转换【英文标题】:WhyexactlydoIneedanexplicitupcastwhenimplementingQueryInterface()inanobjectwithmultipleinterfaces()为什么在具有多个接口()的对象中实现QueryInterface()时我需要显式... 查看详情

如何在 rem 中实现响应式字体大小 - bootstrap

】如何在rem中实现响应式字体大小-bootstrap【英文标题】:Howtoimplementresponsivefontsizeinrem-bootstrap【发布时间】:2016-03-2023:40:45【问题描述】:我在我的项目中使用bootstrap3,我看到bootstrap中有2个font-size声明,如下所示:Scaffolding.less... 查看详情

项目分享-在unity中实现涂鸦画图板

今天发现了一个十分“酷炫”的工具项目,在Unity中实现涂鸦画图板的效果:码云上的项目地址:https://gitee.com/SimpleAI/UnityPaint?_from=gitee_search我做了一丢丢简单的尝试,貌似还没有橡皮擦,但是有多种笔触可... 查看详情

如何在Android View中实现这种布局配置

】如何在AndroidView中实现这种布局配置【英文标题】:HowtoachievethislayoutconfigurationinAndroidView【发布时间】:2021-12-2204:11:34【问题描述】:我当前的Android应用程序需要如下复杂布局。这是完成的视图------------------------------------------... 查看详情

在 Play Framework 2.x 中实现摘要式身份验证

】在PlayFramework2.x中实现摘要式身份验证【英文标题】:ImplementingDigestAuthenticationinPlayFramework2.x【发布时间】:2016-10-1907:12:36【问题描述】:我在Play2.5.x中实现了一个RESTful服务,它需要用Digest替换实现身份验证的现有服务器。有... 查看详情

java示例代码_在Scala中实现这种Java机制

java示例代码_在Scala中实现这种Java机制 查看详情

如何在 Flutter 中实现这种排序查询?

】如何在Flutter中实现这种排序查询?【英文标题】:HowtoachievethiskindofsortingqueryinFlutter?【发布时间】:2021-09-0112:24:53【问题描述】:IM试图通过下图实现外观,数据来自本地数据库,使用sqflite。我有db"model"类和用于int的db类,查... 查看详情

在 iPhone 上的 UIWebView 中实现翻页式动画

】在iPhone上的UIWebView中实现翻页式动画【英文标题】:Implementingpage-flip-typeanimationsinUIWebViewontheiPhone【发布时间】:2010-02-0418:50:45【问题描述】:我在iPhone上使用UIWebView来显示EPUB内容,但我想模拟页面翻转“体验”(显示页面折... 查看详情

在 Unity 中实现 Span<T>

】在Unity中实现Span<T>【英文标题】:ImplementSpan<T>inUnity【发布时间】:2019-07-0409:52:07【问题描述】:我正在尝试在Unity中使用Span。我知道System.Memory尚不支持,但我还是想实现它。我直接从NuGet下载了库。我从nuget包中的ne... 查看详情