Cocos

JANUARY 18, 2024

I’m attempting to make a UI mask with a sprite stencil. I have a shader that I’ve made that essentially takes the sprite and adds a glitchy effect to it… (like a static glitch on a hologram display) It works great with sprites and does exactly what I want it to do.

Sprite 40

Sprite Shaders Animation Animation 40

Cocos

AUGUST 12, 2023

One shader is used, only the sprite texture changes. On a smaller texture, the distortion is greater than on a larger texture. The HelloWorld texture has a size of 196 X 270. 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

Shaders Texture Sprite Bug 52

Febucci

MAY 31, 2019

In this “Unity Sprite Outline” tutorial we’ll discover how to create both a “Sprite Innerline” and a “Outer Sprite Outline”. Simply, the Inner Sprite Outline shader is drawn “inside” the sprite, while “Outer” is the opposite. Inner Sprite Outline HLSL. Outer Sprite Outline HLSL. Amplify Shader.

Sprite 52

Sprite Shaders Texture Asset 52

Cocos

FEBRUARY 22, 2023

some issues… I see a lot of error when export shader: I am not familiar with shaders, but looks like there was a problem with imports: When I changed includes as in builtin sprite shader everything start to work Hi, thanks, now I can login. However, looks like in Cocos Creator 3.7.1

Shaders 52

Shaders Sprite 52

Cocos

JUNE 8, 2023

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

Shaders Sprite Texture FPS 40

Cocos

JULY 28, 2023

I have written a thunder shader and attacked to my Sprite. Checkout: chunks.zip (1.9 KB) It shows in the editor. But it doesn’t show in preview in Browser. It shows some warnings: I use Cocos Creator 3.7.3.

Shaders 40

Shaders Sprite 40

Cocos

MARCH 7, 2024

? ? 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. y; float v = length(uv); v -= 0.5;

Texture 40

Texture Shaders Sprite 40

Cocos

MARCH 6, 2024

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. y; float v = length(uv); v -= 0.5;

Texture 40

Texture Shaders Sprite 40

Cocos

FEBRUARY 27, 2024

