Giter Site home page Giter Site logo

godot-dissolve-shader-template's Introduction

Godot Dissolve Shader (Visual Shader)

Shader template for Godot Engine, implemented as visual shaders.

Usage

  • Import src/dissolve-shader-template/project.godot in Godot
  • Open the scene shaderDemo.tscn and look around the four examples

Access each Visual Shader

  • Scene Editor: Click on the example node whose shader you want to access, e.g. dissolve regular
  • Inspector Window: Expand > Material
  • Click on shader material button to access the shaderMaterial
  • Open the visualShader by clicking visualShader button

Shader Details

description.jpg

  • A scalar is multiplied with the uv coordinates to achieve scaling the dissolve effect, e.g. in the dissolve large example
  • Another scalar is multiplied with the step threshold to make the emission texture a little larger than the alpha texture. This creates the green glowing border effect

Good to know

  • If you copy the shader to other object, but want the settings to be unique, click "make unique" at visualShader button BUT: You need to delete constants and add them again to make them unique too. I guess that's because of the exact variable names being copied. This is not self-explaining.
  • If you want to directly create a noise texture in a texture node and select new NoiseTexture, be aware that you need to edit it in the inspector and attach a simplexNoise first to make it all work.
  • Be aware that the noise texture is not unique even if you make the visualShader unique. You need to replace the noiseTexture as well if you want to adjust it differently in copied shaders

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.