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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JUNE 4, 2024

the cc_spriteTexture is an internal sampler used by 2d render pipeline when rendering a sprite. UnGamer: I have changed layout(set = 2, binding =12) uniform sampler2D cc_spriteTexture; why did you change the layout of cc_spriteTexture ? please keep it as the origin.

Shaders 40

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

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

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

JUNE 17, 2024

after using the custom material and effect built-in - sprite this showing transparent, I can see nothing @mr.kylin I actually don’t have much knowledge on shaders Okay, I was using one of the default materials that cocos has provided, just to see how that works.

Graphics 52

Graphics Sprite Shaders 52