Coder Social home page Coder Social logo

unity-outline-effect's Introduction

日本語は下記です。

Overview

Sample Render 01 Sample Render 02 Settings

Outline post process effect implementation on the Unity's universal pipeline.

It uses depth + normal buffers to generate the outline. Please see tooltip on each of the post-process effect settings for a more detailed description on what each setting does.

How to use (on this project)

  • Open the project
  • Open the Scenes/SampleScene.unity scene
  • Effect should be visible straight away
  • Effect can be customized through the Post-process Volume game object

How to use (different project with no custom Render Pipeline Asset)

  • Import the Package/OutlineEffect.unitypackage included in this repository into the other project
  • Assign the included OutlineEffectRenderPipelineAsset to the following settings:
    • Project Settings -> Graphics -> Scriptable Render Pipeline Settings
    • Project Settings -> Quality -> Rendering
  • On any volume in the scene just add the Outline Effect override
  • Check the Enable checkbox to turn on the effect
  • Change any of the settings as desired

NOTE: Make sure that the following settings are enabled on the main camera:

  • Post Processing
  • Depth Texture

How to use (different project with a custom Render Pipeline Asset)

  • Import the Package/OutlineEffect.unitypackage included in this repository into the other project
  • Select your custom render pipeline _Renderer asset and under Renderer Features add the following render features in the same order:
    • Depth Normals Render Feature
    • Outline Effect Render Feature
  • Under the newly added Outline Effect Render Feature, go to Settings -> Shader and assign the OutlineEffect shader
  • On any volume in the scene just add the Outline Effect override
  • Check the Enable checkbox to turn on the effect
  • Change any of the settings as desired

NOTE: Make sure that the following settings are enabled on the main camera:

  • Post Processing
  • Depth Texture

概要

Unityのユニバーサルレンダリングパイプラインでの輪郭のポストプロセス特殊効果。

深度と法線のバッファーに基づくエフェクトです。各設定のツールチップに詳しいエフェクトの使い方の説明があります。

使い方(当プロジェクト)

  • プロジェクトを開きます
  • Scenes/SampleScene.unityシーンを開きます
  • そのままで輪郭エフェクトが見えます
  • Post-process Volumeを用いてエフェクトの設定を変更できます

使い方(別のプロジェクト。カスタム「Render Pipeline Asset」がない場合)

  • このリポジトリのPackage/OutlineEffect.unitypackageを別のプロジェクトにインポートします
  • 下記の設定に含めたOutlineEffectRenderPipelineAsset を割り当てます
    • Project Settings -> Graphics -> Scriptable Render Pipeline Settings
    • Project Settings -> Quality -> Rendering
  • シーンにあるvolumeOutline Effectのオーバーライドを追加します
  • VolumeでEnableのトグルを有効にするとエフェクトは有効になります
  • Volumeでエフェクトの設定を変更できます

ご注意: カメラに下記の設定をONにしてください:

  • Post Processing
  • Depth Texture

使い方(別のプロジェクト。カスタム「Render Pipeline Asset」がある場合)

  • このリポジトリのPackage/OutlineEffect.unitypackageを別のプロジェクトにインポートします
  • カスタム「Render Pipeline Asset」の _Rendererの接尾語あるアセットをクリックして、Renderer Featuresの下に下記のRenderer Featureを追加します(同じ順番):
    • Depth Normals Render Feature
    • Outline Effect Render Feature
  • 追加されたOutline Effect Render Featureの下に、Settings/ShaderOutlineEffectのシェーダを割り当てます
  • シーンにあるvolumeOutline Effectのオーバーライドを追加します
  • VolumeでEnableのトグルを有効にするとエフェクトは有効になります
  • Volumeでエフェクトの設定を変更できます

ご注意: カメラに下記の設定をONにしてください:

  • Post Processing
  • Depth Texture

unity-outline-effect's People

Contributors

zhibade avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.