Remove Pixel Remove Render Remove Sprite
article thumbnail

[Tutorial]Outer Stroke Effect for 2D Sprites

Cocos

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
article thumbnail

Cocos Shader Tutorial 1.0 - about UV

Cocos

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. This is consistent with how most image file formats store pixel data, and with how most graphics APIs work (including DirectX, Vulkan, Metal, WebGPU, but not OpenGL). x,waveFactor.y-uv0.y);

Shaders 98
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Issue with masking a render Texture

Cocos

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
article thumbnail

Making shaders more accessible

Mircosoft Game Dev

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
article thumbnail

Top Tools and Software for Creating Visual FX in Games

iXie gaming

With the right tools, you can turn simple sprites into stunning displays of art and movement. Other Specialized 2D Tools Pyxel Edit For games that use retro pixel art, Pyxel Edit is a must-have tool. It offers a special environment for making detailed sprite sheets and animations, perfect for creating old-school, nostalgic effects.

article thumbnail

Breakout: Layout

The Liquid Fire

When a game is “published”, the number of pixels rendered, and the aspect ratio used, are determined by the device that the game is running on, such as a television screen, web page, or even mobile device. Any remaining space that appears as a result of mis-matched aspect ratios, will just be left rendering black pixels.

Sprite 52
article thumbnail

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

Game Development

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. Mini Map Mask. Mini Map Mask Border.

Texture 52