Pixel, Sprite and Texture - Game Developers Network

How to get an array of pixel colors from an image?

Cocos

FEBRUARY 28, 2024

I’m trying to make an effect of pixels appearing with transparency and sequence (first the “darkest” then the rest of the pixels). I want to achieve the effect - “so that the pixels, like water, fill the empty mouth of the river.” But I couldn’t get the array of pixel colors.

Pixel

Pixel Sprite Shaders Texture

Cocos Shader Tutorial 1.0 - about UV

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. 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).

Shaders

Shaders Mesh Point and Click Sprite

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

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. Do render Textures not support alpha in cocos? Basic masking functionality without using the mask component.

Texture

Texture Render Alpha Shaders

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.

Pixel

Pixel Alpha Sprite Texture

Black screen on old devices cocos 2.4.11

Cocos

MARCH 25, 2024

Also, take a look at the sprite data of the images that are showing up black… are any of them abnormally large? not file size large, but actual pixel size… if you have anything over 2k, I’d highly recommend making it smaller and testing. )

Pixel

Pixel Texture Sprite Debug

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. Configuration parameters are sent via uniforms.

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

Texture

Texture Render Alpha Editing

Top Tools and Software for Creating Visual FX in Games

iXie gaming

JUNE 28, 2024

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.

Software

Software Simulation Sprite Animation

The Key Differences Between 2D and 3D Animation in Game Development

Big Games

MARCH 28, 2025

From the pixelated classics of the 80s to todays immersive and realistic graphics, animation has redefined the gaming experience. These games used 2D sprites, with each frame presenting a specific pose. Over time, this evolved, incorporating more detailed pixel art, smooth pictorial Movement, and realistic effects.

Animation

Animation Animation Game Developer Game Development

[Share] 2D Post-Processing & Lighting Framework

Cocos

DECEMBER 25, 2023

The most commonly used method involves rendering the camera to a RenderTexture (RT) and then displaying it on a Sprite. 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

Render Texture Shaders Pixel

Top Emerging Free Game Development Tools and Trends!

Big Games

JANUARY 8, 2024

Buckle up, aspiring developers, because the barrier to entry just shrunk to the size of a pixel! Sketch a rough concept, set some parameters, and Dimensions will generate 3D models, textures, and animations. Have you ever dreamt of crafting your own epic game? It can even help define core loops and progression systems.

Game Developer

Game Developer Game Development Development Cross platform

Maintenance release: Godot 3.2.2

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

Debug Point and Click Bug Render

GLES2 and GDNative, progress report #4

Mircosoft Game Dev

APRIL 16, 2018

Texture handles? Old way: class MovingSprite : public GodotScript { GODOT_CLASS(MovingSprite) Vector2 direction = Vector2(1.0, branch of the C++ bindings here , as well as an updated version of the C++ SimpleDemo on the cpp-nativescript-1.1 branch of the GDNative-demos repository here. branch of the GDNative-demos repository here.

Shaders

Shaders Render Mesh Code

Release candidate: Godot 3.4.1 RC 2

Mircosoft Game Dev

DECEMBER 8, 2021

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 ). Import: Fix incorrect glTF cubic spline interpolation times/values size error ( GH-54805 ).

Tile

Tile Render Bug Build

Release candidate: Godot 3.4.1 RC 3

Mircosoft Game Dev

DECEMBER 15, 2021

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 ). Import: Fix incorrect glTF cubic spline interpolation times/values size error ( GH-54805 ).

Tile

Tile Render Bug Build

Maintenance release: Godot 3.4.1

Mircosoft Game Dev

DECEMBER 17, 2021

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 ). Import: Fix incorrect glTF cubic spline interpolation times/values size error ( GH-54805 ).

Tile

Tile Render Shaders Editing

Getting started with HaxeFlixel in 2021

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

Sprite Simulation Build Code

Game Developers Network

How to get an array of pixel colors from an image?

Cocos Shader Tutorial 1.0 - about UV

Trending Sources

[Tutorial]Outer Stroke Effect for 2D Sprites

Issue with masking a render Texture

Cocos Creator 3.7.1 Black edges on images

Black screen on old devices cocos 2.4.11

Making shaders more accessible

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

Top Tools and Software for Creating Visual FX in Games

The Key Differences Between 2D and 3D Animation in Game Development

[Share] 2D Post-Processing & Lighting Framework

Top Emerging Free Game Development Tools and Trends!

Maintenance release: Godot 3.2.2

GLES2 and GDNative, progress report #4

Release candidate: Godot 3.4.1 RC 2

Release candidate: Godot 3.4.1 RC 3

Maintenance release: Godot 3.4.1

Getting started with HaxeFlixel in 2021

Stay Connected