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. First, we get the uv of the surrounding pixel through the offset uv.

Sprite 52

Sprite Alpha Pixel Shaders 52

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.

Pixel 52

Pixel Alpha Sprite Demo 52

Cocos

AUGUST 3, 2023

I had tried the mask method already with no luck… but you mentioning it here pushed me to go try it some more… actually, I still had no luck using the graphic stencil… but the graphic ellipse did the trick perfectly! You saved me so much time!

Sprite 40

Sprite Collision Alpha Pixel 40

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. This will be the mask which shows or hides part of our map based on the alpha value of the mask texture we will add. This will display our render texture.

Texture 52

Texture Render Alpha Editing 52

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. Multiply by 2. Substract (1, 1).

Shaders 52

Shaders Sprite Pixel Clipping 52