Cocos

APRIL 23, 2024

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

Shaders Sprite Texture 52

Cocos

JULY 18, 2024

Hello all, I have a shader that takes the alpha value of one texture and applies to a sprite frame. Do render Textures not support alpha in cocos? Basic masking functionality without using the mask component.

Texture 40

Texture Render Alpha Shaders 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.

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.

Texture 40

Texture Shaders Sprite 40

Cocos

JULY 18, 2024

Hello all, I have a shader that takes the alpha value of one texture and applies to a sprite frame. Anyhow, the shader works, I can set it up on a spriteframe and it works as expected… however, when I add the render text. Basic masking functionality without using the mask component.

Texture 40

Texture Render Alpha Shaders 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

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 couldn’t find the right package for working with textures to get pixel colors #include <common/texture/texture-lod> 2.)

Pixel 52

Pixel Sprite Shaders Texture 52

Cocos

AUGUST 30, 2023

On my latest game, I have a weird issue with texture and I have no idea why I have this ( I could only reproduce it once but players do find it from time to time). Suddenly, when the player plays, the screen goes all wrong as if all the textures were now corrupted. Like if all textures now point to the distortioned monster spriteframe.

Texture 40

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

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 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. I tried it with auto atlas and texture filter trick mentioned above no longer work as well. Hello @pandamicro I’m having the similar issue. Could you please look into it?

Texture 52

Texture 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

iXie gaming

SEPTEMBER 17, 2024

Techniques such as using lower-resolution textures, controlling particle spawn rates, and optimizing the lifespan of particles can significantly reduce the load on the GPU. Utilizing Shaders Wisely Shaders are powerful tools that can enhance the visual quality of a game, but they can also be demanding on mobile devices.

Mobile Gaming 52

Mobile Gaming Mobile Mobile Texture 52

Catnip Games

JUNE 20, 2023

Everything is just one big texture. The custom terrain shader uses the z-channel to draw water in lower areas of the level. This gives me freedom in level design and saves work making tiles… tileable. Interactive elements will be placed using the in-game editor. So it’s RGBZ.

Terrain 52

Terrain Render Tile Alpha 52

Mircosoft Game Dev

AUGUST 2, 2019

to use specular and shininess both as parameter and as textures supplied to Sprite, AnimatedSprite, Polygon2D and other nodes. Finally, the way light shaders now works is more user friendly to creating custom lighting shaders. The 2D material system is back, so writing custom shaders works with the new Vulkan renderer.

Shaders 52

Shaders Render Texture Engine 52

The Liquid Fire

NOVEMBER 9, 2023

We’re not really doing anything with shaders or post processing in the tutorial, so depending on where you want to take the tutorial later, its really up to you which you choose. Resources just feels like it should be things like 3d Models and Textures, but if you want to stick with the original, that’s fine.

Point and Click 104

Point and Click Texture Mesh Tile 104

iXie gaming

JUNE 28, 2024

With the right tools, you can turn simple sprites into stunning displays of art and movement. It offers a special environment for making detailed sprite sheets and animations, perfect for creating old-school, nostalgic effects. TexturePacker Optimizing sprite sheets is important for better performance, especially on mobile devices.

Software 52

Software Simulation Sprite Animation 52

Cocos

AUGUST 10, 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 Texture 40

Mircosoft Game Dev

NOVEMBER 27, 2020

Additionally, all 2D shadows and light textures use a single atlas, resulting in improved performance. the new CanvasTexture texture type has been introduced. x is that, several times, sprites are separated in many nodes in order to be animated or assembled. Improved 2D materials. Using normal mapping in 2D was also hit or miss.

Engine 55

Engine Engineering Alpha Texture 55

iXie gaming

AUGUST 17, 2023

Use asset stores wisely Unity Asset Store offers a wide range of free and paid assets, such as 3D models, textures, sound effects, and plugins. Custom shaders Gain control over your game’s visual style and performance by creating custom shaders. Be mindful of memory usage, especially on mobile platforms.

Game Developer 52

Game Developer Game Development Development Shaders 52

Mircosoft Game Dev

APRIL 9, 2020

Right now batching has only been implemented for rectangle primitives (which includes tilemaps, text, sprites, and many GUI nodes). Similarly, batches must share a texture, material, blend mode, shader, and skeleton. Top: 10,000 Sprites with a randomized modulate and position. Left is without batching, right is with.

Render 52

Render Polygon Sprite Mesh 52

Mircosoft Game Dev

APRIL 16, 2018

Yes, some more invalid OpenGL state was fixed and a first attempt to get spatial shaders working and then this could be seen. This point actually took most of the development time this month, it was a rather frustrating and iterative process to find out how to best handle materials and shaders. The TIME variable in shaders?

Shaders 52

Shaders Render Mesh Code 52

Cocos

DECEMBER 25, 2023

The most commonly used method involves rendering the camera to a RenderTexture (RT) and then displaying it on a Sprite. Add a Post-Processing Shader precision highp float; #include <pp-shared-ubos> in vec2 v_uv; uniform sampler2D mainTexture; #pragma define intensity matParams.x

Render 52

Render Texture Shaders Pixel 52

Mircosoft Game Dev

DECEMBER 17, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Rendering: GLES3: Fix incompatible addition in auto exposure shader ( GH-55983 ). RichTextLabel: Fix right alignment regression ( GH-55439 ).

Tile 52

Tile Render Shaders Editing 52

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 52

Debug Point and Click Bug Render 52

Mircosoft Game Dev

DECEMBER 8, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Import: Fix incorrect glTF cubic spline interpolation times/values size error ( GH-54805 ). iOS: Capture and display xcodebuild output ( GH-54711 ).

Tile 52

Tile Render Bug Build 52

Mircosoft Game Dev

DECEMBER 15, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Import: Fix incorrect glTF cubic spline interpolation times/values size error ( GH-54805 ).

Tile 52

Tile Render Bug Build 52

Mircosoft Game Dev

MARCH 13, 2019

Visual shader editor. Some shader features will not work and throw an error when used (which is to be expected when using an older OpenGL version). As this back-end is intended to run on the lowest end hardware possible, shaders need to be kept very small. Visual shader editor. Revamped 2D editor. New TileSet editor.

Feature 52

Feature Render Editing Shaders 52

Mircosoft Game Dev

APRIL 13, 2022

Overriding properties like script variables, or sprite color via modulate property, allows to make asset variations easily. Another thing that was quite useful is the option to quickly test shaders. Being able to see the results of a shader the moment you change some code makes development so much better. That one was tricky.

Development 52

Development Shaders Terrain Engine 52

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. Instead of MonoBehaviour, most of your scripts inherit from FlxSprite (or FlxNestedSprite if you need to parent sprites to each other) instead. and no WASM.)

Sprite 130

Sprite Simulation Build Code 130

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 52

Shaders Sprite Texture Localization 52