To modify the material, you need to add color parameters to the corresponding shader. SpriteRenderer does not provide an interface to modify the color. You can change it by modifying the material. Like this surface-effect.effect.zip (1.2

Render 52

Render Sprite Shaders 52

Cocos

JUNE 6, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Console Localization 40

Cocos

JUNE 6, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Console Localization 40

Cocos

JUNE 6, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Console Localization 40

Cocos

JUNE 7, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Console Localization 40

Cocos

JUNE 1, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Console Localization 40

Cocos

JUNE 1, 2023

I am having an issue with creating shader. CCProgram sprite-vs %{. #if Hello Cocos Team. I couldn’t include the cc-local. No errors were shown at the editor, but when I previewed I got the following error at the browser console.

Shaders 40

Shaders Sprite Localization Console 40

Cocos

AUGUST 29, 2023

I have a question related to shaders. I created a game in which I added a shader; it works fine in web mobile and Android, but in iOS it gives an error during rendering. How to solve this issue version-3.8 error - Attribute a_uv0 is missing, add a dummy data for it. 17:39:35 [ERROR]: [ERROR] file /Applications/CocosCreator/Creator/3.8.0/CocosCreator.app/Contents/Resources/resources/3d/engine/native/cocos/renderer/gfx-metal/MTLCommandBuffer.mm:

Shaders 40

Shaders Sprite Alpha Render 40

Cocos

JUNE 1, 2023

I’m just learning how a shader works. So, I just copied from the built-in sprite effect file to mine. Now, back to the issue, I think, only “cc_matWorld” is used from #include <builtin/uniforms/cc-local> If I commented both of these lines, there were no error. But, everything stopped working as intended.

Shaders 40

Shaders Sprite Alpha Localization 40

Cocos

FEBRUARY 28, 2024

I installed extensions in VS C (Cocos Effect, Shader languages support for VS Code) my next thought was to get into the shader to try working with the texture there, but I ran into difficulties: 1.) I want to achieve the effect - “so that the pixels, like water, fill the empty mouth of the river.”

Pixel 52

Pixel Sprite Shaders Texture 52

Cocos

AUGUST 10, 2023

// Copyright (c) 2017-2020 Xiamen Yaji Software Co., 1.0], editor: {type: color} } endColor: { value: [1.0, o.r = o.g = o.b = gray; #endif #if USE_HORIZONTAL o.rgb *= mix(startColor, endColor, vec4(uv0.x)).rgb; rgb; #endif #if USE_VERTICAL o.rgb *= mix(startColor, endColor, vec4(uv0.y)).rgb; 1.0], editor: {type: color} } endColor: { value: [1.0,

Shaders 52

Shaders Sprite Alpha Localization 52

Cocos

FEBRUARY 3, 2023

Hello, before refering me to the tests or explaining in the theory what a shader is and how code it, can someone actually share a simple working code to apply to a sprite? I have been researching for a week now through old threads and tutorials all over the internet and the code has completly change in cocos2dx 4.0, thanks, R

Shaders 40

Shaders Code Sprite Internet 40

Cocos

AUGUST 10, 2023

For the test, I just added a custom material to the sprite. I was hoping that in the inspector it would be possible to change variables and see the result in the scene window, but unfortunately when I run this in a browser or player, the image does not match what I see in the scene. I’m interested in the 2D scene!

Shaders 52

Shaders Sprite 52

Cocos

JANUARY 15, 2023

2nd, reset the effect in the material of your poker chip to default(standard for 3d, builtin-sprite for 2d), this will help you check if there is some compatibility problems with your custom shader. if it shows correctly in your build preview after doing this, that means you should re-check your shader. hope it can help.

Sprite 40

Sprite Build Shaders 40

Cocos

MAY 13, 2023

Hello, so my issue is such, I have made a shader that causes a UV distortion in the fragment shader, to simulate “flame-like” effects at the edges. There are two variants of these shaders, one where the distortion is dependent on cc_time[0] i.e the time elapsed in seconds when a game is running. 1.0 - newUV.x), min(newUV.y,

Shaders 40

Shaders Alpha Texture Simulation 40

Cocos

JUNE 1, 2023

Are you using this material with normal Sprite component ? by default it’s not activated in Sprite component because the commitComp was invoked without any transform data github.com cocos/cocos-engine/blob/develop/cocos/2d/components/sprite.ts#L579-L581 If so, how did you activate USE_LOCAL for it ?

Shaders 40

Shaders Sprite Localization Render 40

Cocos

JANUARY 13, 2023

I am developing some shaders (trying, anyway) and I’ve got a simple burn dissolve shader on a poker chip in the editor. The problem is, when I click the play icon at the top to preview in browser, I cant see the sprite at all. It looks fine. When I adjust the dissolve amount, it burns away as it should.

Sprite 40

Sprite Build Point and Click Shaders 40

Cocos

MAY 18, 2023

Firstly, Sprite is a quad, the mesh is static for easier usage. Just calculate color step in the fragment shader is enough. Like this shader in ShaderToy shadertoy.com Shadertoy Build shaders, share them, and learn from the best community. You can achieve gradient color within one quad.

Mesh 52

Mesh Shaders Sprite Render 52

Cocos

JULY 5, 2023

For me, even for a simple sprite to work, I need to change its texture filter type to none (in editor) to make it work. Hello @pandamicro I’m having the similar issue. Could you please look into it? Otherwise, what we see in editor and on web are not the same.

Shaders 52

Shaders Sprite Texture 52

Cocos

MAY 19, 2023

I simply switched the Filter Mode of the sprite-frame that I was using from Bilinear to Nearest (none), and it worked! Version 3.6.2 But thanks I figured out the solution.

Shaders 40

Shaders Sprite 40

Cocos

SEPTEMBER 12, 2023

Hi, I am writing a simple shader for spine, and use ts code to animate that shader by setProperty function. The same logic work with sprite, but not Spine. How can I make setProperty work inside a tween? Here is my demo TestShaderSpine.zip (5.3

Shaders 40

Shaders Sprite Demo Animation 40

Cocos

MAY 20, 2023

Can you unchecked the packable option in the spriteframe setting of that sprite? I don’t think filter mode is the root cause of your problem.

Shaders 40

Shaders Sprite 40

Cocos

FEBRUARY 3, 2023

The shaders that are part of Cocos2d-x v4 should be plentiful to learn from, but if you want to know how to convert between an implementation you may see online to what cocos2d-x requires, then the following may help you. 1 + iMouse.x; vec2 R = iResolution.xy, S = vec2(160,100), p = ( U+U - R ) / R * S, q = vec2(cos(-t / 165.),

Shaders 40

Shaders Code Sprite 40

Cocos

AUGUST 2, 2023

Hi, I am writing a simple shader for spine, and use ts code to animate that shader by setProperty function. The same logic work with sprite, but not Spine. How can I make setProperty work inside a tween? Here is my demo TestShaderSpine.zip (5.3

Shaders 40

Shaders Sprite Demo Animation 40

Cocos

JULY 26, 2023

Hi, I am writing a simple shader for spine, and use ts code to animate that shader by setProperty function. The same logic work with sprite, but not Spine. How can I make setProperty work inside a tween? Here is my demo TestShaderSpine.zip (5.3

Shaders 40

Shaders Sprite Demo Animation 40

Cocos

AUGUST 23, 2023

Sorry to litter up the forums with a question like this but I couldn’t find anything about it anywhere online… So… I have made some shaders that use time to essentially animate themselves. Whenever I attach them to a material, and then a sprite in the engine, I can see them moving in the editor as expected.

Bug 40

Bug Feature Shaders Sprite 40

Cocos

FEBRUARY 14, 2023

If I understand correctly, what you want is to do an offset of the content of the image, which you can achieve using a shader.

Tile 40

Tile Sprite Shaders Content 40

Catnip Games

JUNE 20, 2023

The custom terrain shader uses the z-channel to draw water in lower areas of the level. The graphics backend rewrite took a while. However, the situation is now good. Interactive elements will be placed using the in-game editor. I export the rendered terrain from Blender as a RGBA image but with alpha value set to depth. So it’s RGBZ.

Terrain 52

Terrain Render Tile Alpha 52

Cocos

FEBRUARY 15, 2023

How can I animate the offset with a shader? I have no experience with that could you tell me some example?

Tile 40

Tile Sprite Shaders Animation 40