Alpha, Sprite and Texture - Game Developers Network

How to convert a Shadertoy shader for Cocos Creator 3.8.6 (Web build)?

Cocos

AUGUST 5, 2025

to pass the uniform to the material like this: @ccclass("WormHole") export class WormHole extends Component { material: Material = null; onLoad() { this.material = this.getComponent(Sprite).sharedMaterial; Then create a sprite and assign the material just created to it. Finally I added the component to the Sprite. float ap = 1.0;

Sprite

Sprite Shaders Build Alpha

Issue with masking a render 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. I prefer to go this way so that I can have a gradient fade to transparency… the mask component uses the stencil buffer and isn’t set up to use alpha blending and therefore cannot utilize the gradient of alpha values.

Texture

Texture Render Alpha Shaders

[Tutorial]Outer Stroke Effect for 2D Sprites

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. aExtend is the expanded Alpha. Here, we take the opposite approach.

Sprite

Sprite Alpha Pixel Shaders

Issue with masking a render 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. I prefer to go this way so that I can have a gradient fade to transparency… the mask component uses the stencil buffer and isn’t set up to use alpha blending and therefore cannot utilize the gradient of alpha values.

Texture

Texture Render Alpha Shaders

Cocos creator (2.4.13) Effect Material is not centered at the Sprite Node

Cocos

SEPTEMBER 23, 2024

5 + ((gl_FragCoord.xy)/ iResolution.xy); p.x *= iResolution.x / iResolution.y; float dist = length(p); float radius = ((cc_time.x) ) * 0.3; float intensity = smoothstep(radius, radius + 0.15, dist); gl_FragColor = vec4(1.,1.,1.,intensity); intensity); } }% // In typescript this.

Sprite

Sprite Shaders Texture Alpha

Cocos Creator 3.7.1 Black edges on images

Cocos

APRIL 27, 2023

The black border is due to the fact that in the WebGL program, when drawing, the texture object’s Filter is set to gl.Linear (linear filtering), when a semi-transparent pixel is sampled adjacent to a fully transparent pixel during pixel interpolation (e.g.,(0.1)).0， 0) of this kind) produces black or white pixels. png.zip (8.6 zip (636.5

Pixel

Pixel Alpha Sprite Texture

D2 log 074 – New level format

Catnip Games

JUNE 20, 2023

Everything is just one big texture. I export the rendered terrain from Blender as a RGBA image but with alpha value set to depth. This gives me freedom in level design and saves work making tiles… tileable. This gives me freedom in level design and saves work making tiles… tileable. So it’s RGBZ.

Terrain

Terrain Render Tile Alpha

Making shaders more accessible

Mircosoft Game Dev

OCTOBER 5, 2016

To explain the idea of how shaders work, let's consider a very simple shader for drawing a sprite to the screen. Our sprite is 32x32 pixels in size, and it must be drawn at some position. The following OpenGL code sends the sprite to the shader for drawing: OpenGL Commands. As you can see: Vertices / UVs are sent via attributes.

Shaders

Shaders Sprite Pixel Clipping

Full Unity 2D Game Tutorial 2019 – Making Mini Map Mask

Game Development

JANUARY 23, 2019

To do that we will edit the spaceship sprite by clicking on it in the project window. Then set the pixels per unit to 64 and click apply to update the sprites. Full Unity 2D Game Tutorial 2019 – Mini Map Render Texture. In order to do that we first need to make a render texture. This will display our render texture.

Texture

Texture Render Alpha Editing

Godot's 2D engine gets several improvements for upcoming 4.0

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. accum/max_dist); if (accum < fade_margin) { alpha *= max(0.0,accum

Engineering

Engineering Engine Alpha Texture

Shader Help required (UV distortion with cc_time[0])

Cocos

MAY 13, 2023

1.0 - newUV.x), min(newUV.y, 1.0 - newUV.y)); // Calculate the flame distortion amount based on the distance from the edge float distortionAmount = flameIntensity * (1.0 - smoothstep(0.0, 1.0 - newUV.x), min(newUV.y,

Shaders

Shaders Alpha Texture Simulation

Does Spine work with USE_INSTANCING?

Cocos

JANUARY 10, 2024

Hello, I’m working on a custom material/effect with a USE_INSTANCING branch that works on sprites, but does not work on a spine character. v_instancedCol1; col2 = v_instancedCol1; col3 = v_instancedCol1; #else col1 = u_col1; col2 = u_col2; col3 = u_col3; #endif o *= texture(cc_spriteTexture, uv0); vec4 mask = vec4(texture(maskTex, uv0).rgb,

Texture

Texture Mesh Alpha Localization

Godot 3.0 new internals, progress report #4

Mircosoft Game Dev

FEBRUARY 3, 2017

This allows for simplifying some behaviors, such as using a Viewport directly as a texture in a Sprite, or creating button groups without a special control. Next months will be focused in closing the remaining renderer features and stabilizing Godot for an alpha release. Local resources. Fixed rotation angles. Seeing the code.

Code

Code Asset Engine Engineering

Unity Optimization Beyond the Basics: Techniques for High-Fidelity Games

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. The usual tips, like compress textures or use LODs, only scratch the surface. Use Sprite Atlases. For developers, thats the nightmare. But with scale comes complexity.

Render

Render Shaders Ray Tracing Cinematics

Game Developers Network

How to convert a Shadertoy shader for Cocos Creator 3.8.6 (Web build)?

Issue with masking a render Texture

Trending Sources

[Tutorial]Outer Stroke Effect for 2D Sprites

Issue with masking a render Texture

Cocos creator (2.4.13) Effect Material is not centered at the Sprite Node

Cocos Creator 3.7.1 Black edges on images

D2 log 074 – New level format

Making shaders more accessible

Full Unity 2D Game Tutorial 2019 – Making Mini Map Mask

Godot's 2D engine gets several improvements for upcoming 4.0

Shader Help required (UV distortion with cc_time[0])

Does Spine work with USE_INSTANCING?

Godot 3.0 new internals, progress report #4

Unity Optimization Beyond the Basics: Techniques for High-Fidelity Games

Stay Connected