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

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

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

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

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,

Shaders

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

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

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

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

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

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

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

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

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

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

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

Mircosoft Game Dev

APRIL 16, 2018

A lot of text and no code so far, so here you go! Here is a link to a file to show what "low level class registering" might look like in future (this is already working code). Yes, some more invalid OpenGL state was fixed and a first attempt to get spatial shaders working and then this could be seen. Since OpenGL 3.1,

Shaders

Cocos

APRIL 25, 2023

Most of my time working in cocos has been devoted to shader work. That being said, I’m trying to determine if I can do something a certain way, and, if so, can someone provide a basic example of what the code would look like? I would like to put the image of the card’s back as the default sprite frame.

Animation

Cocos

JULY 20, 2023

192198 WebGL: INVALID_OPERATION: drawElements: no valid shader program in use WebGL2CmdFuncDraw @ C:ProgramDatacocoseditorsCreator3.7.0resourcesresources3denginebin.cachedeveditorbundledindex.js:192198 74 #define FP_SCALE 0.0009765625 75 #define FP_SCALE_INV 1024.0 84 #define LIGHT_TYPE_SPHERE 1.0 85 #define LIGHT_TYPE_SPOT 2.0 x, 1.0 - uv0.y)

Content

Mircosoft Game Dev

NOVEMBER 27, 2020

x is that, several times, sprites are separated in many nodes in order to be animated or assembled. If a shader is applied to them, or if transparency is changed, the effect is applied to every node individually, given they each do it in their own draw call. This has been added for 4.0 thanks to the new DirectionalLight2D node.

Engineering

Mircosoft Game Dev

JANUARY 10, 2023

This beta includes a few big changes which may interest a lot of users: Animated sprites, both 2D and 3D, now support options for more precise timing of individual frames ( GH-65609 ). Editor: Remove compatibility code for MeshInstance3D surface override material ( GH-70466 ). Editor: Improve remote tree node tooltips ( GH-70880 ).

Beta

Mircosoft Game Dev

OCTOBER 7, 2018

Godot's code base is big, but well organized. Prerequisites: Laptop with Git, and for code contributions a C++ compiler installed. A presentation/discussion about the approach to the code and assets structure, and how it works for your team depending on the composition and experience of said team.

Demo

Cocos

DECEMBER 25, 2023

The most commonly used method involves rendering the camera to a RenderTexture (RT) and then displaying it on a Sprite. Taking inspiration from community experts @gamemcu and @iwae for the ultimate solution, we can use code to directly display the post-processed RT rendered by the camera onto the final window.

Render

The Liquid Fire

NOVEMBER 9, 2023

link] [link] [link] [link] [link] Prerequisites Some knowledge of code is definitely going to help here. I’ll be writing most code in Godot’s Gdscript, so familiarity with that or Python will help. The first thing to download will be the sprites and textures from the original tutorial.

Point and Click

Mircosoft Game Dev

MARCH 13, 2019

Visual shader editor. all rendering code was rewritten to use the more modern OpenGL ES 3.0 / OpenGL 3.3 Some shader features will not work and throw an error when used (which is to be expected when using an older OpenGL version). GDScript allows to write code in a quick way within a controlled environment. 2D skeletons.

Feature

Mircosoft Game Dev

JANUARY 10, 2023

This beta includes a few big changes which may interest a lot of users: Animated sprites, both 2D and 3D, now support options for more precise timing of individual frames ( GH-65609 ). Editor: Remove compatibility code for MeshInstance3D surface override material ( GH-70466 ). Editor: Improve remote tree node tooltips ( GH-70880 ).

Beta

Mircosoft Game Dev

JUNE 26, 2020

This drastically reduces drawcall-related bottlenecks and can give massive gains in specific scenarios (drawing lots of sprites, big TileMaps, text rendering). Top: 10,000 Sprites with a randomized modulate and position. Bottom: 8 layers of a screen full of "A"s with two Sprites intermixed. Can you spot the difference?

Debug

Mircosoft Game Dev

APRIL 13, 2022

Some of the features were added just because they were fun to code and have this “cool” factor about them. GDScript is my favorite as you can do a lot with a little bit of code. Overriding properties like script variables, or sprite color via modulate property, allows to make asset variations easily. That one was tricky.

Development

Radiator Blog

APRIL 9, 2021

The engine should be able to render and simulate 200+ lightweight game objects -- frame-animated sprites with simple collision, no fancy physics or shaders. I also liked how Haxe has decent autocompletion support in VS Code, which reduces (but doesn't quite eliminate) all the documentation hunting. and no WASM.)

Sprite

Cocos

JANUARY 29, 2025

I want to write a shader. In this shader I need to be able to determine the position of a fragment relative to the geometry it belongs to. Whether this position will be in normalized coordinates from 0 to 1 or in a value from 0 to the width/height of the sprite - 1, it is not so important to me. Here they are called effects.

Shaders

Cocos

MARCH 25, 2025

Hi everyone, Im facing an issue with applying a gradient effect to both simple and sliced sprites. uintVerts) return; const color = this.node.color; const floatsPerVert = _assembler.floatsPerVert; const colorOffset = _assembler.colorOffset; This worked fine for both SIMPLE and SLICED sprites. Shader Code (.effect

Shaders

Cocos

MARCH 28, 2025

However, when I try to do the same for a sliced sprite ( cc.Sprite.Type.SLICED ) , the color is not applying as expected. Can you please provide a complete working code for setting vertex colors on a sliced sprite ? Any help would be greatly appreciated! Thanks in advance!

Sprite

Cocos

MARCH 28, 2025

contentSize; // @ts-ignore let borderSize = sprite.spriteFrame. contentSize; // @ts-ignore let borderSize = sprite.spriteFrame.

Sprite

iXie gaming

MAY 23, 2025

Remember the golden days of 2D sprites and pixel-perfect jumps? Massive asset libraries, third-party plugins, and spaghetti shaders start to weigh everything down. Look at garbage collection, dynamic batching, or shader compilation hiccups. Use Sprite Atlases. Batch materials with the same shader. Cache components.

Render