Cocos

DECEMBER 18, 2024

My sprite doesnt look right after given a material, I wanted to achieve a addtive like effect. heres what it looks like now! Im a new user and unfortunately I can only post one image. The source image has smooth alpha gradient.screenshot-20241218-160021|437x273 Im using cocos creator 3.8.3

Alpha 52

Alpha Sprite Shaders 52

Mircosoft Game Dev

OCTOBER 5, 2016

About shaders. For most game developers, shaders are this scary monster that presents itself with such a complexity that it seems out of reach. In reality, shaders are quite simple by default and just get more complex the more you add to them. Our sprite is 32x32 pixels in size, and it must be drawn at some position.

Shaders 52

Shaders Sprite Pixel Clipping 52

Cocos

MARCH 27, 2025

Even after modifying the vertex buffer ( vb ), the changes are not reflecting on the sprite. I understand that in Cocos Creator 3.8 , I can access the vbo and modify the vertex colors using: let ur = this.node.getComponent(UIRenderer); let vb = ur['_renderData'].chunk.vb;

Shaders 40

Shaders Sprite Code 40

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

APRIL 23, 2024

I have a sprite (a regular line) and I wanted to apply a wave effect to it. 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, this task tormented me. it doesn’t work properly.

Shaders 52

Shaders Sprite Texture 52

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

Cocos

JUNE 22, 2024

I am trying to create a 'CustomMaterial' to stack 2 shader effects. Maybe someone has a better way/idea to solve the problem of only having one CCEffect on one Node/Sprite/etc…? When I do effectAsset: new EffectAsset I get an error, because of the type mismatch. Thanks, tL.

Shaders 52

Shaders Code Sprite 52

Cocos

JUNE 22, 2024

I am trying to create a 'CustomMaterial' to stack 2 shader effects. Maybe someone has a better way/idea to solve the problem of only having one CCEffect on one Node/Sprite/etc…? When I do effectAsset: new EffectAsset I get an error, because of the type mismatch. Thanks, tL.

Shaders 52

Shaders Code Sprite 52

Cocos

JUNE 22, 2024

I am trying to create a 'CustomMaterial' to stack 2 shader effects. Maybe someone has a better way/idea to solve the problem of only having one CCEffect on one Node/Sprite/etc…? When I do effectAsset: new EffectAsset I get an error, because of the type mismatch. Thanks, tL.

Shaders 52

Shaders Code Sprite 52

Cocos

SEPTEMBER 4, 2024

Thank you so much for telling me how to find that component, but it’s too bad it’s not related to the original problem, which is the shader. ;-( It’s simply an error log caused by a missing asset in some component. Is there a difference between applying the material to the sprite and the label?

Shaders 52

Shaders Sprite Code Scripting 52

Cocos

APRIL 17, 2024

Hello, you may want to change the uv0 settings from the shader code. So 0 means the far left side of the sprite and 1 represents the far right side of the sprite. In the example they show on the manual, they made it so that the effect changes along the x-axis from the uv0.x It is important to know that the uv0.x

Shaders 52

Shaders Sprite Code 52

Cocos

JANUARY 2, 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

MAY 23, 2024

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.2 17:49:37 [ERROR]: [ERROR] file /Applications/Cocos/Creator/3.8.2/CocosCreator.app/Contents/Resources/resources/3d/engine/native/cocos/renderer/gfx-metal/MTLCommandBuffer.mm:

Shaders 40

Shaders Sprite Alpha Render 40

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

MARCH 28, 2024

We are currently using this shader to create dynamic light effect on 2d sprites, so we are updating it very often. Also every sprite has it’s own material. First of all declare your array on the shader. stringwizard5: Glad to hear it’s working for you!

Shaders 40

Shaders Sprite Render Data 40

Logic Simplified

APRIL 4, 2025

The optimization of shaders combines calculation simplification methods which lowers both shader passes and processing redundancy. Billboard Sprites reduces GPU processing through the use of simple models for distant objects.

Games 78

Games Texture Render Balance 78

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

Cocos

APRIL 18, 2024

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

Sprite Alpha Pixel Shaders 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

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

MAY 23, 2024

There is also two more custom shader // Copyright (c) 2017-2020 Xiamen Yaji Software Co., pos = inTransform * pos; //cc_matViewProj * #endif uv0 = a_texCoord; #if SAMPLE_FROM_RT CC_HANDLE_RT_SAMPLE_FLIP(uv0); #endif color = a_color; vec2 singleStepOffset = vec2(3.0/4096.0,

Shaders 40

Shaders Sprite Alpha 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 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

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

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

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

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

SEPTEMBER 3, 2024

y * sin(rad); o.rgb *= mix(startColor.rgb, endColor.rgb, smoothstep(edge1, edge2, diagCoord)); o *= color; ALPHA_TEST(o); return o; } }% [topic] When I use above codes, the shaders I apply to the sprite work fine when I’m in the editor, or when I run it in an emulator. 1.0], editor: {type: color} } endColor: { value: [1.0,

Shaders 40

Shaders Sprite Alpha Localization 40

Cocos

SEPTEMBER 3, 2024

y * sin(rad); o.rgb *= mix(startColor.rgb, endColor.rgb, smoothstep(edge1, edge2, diagCoord)); o *= color; ALPHA_TEST(o); return o; } }% [topic] When I use above codes, the shaders I apply to the sprite work fine when I’m in the editor, or when I run it in an emulator. 1.0], editor: {type: color} } endColor: { value: [1.0,

Shaders 40

Shaders Sprite Alpha Localization 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

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

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

SEPTEMBER 23, 2024

intensity); } }% // In typescript this. . // Effect (Fragment Shader) CCProgram fs %{ precision highp float; #include <alpha-test> #include <texture> #include <cc-global> in vec4 v_color; #if USE_TEXTURE in vec2 v_uv0; uniform sampler2D texture; #endif uniform Constant{ vec2 iResolution; }; void main () { vec2 p = -.5

Sprite 52

Sprite Shaders Texture Alpha 52