article thumbnail

Tutorial: Cocos Shader Series - Use a Noise Map to Make a Dissolve Texture

Cocos

x, I using this code but it not bring Property affect to shader Ok, this work if turn of Packable in main Sprite inspector Blockquote const sprite = this.getComponent(Sprite); const mat = sprite.customMaterial; mat.setProperty(‘dissolveThreshold’, 0.5); Version 3.6.x,

Shaders 98
article thumbnail

Cocos Creator 3.8 Post-Process Shader Writing (2/2) Advanced

Cocos

Preface In the last article , Kylin shared how to add your own post-effect Shader in the custom render pipeline in Cocos Creator 3.8. However, based on the BlitScreen solution, we can only write the simplest post-effect Shader. Today Kylin will use Gaussian blur to demonstrate how to write a multi-pass post-effect shader.

Shaders 98
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Shader display problem

Cocos

On a smaller texture, the distortion is greater than on a larger texture. The HelloWorld texture has a size of 196 X 270. One shader is used, only the sprite texture changes. I scaled it up in the graphics editor to 400 x 554 and the distortion is barely noticeable. Do you need some tweaks or is this a bug?

Shaders 52
article thumbnail

Cocos Shader Tutorial 1.0 - about UV

Cocos

The vertical axes of textures and picture pixels is shown above, when sampling textures in shaders, that is from top to bottom, which is top-right corner. If your previous development experience is based on OpenGL, you may find that the texture on your grid is vertically flipped. to make the color in bottom darker.

Shaders 98
article thumbnail

Creating a See-Through | X-Ray Effect In Unity – Shader Tutorial

Awesome Tuts

What Is a Shader? Since the main premise of this effect is going to be a shader, we’ll start with explaining what a shader is. A shader is a script where you write code that determines how the colors will be rendered based on various scenarios like lighting and material configuration.

Shaders 90
article thumbnail

Potential of shader graph and VFX graph in Unity 

iXie gaming

Among these, Shader Graph and VFX Graph stand out as the most important additions as they empower developers to craft complex shaders and breath-taking visual effects with relative ease. Shader Graph Shader Graph is a node-based visual interface that allows artists and developers to create shaders without writing complex code.

Shaders 52
article thumbnail

[CC 3.7.3] Shader Error?

Cocos

Another thing is I noticed that the FPS dropped after the shader was applied to some sprites. So, is there way to cache the rendered texture (including the shader effect) rather than recalculating the same thing every frame. I will check and get back to you.

Shaders 40