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

[Share] 2D Post-Processing & Lighting Framework

Cocos

Post-processing effects, are used for further processing of rendered results to achieve various advanced and special effects. Analysis of 2D Post-Processing Solutions Cocos Creator currently lacks built-in support for post-processing in the 2D render phase, requiring developers to explore various approaches to achieve the rendering goals.

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

Maintenance release: Godot 3.4.1

Mircosoft Game Dev

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). macOS: Fix driver crash when enabling per-pixel transparency on M1 macs ( GH-55464 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ).

Tile 52
article thumbnail

Godot Showcase - Primal Light developer interview

Mircosoft Game Dev

We were so excited by the prospect of making a game that he dove headfirst into pixel art and I into programming. First, Godot uses the pixel as the native unit of measurement, which makes it ideal for 2D games. Godot’s option to toggle between GLES2 and GLES3 also makes it easy to build for specific rendering architectures if needed.