article thumbnail

How to create waves in shader?

Cocos

I have a sprite (a regular line) and I wanted to apply a wave effect to it. It looks like a wave, but it goes beyond the texture area. I tried to normalize by passing the dimensions of the sprite (line) to the shader like this mat.setProperty("iRsolutetion", new Vec2(1.0 / this.node.getComponent(UITransform).contentSize.width,

Shaders 52
article thumbnail

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

Cocos

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

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

Does the shader have a built-in function to get the texture size?

Cocos

? ? Does the shader have a built-in function to get the texture size? I’m trying to draw a circle on a texture, the texture is in sprite. I tried it in different ways, sometimes it turns out to be a stretched circle, sometimes it’s not visible at all, sometimes only part of the circle is visible.

Texture 40
article thumbnail

Does the shader have a built-in function to get the texture size?

Cocos

Does the shader have a built-in function to get the texture size? I’m trying to draw a circle on a texture, the texture is in sprite. I tried it in different ways, sometimes it turns out to be a stretched circle, sometimes it’s not visible at all, sometimes only part of the circle is visible.

Texture 40
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

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.

Shaders 52
article thumbnail

[Tutorial]Outer Stroke Effect for 2D Sprites

Cocos

Original: [link] Author: BitByBit Outer Stroke Effect for 2D Sprites Continuing from the previous article Inner Stroke Effect for 2D Sprites Introduction In the last article, we introduced the method of inner stroke and also discussed its pros and cons. The above is the part of the custom post-processing shader.

Sprite 52