Cocos

SEPTEMBER 12, 2023

Blockquote const sprite = this.getComponent(Sprite); const mat = sprite.customMaterial; mat.setProperty(‘dissolveThreshold’, 0.5); Version 3.6.x, x, I using this code but it not bring Property affect to shader Ok, this work if turn of Packable in main Sprite inspector

Shaders

Cocos

FEBRUARY 16, 2023

The vertical axes of textures and picture pixels is shown above, when sampling textures in shaders, that is from top to bottom, which is top-right corner. If your previous development experience is based on OpenGL, you may find that the texture on your grid is vertically flipped. to make the color in bottom darker.

Shaders

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. Read more about “Texture’s Texel Size” here. Inner Sprite Outline HLSL.

Sprite

Cocos

AUGUST 12, 2023

On a smaller texture, the distortion is greater than on a larger texture. The HelloWorld texture has a size of 196 X 270. One shader is used, only the sprite texture changes. I scaled it up in the graphics editor to 400 x 554 and the distortion is barely noticeable.

Shaders

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

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

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

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

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

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

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

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

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

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

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

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?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iXie gaming

MAY 23, 2025

Remember the golden days of 2D sprites and pixel-perfect jumps? Then came photorealistic characters, 4K textures, and entire worlds rendered in real time. Massive asset libraries, third-party plugins, and spaghetti shaders start to weigh everything down. Use Sprite Atlases. Batch materials with the same shader.

Render